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
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
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