Avatar billede steen_hansen Forsker
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?
Avatar billede filename Nybegynder
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>
Avatar billede 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>
Avatar billede steen_hansen Forsker
31. oktober 2004 - 17:57 #3
filename, den er i orden :o)

exp, den vises stadig på samme måde
Avatar billede steen_hansen Forsker
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.
Avatar billede 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>
Avatar billede steen_hansen Forsker
31. oktober 2004 - 19:49 #6
Så får jeg buttons, og det er jeg ikke interesseret i :o)
Avatar billede steen_hansen Forsker
31. oktober 2004 - 19:49 #7
Ingen bud?
Avatar billede exp Juniormester
31. oktober 2004 - 19:51 #8
buttons?

listepunkter?
Avatar billede steen_hansen Forsker
31. oktober 2004 - 19:54 #9
Alm. links -> display: block; :o)
Avatar billede exp Juniormester
31. oktober 2004 - 19:59 #10
Sort snak?

Hvad mener du med buttons?
Avatar billede steen_hansen Forsker
31. oktober 2004 - 20:00 #11
Undskyld, er i tvivl om navnet på dem

<ul>
<li>Link</li>
</ul>
Avatar billede exp Juniormester
31. oktober 2004 - 20:01 #12
Du mener prikken ud for punktet...?

Den kan jo fjernes...
Avatar billede steen_hansen Forsker
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 :/
Avatar billede doggy82 Praktikant
31. oktober 2004 - 22:34 #14
"bullets" hedder de :D
Avatar billede steen_hansen Forsker
31. oktober 2004 - 22:36 #15
Tak, doggy. Det var tæt på :oD
Avatar billede skovenborg Nybegynder
31. oktober 2004 - 23:01 #16
prøv at tilføje:
a.menu:link {
    display:block;
}
Avatar billede steen_hansen Forsker
31. oktober 2004 - 23:02 #17
Den har jeg, skovenborg. Det er lidt mystisk og meget irriterende.
Avatar billede skovenborg Nybegynder
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)
Avatar billede filename Nybegynder
31. oktober 2004 - 23:02 #19
Et svar eller?
Avatar billede filename Nybegynder
31. oktober 2004 - 23:03 #20
får du her
Avatar billede steen_hansen Forsker
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.
Avatar billede steen_hansen Forsker
31. oktober 2004 - 23:06 #22
filename, dit svar fortjener point mht. <div>. Men jeg skal lige have løst det med display: block;
Avatar billede skovenborg Nybegynder
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 {
Avatar billede skovenborg Nybegynder
31. oktober 2004 - 23:08 #24
...mon ikke det var derfor ;-)
Avatar billede steen_hansen Forsker
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;
}
Avatar billede skovenborg Nybegynder
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
Avatar billede steen_hansen Forsker
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 ....?
Avatar billede skovenborg Nybegynder
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)
Avatar billede doggy82 Praktikant
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"
Avatar billede steen_hansen Forsker
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>
Avatar billede doggy82 Praktikant
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;
}
Avatar billede steen_hansen Forsker
31. oktober 2004 - 23:22 #32
Ok, men det har heller ikke hjulpet.
Avatar billede doggy82 Praktikant
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;
}
Avatar billede doggy82 Praktikant
31. oktober 2004 - 23:23 #34
Avatar billede steen_hansen Forsker
31. oktober 2004 - 23:24 #35
SÅ SQ! Det virkede, doggy :)

doggy og skovenborg, smid lige et svar begge to
Avatar billede doggy82 Praktikant
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
Avatar billede steen_hansen Forsker
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
Avatar billede skovenborg Nybegynder
31. oktober 2004 - 23:38 #38
okay da - værsgo' :-)
Avatar billede steen_hansen Forsker
31. oktober 2004 - 23:38 #39
Mange tak, drenge! I er mine nye, bedste venner :o)
Avatar billede filename Nybegynder
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;'
Avatar billede filename Nybegynder
31. oktober 2004 - 23:40 #41
Min fejl, tak for point.
Avatar billede steen_hansen Forsker
31. oktober 2004 - 23:41 #42
10-4 :o)
Avatar billede doggy82 Praktikant
31. oktober 2004 - 23:55 #43
:D
Avatar billede skovenborg Nybegynder
01. november 2004 - 00:32 #44
også tak herfra :-)
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