Avatar billede dallan2007 Nybegynder
06. februar 2007 - 15:57 Der er 8 kommentarer og
1 løsning

Links med forskellig størrelse

Davs,

Følgende css-bid volde mig nogle problemer:

#menuen li a {
      height: 20px;
    text-decoration: none;
    }   

#menuen 1 a {
      height: 10;
    text-decoration: none;
    }

Jeg har et DIV der hedder "menuen", og som bl.a. består af nogle lister (li). Alle links i disse lister skal havde en højde/størrelse på 20px. Dette virker fint.

Men jeg har også et DIV som hedder 1 (tallet 1) og alle links arver højden på 20px fra #menuen li a. Hvordan får jeg skidtet til at lystre?

Er det fordi jeg har 2 DIV's inden i hinanden at det går i kage?

(Jeg bruger sjældent CSS...)

Mv.
Allan
Avatar billede mclemens Nybegynder
06. februar 2007 - 16:08 #1
Prøv at definere en enhed:
      height: 10px;
eller prøv evt. enhed og important
      height: 10px!important;
... Omdøb div'en så den heddder noget andet end et tal ...
Avatar billede mclemens Nybegynder
06. februar 2007 - 16:12 #2
Hov der er også fejl her:

#menuen 1 a {

skal være:

#menuen #1 a { (id selector)

eller

#menuen .1 a { (class selector)

- hvor 1 er det du omdøbte det til
Avatar billede mclemens Nybegynder
06. februar 2007 - 16:14 #3
Et grimt, men hurtigt eksempel:
( har også lige kastet display:block ind )

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
body {font-size:8px;}

#menuen div a {
    display:block;
    height: 20px;
    background:red;
    text-decoration: none;


#menuen #b1 a {
    height: 10px;
    text-decoration: none;
}

</style>

</head><body>
<div id="menuen">
<div><a href="#">a</a></div><br>
<div id="b1"><a href="#">a</a></div>
</div>
</body></html>
Avatar billede dallan2007 Nybegynder
07. februar 2007 - 09:05 #4
Det virker ja, men hvis jeg ændre tallet 1 (et) på DIV'eren, så virker dette script ikke:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript">
function change(x){
document.write(x);
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<a href="java script:change(b1)">JavaScript</a>
</body>
</html>
Avatar billede dallan2007 Nybegynder
07. februar 2007 - 09:05 #5
Aha! Der skal '' omkring.
Avatar billede dallan2007 Nybegynder
07. februar 2007 - 09:13 #6
Smid et svar :)
Avatar billede mclemens Nybegynder
07. februar 2007 - 10:05 #7
Ok, her er et svar :o)
Avatar billede dallan2007 Nybegynder
07. februar 2007 - 13:29 #8
Takker
Avatar billede mclemens Nybegynder
07. februar 2007 - 13:54 #9
Velbekom, og tak for point.
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