Sette ramme rundt en CSS-meny

[quack]

Ønsker å sette menyen min inn i ei ramme, så det ser ut som det står i en tabell med border=1. Problemet med å bruke en tabell og sette border=1 er at det vises forskjellig i forskjellige browsere.

 

Sånn ser meny-koden min ut for øyeblikket. Går det an å bestemme noe med rammer her?

 

#meny  {position: absolute; top: 120px; left: 200px; background: #FFFFFF; }

[Lovskogen]

Er menyen din satt sammen slik?:

 

<ul>

<li>Meny-element</li>

</ul>

[quack]

Er menyen din satt sammen slik?:

 

<ul>

<li>Meny-element</li>

</ul>

<div id="meny">
<a href="s1.html">side1</a><br>
<a href="s2.html">side2</a><br>
<a href="s3.html">side3</a><br>
</div>

Sånn ser den ut nå.

[Haraldson]

Gjør om til

<ul id="meny">
<li><a href="s1.html">side1</a></li>
<li><a href="s2.html">side2</a></li>
<li><a href="s3.html">side3</a></li>
</ul>

 

CSS

ul {

padding: Xpx;

border: 1px solid #fargekode;

}

[quack]

Får forske litt på siste posten der, funka ikke med en gang men det er nok bare meg. Skulle helst ikke hatt punkt-liste, men det kan man sikker fjerne med en eller annen kode.

[Haraldson]

CSS

ul#meny {

padding: Xpx;

border: 1px solid #fargekode;

}

 

ul#meny li {

list-style-type: none;

}

[quack]

CSS

ul#meny {

padding: Xpx;

border: 1px solid #fargekode;

}

 

ul#meny li {

list-style-type: none;

}

Perfect!