Avatar billede tamen Nybegynder
08. januar 2003 - 01:30 Der er 10 kommentarer og
1 løsning

Understregning der fylder mere end teksten

Jeg var inde på denher side: http://www.jokke.dk/news/
Og så der at han har gjort et rimeligt godt job ud af at bygge sin side op med kun CSS. Men jeg så også noget som jeg har prøvet i ret lang tid. Hvordan får man understregning af tekst til at fylde ud over teksten?
Jeg prøvede at kigge på hans CSS og kode, men kode er nu en gang nemmere at tyde når man isdder id en anden ende af det ;)
Avatar billede fiskesuppe Nybegynder
08. januar 2003 - 01:46 #1
Hvor er det helt præcist du ser den nævnte understregning? Jeg kan godt nok ikke se den nogen steder...
Avatar billede olebole Juniormester
08. januar 2003 - 01:54 #2
<ole>

Han gør det f.eks. med dette div:

  <div class='datenews'>January 7, 2003</div>

... og denne klasse:

.datenews {
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid black;
    color: #66f;
}

/mvh
</bole>
Avatar billede tamen Nybegynder
08. januar 2003 - 02:05 #3
Ja men hvis jeg laver border-bottom er understregningen kun lige så lang som teksten. Joakims fortsætter ud mod højre.
Avatar billede tamen Nybegynder
08. januar 2003 - 02:06 #4
Og nævnte understregning kan bl.a. ses under "On This Site?" i venstre side.
Avatar billede schaefner Juniormester
08. januar 2003 - 02:12 #5
tilføj width: 100%
Avatar billede niceday Nybegynder
08. januar 2003 - 02:13 #6
På denne side finder du alt til dine spørgsmål om CSS - der er om tekst, links, knapper, forme osv.:

http://www.w3schools.com/css/default.asp
Avatar billede olebole Juniormester
08. januar 2003 - 02:49 #7
Prøv dog, hvad du får forslået i stedet for bare at antage, du ved, hvad der vil ske ... det ved du ikke  :)

Der er ingen grund til at tilføje en bredde, da et div er et block-element og fylder 100% i bredden. Lægger du et div i en tabelcelle, der er 300px bred, er dit div 300px bredt.

en dotted understregning får du med:
  border-bottom: 1px dotted black;

Men husk: Prøv, hvad vi foreslår ... så vil folk blive ved med at hjælpe dig  :)
/mvh
Avatar billede olebole Juniormester
08. januar 2003 - 02:55 #8
PS: Eksemplet er taget direkte fra den side, du linker til i dit spørgsmål. Det er en kopi af hans div og en kopi af hans style-class  :)
Avatar billede tamen Nybegynder
08. januar 2003 - 09:32 #9
Undskyld undskyld ;) Jeg sku selvfølgelig hav prøvet det, men jeg troede bare det var for at svare på fiskesuppes spørgsmål.
Jeg havde ikke llige set at det sku være en div, jeg havde prøvet det med en span.
Tusind mange tak for hjælpen :)
Avatar billede olebole Juniormester
08. januar 2003 - 16:48 #10
selvtak  ;o)
/mvh
Avatar billede olebole Juniormester
08. januar 2003 - 16:50 #11
PS: Et span er ikke et block-element, men smyger sig altid tæt omkring indholdet ... det drillede mig en del, da jeg selv begyndte at rode med DHTML. Men det har du jo selv opdaget  :)
/mvh
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester