[n00b] Navigatie design

[Verwijderd]

Damn! Ik heb toch al een site gebouwd hier en daar, maar hier kan ik toch ff niet op komen. Waarschijnlijk ga ik me zo tegen m'n kop slaan met "O, ja..".

Waar ik dus niet op kan komen: Vaak zie je bij site's aan de linkerkant een navigatie menu in een andere kleur of afgescheiden door een lijn. Dat gebeurt toch met een 1 pixel hoog plaatje wat dan herhaald wordt? Hoe doen ze dit?

't Is geloof ik een zware n00b vraag, maar ik kon 't echt nergens meer vinden. Als 't echt te grote onzin is deze vraag, wijd het dan maar aan slaapgebrek..

[Willem]

Je hebt daar een aantal manieren voor. Je kunt het bijvoobeeld in het ontwerp zelf mee te nemen, maar ook met CSS kom je een eind.

[cutter]

[search=scanlines]

[Verwijderd]

Hey coach,

wat je bedoeld is volgens mij gewoon een herhalende background... Wat je dan dus doet is een table van height='100%' met als background='bg.gif' inderdaad een plaatje van 1 pixel hoog.

[El Reino]

Op dinsdag 22 januari 2002 12:33 schreef PyroDaan het volgende:
Hey coach,

wat je bedoeld is volgens mij gewoon een herhalende background... Wat je dan dus doet is een table van height='100%' met als background='bg.gif' inderdaad een plaatje van 1 pixel hoog.

euh....is gewoon backgroundcolor instellen nu ook al uit de mode?

[Verwijderd]

Op dinsdag 22 januari 2002 12:28 schreef Agijsbro het volgende:
of afgescheiden door een lijn. Dat gebeurt toch met een 1 pixel hoog plaatje wat dan herhaald wordt? Hoe doen ze dit?

Op dinsdag 22 januari 2002 12:35 schreef elreino het volgende:
euh....is gewoon backgroundcolor instellen nu ook al uit de mode?

Hij vroeg volgens mij gewoon om een lijn dmv een background. maar het kan inderdaad op tig manieren

[Oefening]

Hij heeft het gewoon over borders volgens mij

Maar een voorbeeld zou wel makkelijk wezen eigenlijk

[Verwijderd]

Ik vind mezelf zelfs onduidelijk..

[Hangloozz]

mja, geef 'ns een voorbeeld.
nu zou ik zeggen: geef je frameset een framespacing van 1 px en maak je frameborder een leuk kleurtje.
Maar dat zal ut wel nie zijn

[Verwijderd]

Ok.. Be prepared for: Agijsbro Art..

code:

Home   |  Hier staat gewoon content
Pics   |
Links  |
Etc    |
     |
     |

Snappie? En die lijn moet dus gewoon van boven naar beneden lopen.

[bonzz.netninja]

uh frame???
start fronpage!

[Verwijderd]

Op dinsdag 22 januari 2002 12:56 schreef bonzz.netninja het volgende:
uh frame???
start fronpage!

Ja.. Inderdaad..

Maar eh.. Ik heb 't nu zo gedaan: plaatje van 1 pixel hoog, 100 pixels breed.

<table height="100%">
<tr><td background="pixel.gif"></td><td>content</td></tr>
</table>

[Willem]

Op dinsdag 22 januari 2002 12:54 schreef Agijsbro het volgende:
Ok.. Be prepared for: Agijsbro Art..

code:

Home   |  Hier staat gewoon content
Pics   |
Links  |
Etc    |
     |
     |

Snappie? En die lijn moet dus gewoon van boven naar beneden lopen.

En wat wil je nu precies, dat daar een lijn loopt van 1px, een bepaalde kleur, of wil je dat deze twee (navigatie)velden van elkaar gescheiden zijn?

Be more specific please.

[Verwijderd]

Op dinsdag 22 januari 2002 13:02 schreef willem169 het volgende:

[..]

En wat wil je nu precies, dat daar een lijn loopt van 1px, een bepaalde kleur, of wil je dat deze twee (navigatie)velden van elkaar gescheiden zijn?

Be more specific please.

Moet gewoon een lijntje komen. Of liever gezegd, een afgesloten deel van de content, maar ik denk dat de vertroebeling al weer wat helderder wordt. 't Kan zoals ik hierboven heb geschreven of met div'jes. Of met tabellen en frames met borders, maar dan krijg je toch altijd een vierkant?

