Legger til <!DOCTYPE.. og overflow funker ikke

alex100 · 9. mai 2004

Har lest en 15 siders intruksjon om div/css nå, men har tenkt over saken og kommet frem til at denne siden blir med tables og ikke div/css. Jeg venter heller til css støtten blir mer utviklet i browserene før jeg lager en hel side med det. Da sparer jeg svært mye tid også; når jeg slipper og lære noe nytt nå. Venter heller med det.

alex100 · 9. mai 2004

Men jeg sliter med et annet problem nå. Skriften/størrelsen som jeg definerer i et eget css script, blir ikke fulgt når jeg loader siden i en browser. Eller dvs bakgrunnen og en del andre ting (scroll bar osv) blir hentet ut av skriptet, men ikke skrift stylen. I Dreamweaver ser det ut slik som det skal, men så snart jeg loader siden i en browser så er det tilbake til Times New Roman og skriftstørrelse 10.

Her er css koden:

Fjernet så teksten ikke skal bli så uhyre lang.

Og her er selve side-koden:

Fjernet så teksten ikke skal bli så uhyre lang.

Endret 9. mai 2004 av alex100

cfenzo · 9. mai 2004

:ermm: du bruker ikke <style1> for å legge til en stil...

Det er ikke noe HTML-element/tag med det navnet..

sett et punktum foran i stilarket ditt, slik:

.style1 {}

og legg til class="style1" i <td>'en som omfatter teksten..

Når det gjelder det innlegget ditt før det her...

Det er nettop den attituden du viser der som gjør at folka som jobber med IE hos M$ ikke gidder å oppdatere og forbedre CSS støtten i IE... :nei:

og.. Den kildekoden der var ikke god å lese...

Trodde først det ikke var en eneste bit ren tekst, måtte bruke søk-funksjonen for å lete etter style1 for å finne det..

Endret 9. mai 2004 av cfenzo

alex100 · 9. mai 2004

Thanks

Koden er bare et utkast for å se om ting funker som det skal, men takk for hjelpen

alex100 · 9. mai 2004

Men det var det med <!DOCTYPE teksten igjen. Det funker fortsatt ikke. Det må da vel gå an selv om man ikke bruker div/css, eller er det bare når man bruker div/css at man trenger den teksten? Hadde satt pris om noen oppdaterte meg om hva den skal være god for

Funnet ut: Se nedenfor

Endret 9. mai 2004 av alex100

alex100 · 9. mai 2004

Har funnet ut hva DOCTYPE er godt for osv. Link til de som måtte lure i fremtiden : http://www.alistapart.com/articles/doctype/

Har funnet ut litt mer ang problemet; om jeg legger inn doctype som definerer siden som html versjon 2.0 eller 3.2 så funker det som det skal. Men legger jeg inn doctype om at siden skal defineres som html versjon 4.01 så funker det ikke.

Hvilke deler av koden gjør siden ikke-html-4.01 gyldig?

Koden:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>

<head>

<link rel="stylesheet" type="text/css" href="style.css"/>

<title>alexhardware.net</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">



<table width="100%" height="100%" border="0">

<tr>

<th scope="col"><table width="701" height="651" border="0" align="center" valign="middle" cellpadding="0" cellspacing="0" id="Table_01">

<tr>

<td rowspan="18"> <img src="images/design_01.jpg" width="21" height="650" alt=""></td>

<td colspan="12"> <img src="images/design_02.jpg" width="651" height="136" alt=""></td>

<td rowspan="18"> <img src="images/design_03.jpg" width="28" height="650" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="136" alt=""></td>

</tr>

<tr>

<td rowspan="16"> <img src="images/design_04.jpg" width="5" height="486" alt=""></td>

<td colspan="2"> <img src="images/design_05.jpg" width="81" height="24" alt=""></td>

<td colspan="3"> <img src="images/design_06.jpg" width="110" height="24" alt=""></td>

<td> <img src="images/design_07.jpg" width="154" height="24" alt=""></td>

<td> <img src="images/design_08.jpg" width="99" height="24" alt=""></td>

<td> <img src="images/design_09.jpg" width="97" height="24" alt=""></td>

<td colspan="2"> <img src="images/design_10.jpg" width="101" height="24" alt=""></td>

<td rowspan="16"> <img src="images/design_11.jpg" width="4" height="486" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="24" alt=""></td>

</tr>

<tr>

<td colspan="10"> <img src="images/design_12.jpg" width="642" height="5" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="5" alt=""></td>

</tr>

<tr>

<td colspan="4"> <img src="images/design_13.jpg" width="115" height="19" alt=""></td>

<td colspan="5" rowspan="13" background="images/design_14.jpg"><div align="left" style="height: 384; overflow: auto">

<p class="style1">Style1</p>

<p class="style1">s</p>

<p class="style1">s</p>

