Avatar billede nickyc Nybegynder
15. april 2004 - 14:35 Der er 8 kommentarer og
1 løsning

hvorfor vil mine td'er samt tekst ikke ligge sig i toppen

Hey eksperter!

Jeg sidder her med en td hvori jeg har 4 rækker!
Mit problem er at teksten eller billeder eller bare selve td'erne i venstre side ikke vil ligge sig i toppen! Har virkelig prøvet alt!

min html kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/standard.css" rel="stylesheet" type="text/css">
</head>

<body onLoad="MM_preloadImages('images/buttons/produkter_over.gif','images/buttons/aktuelt_over.gif','images/buttons/firmaet_over.gif','images/buttons/partnere_over.gif','images/buttons/teknologi_over.gif','images/buttons/kontakt_over.gif')">
<table class="modertabel" cellpadding="0" cellspacing="0">
  <tr>
    <td>
    <table class="toptable" cellspacing="0" cellpadding="0">
      <tr>
        <td class="netfact">
        <img src="images/netfact.gif" width="223" height="56"></td>
        <td width="458">
        <img src="images/know_more_faster.gif" width="119" height="90"></td>
        <td width="77">
        <img src="images/mail.gif" width="38" height="29"></td>
      </tr>
    </table>
      <table width="760" height="170" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td>
          <img src="images/head_1.jpg" width="760" height="170"></td>
        </tr>
      </table>
      <table class="mentable" cellspacing="0" cellpadding="0">
        <tr>
          <td class="menleft">&nbsp;</td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Produkter','','images/buttons/produkter_over.gif',1)"><img src="images/buttons/produkter.gif" alt="Produkter" name="Produkter" width="55" height="10" border="0"></a></td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Aktuelt','','images/buttons/aktuelt_over.gif',1)"><img src="images/buttons/aktuelt.gif" name="Aktuelt" width="39" height="10" border="0"></a></td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Firmaet','','images/buttons/firmaet_over.gif',1)"><img src="images/buttons/firmaet.gif" alt="Firmaet" name="Firmaet" width="42" height="9" border="0"></a></td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Partnere','','images/buttons/partnere_over.gif',1)"><img src="images/buttons/partnere.gif" alt="Partnere" name="Partnere" width="47" height="9" border="0"></a></td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Teknologi','','images/buttons/teknologi_over.gif',1)"><img src="images/buttons/teknologi.gif" alt="Teknologi" name="Teknologi" width="53" height="12" border="0"></a></td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Kontakt ','','images/buttons/kontakt_over.gif',1)"><img src="images/buttons/kontakt.gif" alt="Kontakt oss" name="Kontakt " width="65" height="10" border="0"></a></td>
          <td class="menright">&nbsp;</td>
        </tr>
      </table>
      <table class="contable" cellpadding="0" cellspacing="0">
        <tr>
          <td colspan="2" class="left">
          <img src="images/produkter_left.gif" width="138" height="25"></td>
          <td rowspan="4" valign="top" class="midt">
          <table class="tmidt" cellspacing="0" cellpadding="0">
            <tr>
              <td>
              <img src="images/overskrifter/netf.gif" width="239" height="22"></td>
            </tr>
            <tr>
              <td class="text"><br>
                Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elitbr>
                &nbsp;</td>
            </tr>
            <tr>
              <td class="tdline">
              <img src="images/main_line1px_hori.gif" width="418" height="1"></td>
            </tr>
            <tr>
              <td class="padding">
              <table class="tb" cellspacing="0" cellpadding="0">
                <tr>
                  <td colspan="3">
                  <img src="images/box_headllines/flyktningmottak.gif" width="260" height="25"></td>
                  <td width="19" class="linepad">
                  <img src="images/bg/main_line1px_vert2.gif" width="1" height="25"></td>
                  <td width="131">
                  <img src="images/box_headllines/shipping.gif" width="130" height="25"></td>
                </tr>
                <tr>
                  <td class="netbase">
                  <br>
                  <img src="images/boxes/netbase.gif" width="86" height="94"></td>
                  <td class="flykt">
                  <br>
                  <img src="images/boxes/flyktninge_barometer.gif" width="86" height="94"></td>
                  <td class="operator">
                  <br>
                  <img src="images/boxes/operator_monitor.gif" width="86" height="94"></td>
                  <td class="linepad">
                  <img src="images/bg/main_line1px_vert3.gif" width="1" height="150"></td>
                  <td class="ship">
                  <br>
                  <img src="images/boxes/port_cost_control.gif" width="86" height="94"></td>
                </tr>
              </table>                </td>
            </tr>
            <tr>
              <td class="tdline"><img src="images/main_line1px_hori.gif" width="418" height="1"></td>
            </tr>
            <tr>
              <td class="padding">
              <table class="tb2" cellspacing="0" cellpadding="0">
                <tr>
                  <td colspan="2">
                  <img src="images/box_headllines/organisationer.gif" width="175" height="25"></td>
                  <td width="46" class="linepad2">
                  <img src="images/bg/main_line1px_vert2.gif" width="1" height="25"></td>
                  <td width="130">
                  <img src="images/box_headllines/sporrevaerktoej.gif" width="130" height="25"></td>
                </tr>
                <tr>
                  <td class="mob">
                  <br><img src="images/boxes/mobbe_monitor.gif" width="86" height="94"></td>
                  <td class="lokal">
                  <br><img src="images/boxes/lokal_demokrati.gif" width="86" height="94"></td>
                  <td class="linepad2">
                  <img src="images/bg/main_line1px_vert3.gif" width="1" height="150"></td>
                  <td class="net">
                  <br><img src="images/boxes/net_surveyoer.gif" width="86" height="94"></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td class="tdline">
              <img src="images/main_line1px_hori.gif" width="418" height="1"></td>
            </tr>
          </table></td>
          <td rowspan="4" class="right">hfhghfh</td>
        </tr>
        <tr>
          <td class="spacer">&nbsp;</td>
          <td valign="top" class="left">
            Netbase<br>
            Flyktningebarometer
            <br>
            Opert&oslash;r monitor
            <br>
            <br>
            Port Cost Control
            <br>
            <br>
            Mobbe Monitor
            <br>
            Lokaldemokrati
            <br>
            <br>
            Netsurveyer
            <br>
            <br>
          Skredders&oslash;m</td>
        </tr>
        <tr>
          <td colspan="2" class="left">
          <img src="images/login_left.gif" width="138" height="25"></td>
        </tr>
        <tr>
          <td class="spacer">&nbsp;</td>
          <td class="left">
          Netbase login<br>
          FB login</td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>
