HTML & CSSur HTML, XHTML & CSS
8 svar · 614 visningar · startad av Travoni
Skulle vilja skapa en ul-li-meny som flödar både vänster och höger i samma list, hur gör jag det?
Det skall se ut så hära:
Hem * Om mig * Tjänster <- -> Kontakt * Karta
Eller så left-floatar du hela menyn men paddar tredje li-elementet?
Hm, det skulle funka om menyn var statisk. Men längden på ul:en är dynamisk.
Skulle vilja skapa en ul-li-meny som flödar både vänster och höger i samma list, hur gör jag det?
Det skall se ut så hära:
Hem * Om mig * Tjänster <- -> Kontakt * Karta
Jobba vidare på nedanstående.
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
<!--
#navbar {
width:400px;
margin:0 auto;
}
li {
float: left;
list-style: none;
}
.right {
float: right!important;
}
-->
</style>
</head>
<body>
<div id="navbar">
<ul>
<li>Hem </li>
<li>Om mig </li>
<li>Tjänster</li>
<li class="right">Kontakt</li>
<li class="right">Karta </li>
</ul>
</div>
</body>
</html>
Oki, nice. Lite fråga: varför använder man !important?
Oki, nice. Lite fråga: varför använder man !important?
Ta bort den, finns ingen anledning att köra med det.
Jobba vidare på nedanstående.
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> <!-- #navbar { width:400px; margin:0 auto; } li { float: left; list-style: none; } .right { float: right!important; } --> </style> </head> <body> <div id="navbar"> <ul> <li>Hem </li> <li>Om mig </li> <li>Tjänster</li> <li class="right">Kontakt</li> <li class="right">Karta </li> </ul> </div> </body> </html>
Nice, men varför hamnar Kontakt och Karta i fel ordning?
Oki, nice. Lite fråga: varför använder man !important?
Används när man vill förhindra att andra stilar (som kommer "senare" och "närmare" html-koden) inte ska ta över. Man "låser" stilen så att den inte förändras.
Men som voigtann skriver, så behövs det antagligen inte men det spelar ingen roll om det sitter där heller.
Nice, men varför hamnar Kontakt och Karta i fel ordning?
För att dom är floatade. :-)
Kanske blir bättre med en "clear" emellan 3:e och 4:e och listelementet.
Annars får du väl byta plats med dom.
PS: Markera gärna svaret ovan som lösning om du tycker att det är det.
