styling af et alm. tekstlink

<a href="#" id="menulink" style="width:200px;display:block;"> Menu link 1</a>

du kan se det hvis du fylder baggrundsfarve på:
<a href="#" id="menulink" style="width:200px;display:block;background-color:red;"> Menu link 1</a>

HA....takker
det var display block jeg havde glemt ... *S*.... hvar ellers helt sikker på den var sat...*G*...men det var kun på containeren...*G*

fin :-)

hvad gør display blocken??

a tagget er et "inline element" dvs det fylder ingenting omslutter kun evt tekst derfor kan man ikke sætte en bredde på den -  man kan jo ikke sætte bredde på noget der fylder ingenting :-)

Ved at sætte den til display:block opfører a tagget sig som et block element ergo noget "der optager plads / fylder noget"

-- og jeg plejer at illustrere det med, at hvis du i et tekstbehandlingsprogram vælger 3 ord og markerer dem som kursiverede, vil de ikke flytte sig (noget særligt !-), men hvis du gør det samme og vælger indsæt tabel, vil hele afsnittet blive brudt op og de tre ord vil befinde sig i en tabel, mens teksten forud vil stå ovenover tabellen og teksten efter ordene vil stå nedenunder tabellen ...

-- altså er kursiv-tagget et inline tag (det ændrer principielt ikke opstillingen !-), mens tabel-tingen er et block-level-tag, for det skaber sit eget nye afsnit, som fylder det 'hele' i bredden !o]