linker column met een list menu

[joanne]

Bestaande, werkt goed
=================
#leftnav
{
float: left;
background-image: url("pixellicht.gif");
width: 160px;
margin: 0;
padding: 1em;
}


----------------------------------------------------

Maar nu wil ik dit erin hebben voor een menu, alleen
zakt inhoud van midden kolom naar beneden, die dus naast het linker kolom hoort.


================================

/* ---- hierin nav. links gezet ----- */
#leftnav li
{
list-style: none;
/* margin: 0; */
border-top: 1px solid gray;
/* text-align: left; */
}

#leftnav li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#leftnav li a:link { color: #448; }
#leftnav li a:visited { color: #667; }

#leftnav li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}

 

[peter vazed]

In test tabel werkt het goed.
Tabel met drie kolommen, links menu, midden inhoud enrechts smalle kolom.

Ligt het niet aan je layout?
Heb je wel in je td <td valign="top" >?

 

[joanne]

Gaat alleen om CSS instructies, dus tabellen (td enz.) zijn niet aan de orde.

IK krijg het idee dat ik nog een of andere instructie moet toevoegen, alleen weet ik niet welke.
Zolang er geen menu in voorkomt dus alleen tekst bijv. gaat het prima. Menu krijg ik wel voor elkaar, alleen
inhoud middenkolom komt er niet goed meer te staan.

Vind menu maken met behulp van lists juist handig, als het werkt dan....

Voorbeeld: http://members.home.nl/jeetee/bodar3.html

J.

 

[peter vazed]

Dat vermoeden had ik al.........

De wind waait uit de andere hoek: Divhoek.

Paar je tags eens.

Er is er nu eentje eenzaam en alleen:

<li><a href="kiss.html " title="Lekker simpel">Lekker simpel</a></li>
</ul>
</div>
[de deze]</div>
<div id="content">

 

[joanne]

Ben er even rustig voor gaan zitten en van voren af aan begonnen. Zo moet het dus.

http://members.home.nl/jeetee/bodar4.html

Alleen moet ik nog bedenken waarom hier wel en de andere niet..

Nog dank voor het meedenken.