Gå til innhold

Legger til <!DOCTYPE.. og overflow funker ikke

alex100

Anbefalte innlegg

alex100

alex100

Skrevet
  • Forfatter
Skrevet

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.

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
alex100

alex100

Skrevet
  • Forfatter
Skrevet (endret)

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 av alex100
Lenke til kommentar
cfenzo

cfenzo

Skrevet
Skrevet (endret)

: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 av cfenzo
Lenke til kommentar
alex100

alex100

Skrevet
  • Forfatter
Skrevet (endret)

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 av alex100
Lenke til kommentar
alex100

alex100

Skrevet
  • Forfatter
Skrevet (endret)

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">

<!-- ImageReady Slices (design.psd) -->

<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>

<!-- End ImageReady Slices -->

</body>

</html>

Endret av alex100
Lenke til kommentar
pgdx

pgdx

Skrevet
Skrevet (endret)
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 av Toolshed
Lenke til kommentar
alex100

alex100

Skrevet
  • Forfatter
Skrevet
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.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...