Avatar billede dkeigil Nybegynder
08. januar 2008 - 21:56 Der er 9 kommentarer

Tekst osv. virker ikke

Yep min tekst størrelse gider ikke forbinde til CSS - så den viser en helt anden teksttype, og en helt anden tekst størrelse. - mit css fejler intet, det er bare index der er en lille fejl med. - Hight skal være 100% og det er no-scrool
Her kommer kildekoden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="da">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body scroll="no">
<center>
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%">
<tr>
    <td height="133"></td>
    <td width="4" style="background-image: url(billeder/skiller.png); background-repeat: repeat-y;"></td>
    <td height="133" width="637" style="background-image: url(billeder/banner.png);"></td>
    <td width="4" style="background-image: url(billeder/skiller.png); background-repeat: repeat-y;"></td>
    <td height="133"></td>
</tr>
<tr>
    <td height="1" style="background-color: #000000"></td>
    <td height="1" style="background-image: url(billeder/hjoerne.png);"></td>
    <td height="1" width="637" style="background-color: #000000"></td>
    <td height="1" style="background-image: url(billeder/hjoerne.png);"></td>
    <td height="1" style="background-color: #000000"></td>
</tr>
<tr>
    <td colspan="5" height="34" style="background-image: url(billeder/menu.png);"><center><b><font style="color: #000000;">Forside - Stuff - Info - Community</font></b></center></td>
</tr>
<tr>
    <td height="1" style="background-color: #000000"></td>
    <td height="1" style="background-image: url(billeder/hjoerne.png);"></td>
    <td height="1" width="637" style="background-color: #000000"></td>
    <td height="1" style="background-image: url(billeder/hjoerne.png);"></td>
    <td height="1" style="background-color: #000000"></td>
</tr>
<tr>
    <td height="100%" ></td>
    <td width="4"  height="100%" style="background-image: url(billeder/skiller.png); background-repeat: repeat-y;"></td>
    <td width="637" height="100%" style="background-color: #3C6C7C" valign="top">
            <div class="scroll">
    <table width="100%" height="100%" border="0">
    <tr>
    <td>
<center>Velkommen til ShaX</center> <br>
<br>
ShaX.dk er et mega community site til dig og dine venner. <br>
<br>
ShaX er fra unge til unge. Vi vil gerne invitere dig ind i vores verden af nye og spændende ting på nettet. <br>
<br>
ShaX Community er <b>100%</b> <u>GRATIS!</u> så du kan oprette dig når du har lyst. <br>
Vi håber du vil nyde ShaX community ligså meget som os.
    </td>
    </tr>
    <tr>
    <td height="100">
<center>
<b><span id="12">5 Tilfældige profilbilleder:</span></b>
<hr border="1" id="hr">
<table>
<tr>
<td><img src="billeder/billeder.png"></td>
</tr>
</table>
<hr border="1" id="hr">
</center>
    </td>
    </tr>
    </table>
            </div>
    </td>
    <td width="4" height="100%" style="background-image: url(billeder/skiller.png); background-repeat: repeat-y;"></td>
    <td height="100%" ></td>
</tr>
<tr>
    <td height="1" style="background-color: #000000"></td>
    <td height="1" style="background-image: url(billeder/hjoerne.png);"></td>
    <td height="1" width="637" style="background-color: #000000"></td>
    <td height="1" style="background-image: url(billeder/hjoerne.png);"></td>
    <td height="1" style="background-color: #000000"></td>
</tr>
<tr>
    <td colspan="5" height="34" style="background-image: url(billeder/menu.png);"><center><b><font style="color: #000000; font-size: 12px;">Copyright by: ShaX</font></b></center></td>
</tr>
</table>
</center>
</body>
</html>
Avatar billede olebole Juniormester
09. januar 2008 - 01:11 #1
<ole>

Din kode har absolut intet med XHTML at gøre - det er tværtimod tussegammel HTML. Skift din DTD og dit HTML-start-tag ud med:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

- så har du ikke så mange fejl tilbage  ;o)

Man kan dog ikke sætte en height-attribut på et table-element. Det skal gøres med CSS:
    <table style="height:100%" .........>

Dernæst kan et hr-element ikke have en border-attribut - og et elements id-attribut må ikke begynde med et tal.
Det var de fejl, vi kan se her. Resten ligger i din CSS-fil - selvom du ikke tror, den indeholder fejl. Hvor har du forresten fået den idé fra?

/mvh
</bole>
Avatar billede olebole Juniormester
09. januar 2008 - 01:14 #2
- nåjo, et body-element kan ikke have en scroll-attribut  :)
Avatar billede dkeigil Nybegynder
09. januar 2008 - 16:02 #3
Okay. Tak. Men efter jeg har skiftet toppen ud, til og med <html>, og at jeg har skiftet table height ud med det du skrev, så virker min table height stadig ikke?

Det virker kun hvis jeg ikke skriver det der i toppen, men så virker min css fil ikke rigtigt?
Avatar billede olebole Juniormester
10. januar 2008 - 01:08 #4
Netop - problemerne ligger i din CSS-fil ... uagtet, hvad du mener om den  :)
Avatar billede dkeigil Nybegynder
10. januar 2008 - 19:37 #5
CSS FILEN:
body {
background-color: #6C9057;
background-image: url(../billeder/bg_test.png);
font-family: verdana;
color: #EEEEEE;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
font-size: 10px;
max-height:100%;
overflow:hidden;
}
Avatar billede olebole Juniormester
10. januar 2008 - 22:52 #6
Prøv noget i stil med:

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    overflow:hidden;
    color: #EEEEEE;
    background-color: #6C9057;
    background-image: url(../billeder/bg_test.png);
}

- men det er jo ikke til at vide, om resultatet præcist er, som du forventer  :)

Derudover er det ikke særlig brugervenligt at låse teksten fast på 10px. Brug i stedet:
    font-size: 0.65em;

- så teksten i udgangspunktet har samme størrelse, men kan forstørres af brugeren selv, hvis han/hun ønsker det  ;o)
Avatar billede dkeigil Nybegynder
11. januar 2008 - 00:50 #7
Jeg ved det, men det var jo somsagt for at teste om CSS/INDEX virkede (:
Avatar billede dkeigil Nybegynder
11. januar 2008 - 00:50 #8
hvordan gør man det med 12px verdana med em? (:
Avatar billede olebole Juniormester
11. januar 2008 - 01:10 #9
font-size: 0.75em;

- men der er en hel del 'snavs' i din kode. En tabel kan således ikke have en height-attribute. Højden sættes altid med styles: style="height:100%"

Dernæst centrerer man elementer med style="margin:0 auto" på elementet - og tekst med style="text-align:center" på det omkransende element
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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