Avatar billede kelleolsen Nybegynder
08. oktober 2009 - 14:40 Der er 16 kommentarer og
1 løsning

Tekst uden for Div?

Hej.

Som i kan se på denne: (download)

http://www.gratisupload.dk/download/34515/

<div id="top">

<a href="index.html"><img src="images/menutext.png" id="esbjergbold"></a>

<p class="menu">

<a href="forside.html" class="menulink" target="head">FORSIDE</a> |

<a href="forside.html" class="menulink" target="head">FORSIDE</a> |

<a href="forside.html" class="menulink" target="head">FORSIDE</a> |

</p>

</div>

Men hvorfor er linkene og "|" uden for div? Det skal være i midten lodret?
Avatar billede Gudiik Nybegynder
08. oktober 2009 - 14:44 #1
smid din css kode op.
Avatar billede kelleolsen Nybegynder
08. oktober 2009 - 14:49 #2
/*
    TOP
*/

#top {
    width: 100%;
    height: 40px;
    background-image: url(../images/bgtop.jpg);
    margin: 0px auto;
}

#esbjergbold {
    margin-left: 30px;
}

/*
    EFB LOGO
*/

#efb {

    margin-right: 10px;
    margin-left: 30px;

}

#logo {
    width: 1000px;
    margin: 0 auto;
}

/*
    MENU
*/

p.menu {
    color: white;
    font-family: verdana, sans-serif;
}

a.menulink {
    text-decoration: none;
    color: white;
    font-family: verdana, sans-serif;
}

a:hover.menulink {
    font-family: verdana, sans-serif;
    border-bottom: 2px solid #467fc2;
}
Avatar billede AriGold Nybegynder
08. oktober 2009 - 14:52 #3
vel for at adskille menupunkterne ? så | ikke bliver en del af linket..

altså menupunkt 1 | menupunkt 2 |

osv..
Avatar billede kelleolsen Nybegynder
08. oktober 2009 - 14:55 #4
Mener: Vil have det til at stå sådan {LINK} | {LINK} | {LINK}, men vil gerne have at det skal være i diven TOP, men hvorfor er de under den?
Avatar billede jagdos Nybegynder
08. oktober 2009 - 15:27 #5
Dine menu punkter ligger i et <p> element som altid vil lave mellemrum
Avatar billede AriGold Nybegynder
08. oktober 2009 - 15:27 #6
er de heller ikke


<div id="top"> //diven starter her

<a href="index.html"><img src="images/menutext.png" id="esbjergbold"></a>

<p class="menu">

<a href="forside.html" class="menulink" target="head">FORSIDE</a> |

<a href="forside.html" class="menulink" target="head">FORSIDE</a> |

<a href="forside.html" class="menulink" target="head">FORSIDE</a> |

</p>

</div>//og slutter her
Avatar billede AriGold Nybegynder
08. oktober 2009 - 15:29 #7
^^ er højst sandsynlig noget vrøvl

er ikke ikke på jeg forstå hvad du mener faktisk..
Avatar billede jagdos Nybegynder
08. oktober 2009 - 15:32 #8
menuen er da <p class="menu"> ikke :)? Altså et <p> element. Prøv fx at skifte det ud med <span class="menu">
Avatar billede AriGold Nybegynder
08. oktober 2009 - 15:38 #9
altså du mener dine links skal være inden i den samme gradient som logoet?
Avatar billede AriGold Nybegynder
08. oktober 2009 - 15:46 #10
prøv evt

p{display : inline;}
Avatar billede zips Juniormester
08. oktober 2009 - 16:01 #11
Som jeg ser det, har du en div med en højde på 40px altså samme højde som dit menutext.png

Samtidig vil du indsætte et baggrundsbillede som er 50px højt og under dette en linje med link.

Så udfra det vil jeg mene du skal sætte højden på din div så det passer med det indhold du har, enten med en højde på 90px eller 100% og så sætte padding-bottom på din menu.
Avatar billede jagdos Nybegynder
08. oktober 2009 - 16:14 #12
Jeg ville nok også gøre som AriGold siger, "et <p> element vil altid lave mellemrum" med mindre man selv går ind og fjerner det ved at sætte <p> til inline :)
Avatar billede kelleolsen Nybegynder
08. oktober 2009 - 16:37 #13
display : inline; virker.

Men se nu. Jeg vil gerne have at det er centreret, altså ikke vandret, men lodret i det sorte?

http://www.gratisupload.dk/download/34524/
Avatar billede zips Juniormester
08. oktober 2009 - 17:09 #14
Ok jeg kan nu se jeg har misforstået det du ønskede, men er det noget i denne stil du ønsker
http://zips.be/exp/test/kelleolsen/
Avatar billede kelleolsen Nybegynder
08. oktober 2009 - 20:58 #15
Ja lige præsis :) Kan du sende en rar eller zip med dem? :)
Avatar billede kelleolsen Nybegynder
08. oktober 2009 - 21:26 #16
Smider du lige et svar :)
Avatar billede zips Juniormester
08. oktober 2009 - 21:28 #17
Her er et svar :-)
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
Kurser inden for grundlæggende programmering

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