Avatar billede dta Nybegynder
11. november 2006 - 23:40 Der er 4 kommentarer og
1 løsning

CSS hvorfor virker dette ikke

Jeg har følgende stump kode med stylesheet. Problemet er as label ikke virker i IE 7.0 HVORFOR????

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html  xml:lang="da">
<head>
<title>title</title>
<style type="text/css">
fieldset {
    color: #000;
    border: 2px solid #DBE4E7;
    padding: 10px;
    Margin-top: 0px;
    Margin-bottom: 5px;
    background-color: #F6F6F6;
   
    }
label    {
    width:150px;
    color: black;
    vertical-align: top;
    }
</style>
</head>
<body>
<div id="pagecontent">
<fieldset>
<legend>Legend</legend>
<Label>Label:</label><b>Test</b><br>
</fieldset>
<br/>
</body>
Avatar billede soes Nybegynder
12. november 2006 - 01:16 #1
du kan læse om <label> her: http://w3schools.com/tags/tag_label.asp

Et alternativ til din label kunne være:
<div><div style="float: left; width: 150px;">Label:</div><b>Test</b></div>
Avatar billede dta Nybegynder
12. november 2006 - 01:50 #2
Tak for informationen. MEN der står ikke at Label ikke kan formateres på samme måde som <p> eller andre tags, derfor burde man kunne formater label
Avatar billede notes2c Nybegynder
12. november 2006 - 02:09 #3
I følge specifikationen kan man ikke sætte bredden på et inline element som label er. IE6 tog ikke højde for dette men det gør IE7 nu... Så derfor er du nødt til at lave det om til et blok element og lave float. Og husk at lave clear: both når float skal ophæves...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html  xml:lang="da">
<head>
<title>title</title>
<style type="text/css">
fieldset {
    color: #000;
    border: 2px solid #DBE4E7;
    padding: 10px;
    Margin-top: 0px;
    Margin-bottom: 5px;
    background-color: #F6F6F6;
   
    }
label    {
    width:150px;
    color: black;
    vertical-align: top;
    display: block;
    float: left;
    }
</style>
</head>
<body>
<div id="pagecontent">
<fieldset>
<legend>Legend</legend>
<Label>Label:</label><b>Test</b><br>
</fieldset>
<br/>
</body>
</html>
Avatar billede dta Nybegynder
12. november 2006 - 10:02 #4
Thx!
Avatar billede olebole Juniormester
13. november 2006 - 11:46 #5
<ole>

- og du skal nok også vælge, om du vil skrive HTML eller XHTML. I øjeblikket skriver du lidt af hvert  ;o)

/mvh
</bole>
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