Avatar billede kongejens Nybegynder
29. januar 2007 - 20:12 Der er 10 kommentarer

tables og browsere

hej

jeg er ved at lave en ny side. den bliver lavet på en mac. jeg har bare det problem at siden umiddelbart ikke kan læses i andre browsere end safari? - but why? synes ikke det giver nogen mening.. er der en ekspert der lige gider at kigge på koden?

index:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

    <head>
        <title></title>
    </head>
    <body>
<frameset cols="342,*" frameborder="NO" border="0" framespacing="0">
<frame src="menu.html" name="menu" frameborder="0" scrolling="AUTO" noresize marginwidth="0" marginheight="0">
<frame src="start.html" name="right" frameborder="0" scrolling="AUTO" noresize marginwidth="0" marginheight="0">
</frameset>
<noframes><body>
</body></noframes>
</html>


start:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

    <head>
        <title></title>
<link rel="stylesheet" type="text/css" href="style/style.css">
    </head>
    <body>
<h4>ey ey ey <h4>

    </body>
</html>


menu:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

    <head>
    <meta name="Copyright" content="copyright 2007 Jens Schreiber Rasmussen">
    <meta name="Identifier-URL" content="http://www.jensr.com">
    <meta name="description" content="Private Site">
    <meta name="keywords" content="Jens Schreiber Rasmussen, Informationsvidenskab, aarhus Universitet, Aarhus Universitet, kite, kite surfing,     kitesurf, Jens Rasmussen, da meza, jesper er fed, pepsi, steelers, da shit, ">
    <meta name="location" content="Aarhus; Denmark">
    <link rel="SHORTCUT ICON" href="http://www.jensr.com/icon.ico">
        <title>jensr.com: Jens Schreiber Rasmussen</title>
    </head>
    <body>
    <link rel="stylesheet" type="text/css" href="style/style.css">



<table width="327" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="173" height="449" valign="top"><table width="100%"  border="0" cellspacing="15" cellpadding="0">
      <tr>
        <td><img src="jens.gif" width="173" height="353" border="0" href="index.htm"></td>
      </tr>
      <tr>
        <td><table width="100%"  border="0" cellspacing="0" cellpadding="6">
          <tr>
            <td height="96" valign="top"><a href="ny/news.html" target="right">fact</a><a href="ny/info.html" target="right"><br>pic</a><br>
<a href="ny/photos.html" target="right">info </a><br>
<a href="ny/links.html">links<br>
</td>
          </tr>
        </table></td>
      </tr>
    </table></td>
    <td width="154" valign="top"><table width="100%"  border="0" cellspacing="1" cellpadding="0">
      <tr>
        jens schreiber rasmussen<br>de mezas vej 20, stuen tv.<br>8000 aarhus c<br>denmark<br><br>
    jens@jensr.com<br> (+45) 25115099 <strong><br>

<br>
<br>
<br>





    </body>
</html>
Avatar billede simplus Nybegynder
29. januar 2007 - 21:26 #1
Til at starte med, vil jeg råde dig til at kigge lidt på følgene side, du vil sikkert lære en masse: www.html.dk/tutorials/html/default.asp

Jeg har dog alligevel gjort et forsøg på at redde din kode, dog vil nogle ting vises på en HELT anden måde da din oprindelige kode mildest talt var ubrugelig. Så jeg har måtte gætte mig frem til hvad der skulle stå. 2/3 af koden er blevet gjort valid, hvilket vil sige at den overholder standarderne. Hvilket igen vil sige at det nok vil virke i samtlige browsere på markedet. - Ikke i alle tilfælde dog! Den eneste del af koden, som jeg har måtte opgive er det øverste (frames'ene)  jeg ved simpelthen ikke hvad du ville opnå der. Det samme med dine tabeller, der har jeg dog gætte mig frem.

PS. jeg håber ikke at du tager det som et surt opstød, men som brugbar kritik! :-)

Håber på at du kan bruge min rettelse til noget:


index:

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

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

<body>

    <frameset height="342" border="0">
        <frame src="menu.html" name="menu" frameborder="0" scrolling="AUTO" noresize marginwidth="0" marginheight="0">
        <frame src="start.html" name="right" frameborder="0" scrolling="AUTO" noresize marginwidth="0" marginheight="0">
    </frameset>

    <noframes></noframes>

</body>
</html>


start:

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

<head>
    <title>Titel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="style/style.css">
</head>

<body>
    <h4>ey ey ey </h4>
</body>
</html>


menu:

<!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">
    <meta name="Copyright" content="copyright 2007 Jens Schreiber Rasmussen">
    <meta name="Identifier-URL" content="http://www.jensr.com">
    <meta name="description" content="Private Site">
    <meta name="keywords" content="Jens Schreiber Rasmussen, Informationsvidenskab, aarhus Universitet, Aarhus Universitet, kite, kite surfing,    kitesurf, Jens Rasmussen, da meza, jesper er fed, pepsi, steelers, da shit, ">
    <meta name="location" content="Aarhus; Denmark">
    <link rel="SHORTCUT ICON" href="http://www.jensr.com/icon.ico">
        <title>jensr.com: Jens Schreiber Rasmussen</title>
    <link rel="stylesheet" type="text/css" href="style/style.css">
