Centrere menu-tekst (links)

Tags:    css

<< < 12 > >>
Hej UV´er.

Jeg har et lille problem med lidt CSS.

Jeg kan simpelthen ikke se hvad der sker, men den låser altså et sted så jeg ikke kan centrere teksten (linksne) i min menu.

css koden er her:
Fold kodeboks ind/udCSS kode 


Jeg har prøvet med text-align:center; osv alle mulige steder, men den vil simpelthen ikke centrere teksten.

Nogen der har en idé til hvor jeg kan sætte ind :)?



15 svar postet i denne tråd vises herunder
7 indlæg har modtaget i alt 20 karma
Sorter efter stemmer Sorter efter dato
Jo, men det er så der du laver en ny div med en sort baggrund :)

Forstår du?


.menu {
margin:auto;
width:500px;
}

.sortbaggrund {
width:100%;
background-color:black;

}

<div class="sortbaggrund">
<div class="menu">
<ul class="menu green">
<li class="current"><a href="index.php"><small>Forside</small></a></li>
<li><a href="forum.php"><small>Forum</small></a></li>
<li><a href="akos.php"><small>AKOS</small></a></li>
<li><a href="grej.php"><small>Grej</small></a></li>
<li><a href="organisation.php"><small>Organisation</small></a></li>
<li><a href="kontakt.php"><small>Kontakt</small></a></li>
</ul>
</div>

</div>



fjern float left på ul.menu li a og tilføj block. Derefter kan du tilføje width: 100px eller en anden bredde.

Float fjerne de naturlige 100% bredder som block elementer normalt har.



Tilføj "text-align: center" så er du kørende...



Hej Christian,

Hvis du smider en ekstra div ind, ala dette:
*Update: Og nogle <span>...

Fold kodeboks ind/udHTML kode 


Og ændre css´en til dette:
Fold kodeboks ind/udCSS kode 


Så burde det virke... :)



Indlæg senest redigeret d. 22.07.2011 21:15 af Bruger #16622
Har du et online eksempel? Hvis "text-align: center" kombineret med fjernelse af "float:left" og tilføjelse af "display: block;" ikke hjælper, så må du prøve at beskrive det lidt nærmere, hvad det er du gerne vil opnå.



Udmiddelbart vil jeg tro at det på grund af din "menu green" - altså, der er et mellemrum - fjerne mellemrummet og vi ser om der stadig er fejl :)

Fold kodeboks ind/udKode 


Og så husk lige også at slutte din <html>, så der nederest også står </html> :)

Lige en sidste kommentar - prøv lige at kigge ALT din kode igennem - overvej så lige om der er flere fejl :)



Indlæg senest redigeret d. 22.07.2011 20:13 af Bruger #15747
okay. prøv det her :)

Fold kodeboks ind/udKode 




men en width vil vel ikke nødvendigvis centrere det ?



Det virker ikke :S det har jeg prøvet.. der må være noget der blokere et sted..



Ja, du kan se et online eksempel her:
http://www.danskforsvar.dk/motinf/

Det kan godt ske at CSS ikke helt står sådan som du har beskrevet overfor her, men jeg har lokalt forsøgt at ændre på det, sådan som du har skrevet, men uden held :(

Det er selve menuteksten (linksne) som jeg vil have centreret, således at de ikke udgår fra venstre, men fra midten. altså en helt alm. centrering :)


Tak for hjælpen, i øvrigt :)



<< < 12 > >>
t