<p class="style1">s</p>

<p class="style1">s</p>

<p class="style1">s</p>

<p class="style1">s</p>

<p class="style1">s</p>

<p class="style1"> </p>

<p class="style1">s</p>

<p class="style1">s</p>

<p class="style1">s</p>

<p class="style1">s</p>

</div></td>

<td rowspan="14"> <img src="images/design_15.jpg" width="2" height="457" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="19" alt=""></td>

</tr>

<tr>

<td rowspan="13"> <img src="images/design_16.jpg" width="11" height="438" alt=""></td>

<td colspan="2"> <img src="images/design_17.jpg" width="91" height="16" alt=""></td>

<td rowspan="13"> <img src="images/design_18.jpg" width="13" height="438" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="16" alt=""></td>

</tr>

<tr>

<td colspan="2"> <img src="images/design_19.jpg" width="91" height="16" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="16" alt=""></td>

</tr>

<tr>

<td colspan="2"> <img src="images/design_20.jpg" width="91" height="16" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="16" alt=""></td>

</tr>

<tr>

<td colspan="2"> <img src="images/design_21.jpg" width="91" height="35" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="35" alt=""></td>

</tr>

<tr>

<td colspan="2" background="images/design_22.jpg"> </td>

<td> <img src="images/spacer.gif" width="1" height="95" alt=""></td>

</tr>

<tr>

<td colspan="2"> <img src="images/design_23.jpg" width="91" height="36" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="36" alt=""></td>

</tr>

<tr>

<td colspan="2"> <img src="images/design_24.jpg" width="91" height="15" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="15" alt=""></td>

</tr>

<tr>

<td colspan="2"> <img src="images/design_25.jpg" width="91" height="17" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="17" alt=""></td>

</tr>

<tr>

<td colspan="2"> <img src="images/design_26.jpg" width="91" height="16" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="16" alt=""></td>

</tr>

<tr>

<td colspan="2"> <img src="images/design_27.jpg" width="91" height="16" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="16" alt=""></td>

</tr>

<tr>

<td colspan="2"> <img src="images/design_28.jpg" width="91" height="17" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="17" alt=""></td>

</tr>

<tr>

<td colspan="2" rowspan="2"> <img src="images/design_29.jpg" width="91" height="143" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="70" alt=""></td>

</tr>

<tr>

<td colspan="5"> <img src="images/design_30.jpg" width="525" height="73" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="73" alt=""></td>

</tr>

<tr>

<td colspan="12"> <img src="images/design_31.jpg" width="651" height="28" alt=""></td>

<td> <img src="images/spacer.gif" width="1" height="28" alt=""></td>

</tr>

<tr>

<td> <img src="images/spacer.gif" width="21" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="5" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="11" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="70" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="21" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="13" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="76" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="154" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="99" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="97" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="99" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="2" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="4" height="1" alt=""></td>

<td> <img src="images/spacer.gif" width="28" height="1" alt=""></td>

<td></td>

</tr>

</table></th>

</tr>

</table>



</body>

</html>

Endret 9. mai 2004 av alex100

pgdx · 9. mai 2004

Hvilke deler av koden gjør siden ikke-html-4.01 gyldig?

Kanskje det at du har brukt hundrevis av TD-elementer, men ingen av de er egentlig data i en tabell?

Hørt om CSS?

Edit: Og hva i huleste skal dette være godt for?

     <td> <img src="images/spacer.gif" width="21" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="5" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="11" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="70" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="21" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="13" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="76" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="154" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="99" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="97" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="99" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="4" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="28" height="1" alt=""></td>
       <td></td>

Endret 10. mai 2004 av Toolshed

alex100 · 10. mai 2004

Hvilke deler av koden gjør siden ikke-html-4.01 gyldig?

Kanskje det at du har brukt hundrevis av TD-elementer, men ingen av de er egentlig data i en tabell?

Hørt om CSS?

Edit: Og hva i huleste skal dette være godt for?

     <td> <img src="images/spacer.gif" width="21" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="5" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="11" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="70" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="21" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="13" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="76" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="154" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="99" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="97" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="99" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="4" height="1" alt=""></td>
       <td> <img src="images/spacer.gif" width="28" height="1" alt=""></td>
       <td></td>

Det er PS som har lagt om alt på denne måten når en lagrer som html+jpg fil.

Logg inn

Legger til <!DOCTYPE.. og overflow funker ikke

Anbefalte innlegg

alex100

Lenke til kommentar

Videoannonse

alex100

Lenke til kommentar

cfenzo

Lenke til kommentar

alex100

Lenke til kommentar

alex100

Lenke til kommentar

alex100

Lenke til kommentar

pgdx

Lenke til kommentar

alex100

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Kunne du vært sammen med en mann som har kjøpt sex i Thailand? 1 2 3 4 16

Hvem er aktive 0 medlemmer