</head>
 
<body>

<table width="327" border="0" cellspacing="0" cellpadding="0">

      <tr>
        <td><a href="index.htm"><img src="jens.gif" width="173" height="353" border="0" alt=""></a></td>
      </tr>

      <tr>
        <td>

        <table width="100%"  border="0" cellspacing="0" cellpadding="6">
              <tr>
                  <td height="96" valign="top">
            <a href="ny/news.html" target="right">fact</a>
            <a href="ny/info.html" target="right"><br>pic</a><br>
            <a href="ny/photos.html" target="right">info </a><br>
            <a href="ny/links.html">links</a><br>
                </td>
              </tr>
              </table>
    </td>
      </tr>

  <tr>
    <td>jens schreiber rasmussen<br>de mezas vej 20, stuen tv.<br>8000 aarhus c<br>denmark<br><br>jens@jensr.com<br> (+45) 25115099<br></td>
  </tr>
</table>

<br><br><br>

</body>
</html>
Avatar billede simplus Nybegynder
29. januar 2007 - 21:28 #2
Og lige en ting til: Husk at bruge din tabulator tast når du programmere, det giver et bedre overblik over koden!
Avatar billede kongejens Nybegynder
29. januar 2007 - 21:41 #3
helt sikkert.. jeg er også rookie.. der er bare et problem, den kode du har givet mig duer stadigvæk ikke i andre browsere end safari, ved ikke med EI - men den duer ikke i ff
Avatar billede simplus Nybegynder
29. januar 2007 - 21:51 #4
Nej okay, så er det som jeg siger: Jeg kan ikke helt forstå hvilken opstiling du vil frem til, og derfor er det umuligt at hjælpe yderligere.. Måske kan du evt. vise det via et billede?
Avatar billede kongejens Nybegynder
29. januar 2007 - 21:52 #5
klart.. den skal have samme opstilling som www.plastickid.dk
Avatar billede simplus Nybegynder
29. januar 2007 - 22:02 #6
Aha, altså jeg ville helt kalrt ikke bruge nogen form for frames da det fjerner muligheden for deeplinks. Det er ikke så heldigt. Istedet ville jeg bruge tabeller, skal jeg lave det sådan istedet?
Avatar billede simplus Nybegynder
29. januar 2007 - 22:09 #7
Nu ved jeg ikke om du ville have det i tabeller istedet for frames, men jeg har lige lavet det hurtigt:

<!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>Sidens titel</title>
</head>

<body>

  <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td>
        billede her...<br><br>
        <a href="#">1: News</a><br>
        <a href="#">2: Information</a><br>
        <a href="#">3: Photos</a><br>
        <a href="#">4: Contact</a><br>
        <a href="#">5: Myspace site</a><br>
    </td>
    </tr>

    <tr>
    <td>
        Kontakt info her...<br><br>
        telefon nummer her<br><br>

        <b>Work</b><br><br>

        Remix<br>
        Corporate Rock N Roll<br>
        Project Fox<br>
        Leisure<br>
        Deaconn Clothing<br>
        The Fashion<br>
        Die Dumme Dänen<br>
        Lack - Be There Pulse<br>
        Lack - Music Video<br>
        Mtv - Art break<br>
        Nonwörk<br>
        Hello My Name Is USA<br>
        Wonderland Magazine I<br>
        Wonderland Magazine II<br>
        Danish Dynamite<br>
        Sweettalk<br>
        Cut & Paste<br>
        Svensson Magazine<br>
        Math Mag<br>
        Expo Kong<br>
        I Am Static<br>
        Dunny Show Cph<br>
        Place Project<br>
        Dark Matter<br>
        Forma Nova festival<br>
        Dänemark<br>
        Tapestry<br>
        Invaders posters<br>
    </td>
    </tr>

    <tr>
    <td>
        <img src="sti-til-billede/billedesnavn.jpg" alt="" border="0"><br>
        Tekst til billede.........
    </td>
    </tr>
  </table>

</body>
</html>

meget simpelt og ligetil!
Avatar billede kongejens Nybegynder
29. januar 2007 - 22:16 #8
hvad er den umiddelbare forskel på frames og tables?
Avatar billede simplus Nybegynder
29. januar 2007 - 22:28 #9
Tabeller er bedre på mange punkter, men jeg kan da prøve at forklare nogle af punkterne:

- man kan ikke lave 'gode' deeplinks i frames (linke til en bestemt underside)
- tabeller kan styres bedre via css
- tabeller kan opføre sig præcist som du vil, det kan iframes ikke helt på samme måde
- tabeller er flottere end frames
- frames anses af mange for at være uprofessionnelt
- det kan (næsten) aldrig blive flot med frames

puha, kan ikke lige remse dem alle op, men kort sagt råder jeg dig til at bruge tabeller fremover :-)
Avatar billede roenving Novice
30. januar 2007 - 17:50 #10
-- et frameset-element kan bruges _i stedet_ for et body-element, ikke begge ting samtidig !-)

-- og så skal doctype rettes til til frameset:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
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