[cutter]

Cuttercode

code:

<table width="740" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="151">&nbsp;</td>
    <td rowspan="4" width="1" bgcolor="#000000"></td>
    <td width="1095">&nbsp;</td>
  </tr>
  <tr> 
    <td rowspan="3">Links</td>
    <td>Content</td>
  </tr>
  <tr> 
    <td>Hallo</td>
  </tr>
  <tr> 
    <td>Hallo</td>
  </tr>
</table>

[Verwijderd]

Op dinsdag 22 januari 2002 13:06 schreef cutter het volgende:
Cuttercode

code:

<table width="740" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="151">&nbsp;</td>
    <td rowspan="4" width="1" bgcolor="#000000"></td>
    <td width="1095">&nbsp;</td>
  </tr>
  <tr> 
    <td rowspan="3">Links</td>
    <td>Content</td>
  </tr>
  <tr> 
    <td>Hallo</td>
  </tr>
  <tr> 
    <td>Hallo</td>
  </tr>
</table>

Mogenlijkheid nummero 3! Wie biedt meer?

Thnx trouwens. Ongelovelijk dat ik hier niet op kan komen zeg..

[Verwijderd]

CSS

border-left-width : 1 (bijv) de rest (border-right-width bijv) op : 0

Of denk ik moeilijk?



Edit: left en rijt omdraaien natuuk

[drm]

CSS:

code:

td.links {
   text-align:left;
   vertical-align:top;
   padding:2px 2px 2px 2px;
   border-right:1px solid #000000;
   width:120px;
}
td.links a {
   /* hier je linkstyles */
}

td.links span.title {
   font-size:13px;
   font-weight:bold
}

td.content {
   text-align:left;
   vertical-align:top;
   padding-left:20px;
   /* content style, etc */
}
/* etcetera etcetera */

HTML:

code:

<table border="0" cellpadding="0" cellspacing="0" height="100%">
   <tr>
    <td class="links">
       <span class="title">Links</span><br><br>
       <a href="home.html">home</a><br>
       <a href="links.html">links</a><br>
       etc..
    </td>
    <td class="content">
       <span class="title">Home</span><br><br>
       Hallo dit is de homepage
    </td>
   </tr>
</table>

en knutsel-ze

[Willem]

drm behulpzaam + 1

[p_m]

Als de lijn/kleurscheiding los staat:
- frame of table border
- plaatje
- achtergrondplaatje (herhalend, van kleine hoogte)
- celkleur van tabel

Als de lijn/kleurscheiding niet lost staat (dus achter de tekst)
- achtergrondplaatje (herhalend, van kleine hoogte)
- layer met tekst erop plakken (niet handig)

Met CSS kun je zowat alles van dit doen. Veel succes.

[drm]

Op dinsdag 22 januari 2002 14:05 schreef p_m het volgende:
Als de lijn/kleurscheiding los staat:
- frame of table border
- plaatje
- achtergrondplaatje (herhalend, van kleine hoogte)
- celkleur van tabel

Als de lijn/kleurscheiding niet lost staat (dus achter de tekst)
- achtergrondplaatje (herhalend, van kleine hoogte)
- layer met tekst erop plakken (niet handig)

Met CSS kun je zowat alles van dit doen. Veel succes.

Met CSS kun je zowat alles van dit doen.

[Verwijderd]

gewoon een frame met border=1 lijkt mij

iig, zo komt het over...

code:

link |  content
link |  content
link |  content
link |  content

dat doe je toch normaal met een frame? is het makkelijkste iig, imho (ook met reloaden fijn)

en een verticaal streepje van 1 pxs == border van 1 toch

sorry als ik overbodig post, maar zoals hij het zegt komt het zo bij mij over

misschien handig als je een tekeningetje maakt/een voorbeeld zoekt

[p_m]

Op dinsdag 22 januari 2002 14:29 schreef drm het volgende:

[..]

Met CSS kun je zowat alles van dit doen.

hehe...

[Verwijderd]

Hier is een voorbeeldje: Site met balkje links...

En bedankt voor de behulpzame reacties idd..!

[Verwijderd]

Nog een: Klik!.