---------

CSS:

/* body */
        .modertabel { width: 760px; 100%; border: 0;}

/* Top */
        .toptable {    background-image: url(../images/bg/bg_green.gif); width: 760; border: 0; }
        .netfact  {    width: 223px; padding-left: 40px;}
/* Top slut */
   

/* Menu */
        .mentable{ background-image: url(../images/bg/bg_menbar.gif); width: 760px; border: 0; }
        .menleft { background-image: url(../images/bg/bg_menbar.gif); width: 120px; }
        .menright{ width: 120px;}
/* Menu slut */

/* Content start */
        .contable{ width: 760px; background-image: url(../images/bg/bg_leftbox.gif); border: 0; vertical-align: top;}
        .left{ width: 130px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; vertical-align: top;}
        .midt{ width: 448px; background-color: #FFFFFF; vertical-align: top;}
        .right{ width: 180px;  background-image: url(../images/bg/bg_rightbox.gif; vertical-align:top;}
/* Content slut */

/* Left start */
        .spacer { width: 8px; vertical-align: top;}
/* Left slut */

/* Midt start */
        .tmidt { width: 448px; height: 100%; border: 0; vertical-align: top;}
        .text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 15px; padding-right: 15px; vertical-align:top;}
        .tdline { padding-left: 15px; padding-right: 15px; padding-bottom: 8px; padding-top: 8px;}
        .padding { padding-left: 20px;}
        .tb { width: 410px; border: 0;}
        .tb2 { width: 350px; border: 0;}
        .linepad{ padding-left: 8px;}
        .linepad2{ padding-left: 18px;}
       
        /* TD'ER */
        .netbase { vertical-align:top; width: 86px; background-image: url(../images/bg/bg_lightbrown.gif); font-family: Verdana; font-size: 10px; font-weight: bold; text-align: center;}
        .flykt { vertical-align: top; width: 86px; background-image: url(../images/bg/bg_lightbrown.gif); font-family: Verdana; font-size: 10px; font-weight: bold; text-align: center;}
        .operator { vertical-align: top; width: 86px; background-image: url(../images/bg/bg_lightbrown.gif); font-family: Verdana; font-size: 10px; font-weight: bold; text-align: center;}
        .ship {  vertical-align: top; width: 86px; background-image: url(../images/bg/bg_lightgreen.gif); font-family: Verdana; font-size: 10px; font-weight: bold; text-align: center; padding-left: 20px;}
        .mob { vertical-align: top; width: 86px; background-image: url(../images/bg/bg_greenorg.gif); font-family: Verdana; font-size: 10px; font-weight: bold; text-align: center;}
        .lokal { vertical-align: top; width: 86px; background-image: url(../images/bg/bg_greenorg.gif); font-family: Verdana; font-size: 10px; font-weight: bold; text-align: center;}
        .net { vertical-align:top; width: 86; background-image: url(../images/bg/bg_blue.gif); font-family: Verdana; font-size: 10px; font-weight: bold; text-align: center; padding-left: 20;}
/* Midt slut */

--------

Nogle der kan hjælpe!
Avatar billede mm12010 Nybegynder
15. april 2004 - 14:44 #1
har du prøvet at sætte:

html, body{
  margin:0px;
  padding:0px;
}
Avatar billede Slettet bruger
15. april 2004 - 14:44 #2
Kan vi se et eksempel ?
Avatar billede nickyc Nybegynder
15. april 2004 - 14:49 #3
Det kan ses på www.framemakers.dk/netfact/index.htm

Det er den venstre box det er galt med!  Teksten under produkt står ikke øverts oppe under produkter, og "login" står ikke oppe under der hvor der står "skreddersøm"!
Avatar billede nickyc Nybegynder
15. april 2004 - 14:53 #4
ja, jeg har prøver at sætte
html, body{
  margin:0px;
  padding:0px;
}
hjalp ikke...!
Avatar billede nickyc Nybegynder
15. april 2004 - 15:09 #5
anyone????
Avatar billede nute Nybegynder
15. april 2004 - 15:15 #6
nja ... *alt* tror jeg nok ikke du har prøvet.
Grunden til at det går galt, er fordi du smider din menu (til højre), indholdet og din højre kolonne i samme tabel. derfor vil altid dine celler fylde hele tabellen uden at du har kontrol over dem.

Det du skal gøre, er at lave en tabel, der har 3 kolonner, og inde i hver af disse kolonner, skal du lave nye tabeller der tilsvarer den struktur du har nu.
Avatar billede nute Nybegynder
15. april 2004 - 15:17 #7
jeg har lavet et meget hurtig eksempel til dig her:

http://xperimentum.com/xperten/489555/index.html

/nute

PS! Hvad med at færdiggøre de andre spm du har åbne ?!?!
Avatar billede nickyc Nybegynder
20. april 2004 - 14:33 #8
hmm
Avatar billede nute Nybegynder
20. april 2004 - 14:36 #9
fik du løst dit problem ?
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