31. oktober 2004 - 17:37
Der er
41 kommentarer og 3 løsninger
Find en fejl
Hvorfor står disse links i forlængelse af hinanden, og ikke neden under hinanden, når display: block; benyttes? Ved hover kommer linket ned på plads, men det ser underligt ud, det skifter hele tiden. <style> a.menu: { display: block; width: 100%; font-size: 11px; color: #336699; font-family: verdana, arial, helvetica; text-decoration: none; } a.menu:hover { display: block; width: 100%; color: #000; text-decoration: underline; } </style> <a href="#" class="menu">Link 1</a> <a href="#" class="menu">Link 2</a> Tillæg: Hvordan sætter jeg en <div> rundt om menuen, så jeg ikke behøver at sætte class="menu" i hvert link?
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
31. oktober 2004 - 17:53
#1
<div class="menu"> <a href="#">Noget</a> <a href="#">Noget</a> <a href="#">Noget</a> <a href="#">Noget</a> <a href="#">Noget</a> <a href="#">Noget</a> </div>
exp
Juniormester
31. oktober 2004 - 17:55
#2
prøv: <style> .menu a { display: block; width: 100%; font-size: 11px; color: #336699; font-family: verdana, arial, helvetica; text-decoration: none; } .menu a:hover { display: block; width: 100%; color: #000; text-decoration: underline; } </style>
31. oktober 2004 - 17:57
#3
filename, den er i orden :o) exp, den vises stadig på samme måde
31. oktober 2004 - 17:59
#4
Det mærkelige er, at jeg har lavet det mange gange før. Nu virker ... skidtet pludselig ikke. Jeg har rettet det tilbage, det skulle være i orden.
exp
Juniormester
31. oktober 2004 - 18:09
#5
Hvorfor bruger du egentlig ikke en liste istedet? <ul class="menu"> <li><a href="#">Noget</a></li> <li><a href="#">Noget</a></li> <li><a href="#">Noget</a></li> <li><a href="#">Noget</a></li> <li><a href="#">Noget</a></li> <li><a href="#">Noget</a></li> </ul>
31. oktober 2004 - 19:49
#6
Så får jeg buttons, og det er jeg ikke interesseret i :o)
31. oktober 2004 - 19:49
#7
Ingen bud?
exp
Juniormester
31. oktober 2004 - 19:51
#8
buttons? listepunkter?
31. oktober 2004 - 19:54
#9
Alm. links -> display: block; :o)
exp
Juniormester
31. oktober 2004 - 19:59
#10
Sort snak? Hvad mener du med buttons?
31. oktober 2004 - 20:00
#11
Undskyld, er i tvivl om navnet på dem <ul> <li>Link</li> </ul>
exp
Juniormester
31. oktober 2004 - 20:01
#12
Du mener prikken ud for punktet...? Den kan jo fjernes...
31. oktober 2004 - 20:04
#13
Ok, men spørgsmålet går på hvorfor de styles ikke virker. Det burde de, men jeg kan dælme ikke se hvad problemet skulle være :/
31. oktober 2004 - 22:34
#14
"bullets" hedder de :D
31. oktober 2004 - 22:36
#15
Tak, doggy. Det var tæt på :oD
31. oktober 2004 - 23:01
#16
prøv at tilføje: a.menu:link { display:block; }
31. oktober 2004 - 23:02
#17
Den har jeg, skovenborg. Det er lidt mystisk og meget irriterende.
31. oktober 2004 - 23:02
#18
men jeg skal ikke kunne sige hvorfor det er påkrævet - nok noget specielt for links kunne det tænkes ;-) (p.s. Det er dog kun testet i firefox)
31. oktober 2004 - 23:02
#19
Et svar eller?
31. oktober 2004 - 23:03
#20
får du her
31. oktober 2004 - 23:04
#21
Nej, jeg har ikke fået noget brugbart. Jeg har tjekket og dobbelttjekket. Alt står som i det jeg har lavet førhen, og som virker helt fint.
31. oktober 2004 - 23:06
#22
filename, dit svar fortjener point mht. <div>. Men jeg skal lige have løst det med display: block;
31. oktober 2004 - 23:07
#23
hov, vent - hvis man kigger lidt godt efter har du en : for meget: a.menu: { skal jo være: a.menu {
31. oktober 2004 - 23:08
#24
...mon ikke det var derfor ;-)
31. oktober 2004 - 23:09
#25
ahr, dum smutter. Det ser nu således ud, men det virker stadig ikke: a.menu { display: block; width: 100%; font-size: 11px; color: #336699; font-family: verdana, arial, helvetica; text-decoration: none; } a.menu:hover { display: block; width: 100%; color: #000; text-decoration: underline; }
31. oktober 2004 - 23:11
#26
virker fint her - men det kan være du kigger i IE. Sidder lige i Linux nu såå :-S
31. oktober 2004 - 23:14
#27
:/ Det virker ikke nogen browsere. MSIE, FireFox, NS, Opera Alle links bliver listet ud på én lang linie, og display:block; burde da sørge for, at hver enkelt link fik én linie hver. Eller ....?
31. oktober 2004 - 23:16
#28
jo, det burde den da meget gerne gøre. Kunne du ikke paste en lille test-side med fejlen på. altså med html og det hele (evt. bare et link)
31. oktober 2004 - 23:19
#29
Når nu du har sat div omkring skal der jo ikke stå "a.menu" men "div.menu" Eller endnu bedre vend dig til bare at skrive ".menu"
31. oktober 2004 - 23:21
#30
<td align="left" valign="top" id="menu" style="padding-top: 29px;"> <div class="menu"> <a href="/" onfocus="this.blur();">Log ind</a> <a href="/sendpassword.asp" onfocus="this.blur();">Adgangskode</a> <a href="/cookies.asp" onfocus="this.blur();">Cookies og sessions</a> </div> </td>
31. oktober 2004 - 23:21
#31
Du har også noget andet rod i koden. Skal se så'n her ud: .menu a { display: block; width: 100%; font-size: 11px; color: #336699; font-family: verdana, arial, helvetica; text-decoration: none; } .menu a:hover { display: block; width: 100%; color: #000; text-decoration: underline; }
31. oktober 2004 - 23:22
#32
Ok, men det har heller ikke hjulpet.
31. oktober 2004 - 23:22
#33
Og hvis det skal være helt rigtigt kan du nøjes med: .menu a { display: block; width: 100%; font-size: 11px; color: #336699; font-family: verdana, arial, helvetica; text-decoration: none; } .menu a:hover { color: #000; text-decoration: underline; }
31. oktober 2004 - 23:23
#34
31. oktober 2004 - 23:24
#35
SÅ SQ! Det virkede, doggy :) doggy og skovenborg, smid lige et svar begge to
31. oktober 2004 - 23:26
#36
Pointen er at når du skriver .menu a {} ser den på de "a" tags som er inden i ".menu" class'en
31. oktober 2004 - 23:28
#37
Yes, jeg ved ikke hvornår kæden er hoppet af. Og jeg har åbenbart stirret mig blind :oD skovenborg, jeg mangler lige et svar fra dig
31. oktober 2004 - 23:38
#38
okay da - værsgo' :-)
31. oktober 2004 - 23:38
#39
Mange tak, drenge! I er mine nye, bedste venner :o)
31. oktober 2004 - 23:39
#40
Okay, men jeg fik ingen point? 'filename, dit svar fortjener point mht. <div>. Men jeg skal lige have løst det med display: block;'
31. oktober 2004 - 23:40
#41
Min fejl, tak for point.
31. oktober 2004 - 23:41
#42
10-4 :o)
31. oktober 2004 - 23:55
#43
:D
01. november 2004 - 00:32
#44
også tak herfra :-)
Vi tilbyder markedets bedste kurser inden for webudvikling