Avatar billede tjgrindsted Nybegynder
02. marts 2007 - 11:24 Der er 19 kommentarer og
1 løsning

har problem med style="text-align:center;" i NS og FF

Hej

Jeg har lige dl. NetScape 8.1 og den nyeste FireFox.
og når jeg ser min side i de 2 browsere så ser mit site OK ud men alle steder hvor jeg har brugt style="text-align:center;" der virker det ikke så tekst og billeder et i venstre side.

hvordan kan jeg lave noget som virker både i IE, NS og FF.

kan nogle hjælpe !?
Avatar billede mrbonus Novice
02. marts 2007 - 11:43 #1
Ja, har selv bøvlet meget med det, hvis du benytter "position:absolute;" kan du nemmere bevæge rundt med dem, du skal bare huske at tingene nedenunder kan ryge højere op, hvis du ikke sørger for at det er noget andet der ikke er absolute, men det kræver noget tilvænning, men hvis du smider html og css kan jeg prøve at pille lidt ved det, hvis du ikke kan få det til at virke
Avatar billede tjgrindsted Nybegynder
02. marts 2007 - 12:13 #2
Hej

Jeg kan du godt prøve at smide min kode:

SIDEN:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content='text/html; charset="utf-8"' />
<meta name="keywords" content="cairn, terrier, cairngruppen, udstilling, udstillinger, show, shows, cairnterrier, dtk, dkk, dhl, kennel, enggaard, vandel, jylland, opdrætter" />
<meta name="description" content="Cairn Terrier i Danmark med udstillingsresultater og opdrætterliste" />
<link rel="stylesheet" type="text/css" href="KennelEnggaardStyleSheet.css" />
</head>
<body>
<div style="text-align:center;">
<table cellpadding="0px" cellspacing="0px" style="width:1000px; border:0px;">
  <tr>
  <td valign="top"><table cellpadding="0px" cellspacing="0px" style="text-align:left; width:162px; border:0px;">
      <tr>
      <td><img src="images/freespace_r1_c1.png" style="width:162px; height:88px; border:0px;" id="freespace_r1_c1" alt="" /></td>
      </tr>
      <tr>
      <td><img src="images/freespace_r3_c1.png" style="width:162px; height:141px; border:0px;" id="freespace_r3_c1" alt="" /></td>
      </tr>
      <tr>
      <td><img src="images/freespace_r4_c1.png" style="width:162px; height:386px; border:0px;" id="freespace_r4_c1" alt="" /></td>
      </tr>
      <tr>
      <td><img src="images/freespace_r5_c1.png" style="width:162px; height:408px; border:0px;" id="freespace_r5_c1" alt="" /></td>
      </tr>
      <tr>
      <td><img src="images/freespace_r6_c1.png" style="width:162px; height:107px; border:0px;" id="freespace_r6_c1" alt="" /></td>
      </tr>
    </table></td>
  <td><table cellpadding="0px" cellspacing="0px" style="text-align:left; width:698px; border:0px;">
      <tr>
      <td><table cellpadding="0px" cellspacing="0px" style="text-align:left; width:698px; border:0px;">
          <tr>
          <td><table cellpadding="0px" cellspacing="0px" style="text-align:left; width:304px; border:0px;">
              <tr>
              <td><img src="images/freespace_r1_c2.png" style="width:304px; height:88px; border:0px;" id="freespace_r1_c2" alt="" /></td>
              </tr>
              <tr>
              <td><table cellpadding="0px" cellspacing="0px" style="text-align:left; width:304px; border:0px;">
                  <tr>
                  <td><img src="images/whitespace_r3_c2.png" style="width:12px; height:12px; border:0px;" id="whitespace_r3_c2" alt="" /></td>
                  <td><img src="images/whitespace_r3_c3.png" style="width:292px; height:12px; border:0px;" id="whitespace_r3_c3" alt="" /></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
          <td><table  cellpadding="0px" cellspacing="0px" style="text-align:left; width:358px; border:0px;">
              <tr>
              <td><img src="images/freespace_r1_c3.png" style="width:358px; height:59px; border:0px;" id="freespace_r1_c3" alt="" /></td>
              </tr>
              <tr>
              <td>
<div id="ctl00_KennelEnggaardMenu_RadTabStrip1" class="tabstrip RadTabStrip_None ">
    <!-- 3.4.1 --><script type="text/javascript" src="/WebResource.axd?d=Bqp3zTnJS7hk26mAQkbWp4UUQIQ-WqRFkGQ2v19x6WY5bVkSbOmPbO0e1X3J-ghO4F3nx5yh1zEzKPZmeq3_IraMxWtMshb5jOTacYsvEqcVtL9wkfcO3UQkQyTD72yz0&amp;t=633080208288906250"></script><span id="ctl00_KennelEnggaardMenu_RadTabStrip1StyleSheetHolder" style="display:none;"></span><script type="text/javascript">RadControlsNamespace.AppendStyleSheet(false, 'ctl00_KennelEnggaardMenu_RadTabStrip1', '/WebResource.axd?d=Bqp3zTnJS7hk26mAQkbWp4UUQIQ-WqRFkGQ2v19x6WY5bVkSbOmPbO0e1X3J-ghO4F3nx5yh1zEzKPZmeq3_IkjuR0wiVOnKbcHXay6C6XE1&amp;t=633080208288906250');</script><div class="levelwrap level1">
        <ul>
            <li class="first"><a href="/default.aspx" id="ctl00_KennelEnggaardMenu_RadTabStrip1_Om_Os" class="selected"><span class="wrap"><span class="innerWrap"><img alt="" src="/images/omos_selected.png" /></span></span></a></li>
            <li><a href="/default.aspx?pageidentity=3" id="ctl00_KennelEnggaardMenu_RadTabStrip1_Om_Cairn"><span class="wrap"><span class="innerWrap"><img alt="" src="/images/omcairn.png" /></span></span></a></li>
            <li><a href="/default.aspx?pageidentity=4" id="ctl00_KennelEnggaardMenu_RadTabStrip1_Galleri"><span class="wrap"><span class="innerWrap"><img alt="" src="/images/galleri.png" /></span></span></a></li>
            <li><a href="/default.aspx?pageidentity=5" id="ctl00_KennelEnggaardMenu_RadTabStrip1_Gæstebog"><span class="wrap"><span class="innerWrap"><img alt="" src="/images/g%c3%a6stebog.png" /></span></span></a></li>
            <li class="last"><a href="/default.aspx?pageidentity=6" id="ctl00_KennelEnggaardMenu_RadTabStrip1_Links"><span class="wrap"><span class="innerWrap"><img alt="" src="/images/links.png" /></span></span></a></li>
        </ul>
    </div><input type="hidden" id="ctl00_KennelEnggaardMenu_RadTabStrip1_Hidden" name="ctl00$KennelEnggaardMenu$RadTabStrip1" /><script type="text/javascript">window["ctl00_KennelEnggaardMenu_RadTabStrip1"] = new RadTabStrip("ctl00_KennelEnggaardMenu_RadTabStrip1");window["ctl00_KennelEnggaardMenu_RadTabStrip1"].Initialize({"Skin":"None","Enabled":true},{"ctl00_KennelEnggaardMenu_RadTabStrip1_Om_Os":{"NavigateAfterClick":true,"Selected":true,"ImageUrl":"/images/omos.png","ImageOverUrl":"/images/omos_hover.png","SelectedImageUrl":"/images/omos_selected.png"},"ctl00_KennelEnggaardMenu_RadTabStrip1_Om_Cairn":{"NavigateAfterClick":true,"ImageUrl":"/images/omcairn.png","ImageOverUrl":"/images/omcairn_hover.png","SelectedImageUrl":"/images/omcairn_selected.png"},"ctl00_KennelEnggaardMenu_RadTabStrip1_Galleri":{"NavigateAfterClick":true,"ImageUrl":"/images/galleri.png","ImageOverUrl":"/images/galleri_hover.png","SelectedImageUrl":"/images/galleri_selected.png"},"ctl00_KennelEnggaardMenu_RadTabStrip1_Gæstebog":{"NavigateAfterClick":true,"ImageUrl":"/images/gæstebog.png","ImageOverUrl":"/images/gæstebog_hover.png","SelectedImageUrl":"/images/gæstebog_selected.png"},"ctl00_KennelEnggaardMenu_RadTabStrip1_Links":{"NavigateAfterClick":true,"ImageUrl":"/images/links.png","ImageOverUrl":"/images/links_hover.png","SelectedImageUrl":"/images/links_selected.png"}});</script>
</div>
</td>
              </tr>
            </table></td>
          <td><table cellpadding="0px" cellspacing="0px" style="text-align:left; width:36px; border:0px;">
              <tr>
              <td><img src="images/freespace_r1_c4.png" style="width:36px; height:88px; border:0px;" id="freespace_r1_c4" alt="" /></td>
              </tr>
              <tr>
              <td><table cellpadding="0px" cellspacing="0px" style="text-align:left; width:36px; border:0px;">
                  <tr>
                  <td><img src="images/whitespace_r3_c5.png" style="width:24px; height:12px; border:0px;" id="whitespace_r3_c5" alt="" /></td>
                  <td><img src="images/whitespace_r3_c6.png" style="width:12px; height:12px; border:0px;" id="whitespace_r3_c6" alt="" /></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
      <td><table cellpadding="0px" cellspacing="0px" style="text-align:left; width:698px; border:0px;">
          <tr>
          <td valign="top" style="background-image:url(images/whitespace_r4_c2.png); width:12px;"></td>
          <td><table cellpadding="0px" cellspacing="0px" style="width:674px; border:0px;">
          <tr>
              <td colspan="3"><img src="images/Banner.png" style="width:674px; height:129px; border:0px;" id="Banner" alt="" /></td>
          </tr>
          <tr>
              <td style="width:361px; background-color:#232323;" valign="top">
 
  <table cellspacing="0" border="0" id="ctl00_KennelEnggaardMain_FormViewMainText" style="border-collapse:collapse;">
    <tr>
        <td colspan="2">
          <img src="images/Om_Enggaard.png" style="border:0px;" id="OmEnggaard" alt=""  />
          <div class="MainTextBox">Hjertelig velkommen på vores hjemmeside.<br /><br />Familien Enggaard består af John og Dorte, hvis livsstil er CAIRN TERRIER. Vi er de lykkelige ejere af 3 dejlige cairn piger, Emma, Soffie og Maggie. Vores cairn piger bor og lever sammen med os og er en stor del af vores hverdag. Det er en stor fornøjelse at leve sammen med disse 3 pragtfulde cairn piger, som fylder vores hjerter med glæde og gode oplevelser hver eneste dag.<br />Denne glæde vil vi gerne dele med andre, der ligesom os, har forelsket sig i cairn terrieren og har efter nøje planlægning og overvejelse, besluttet os for at opdrætte cairn terrier.<br /><br />Vi går på udstilling, både i tyskland og danmark, med vores hunde og hundene er registreret i Danske Hundeejers Landsforening.<br />Cairn pigerne er alle 3 højt præmieret og de er meget stolte når de fremvises i ringen.<br /><br />Hundene er også med på camping, hvor de har deres egen lille ” have ”. De nyder at være i centrum blandt de andre campister og ikke mindst gåturene i den frie natur og en rask svømmetur i havet, især hvis der er børn at lege med.<br />En tur i vores sejlbåd ud af fjorden er også en oplevelse hundene holder meget af og igen er de ikke tilbageholdende når det gælder sammenholdet i lystbådehavnen.<br />Hver eneste dag, uanset vejr og vind er cairn pigerne ca. 2 timer i hundeskoven. Her er de frie og kan udforske naturen og hilse på de andre hunde. Det giver dem rig mulighed for at være hund sammen med andre hunde og omgås fremmede mennesker.<br /><br />Når vi står over for en cairn terrier det være sig på udstillinger, på gaden eller i skoven bliver vi hver eneste gang fascineret af cairn terrieren. Af dette herlige stykke natur, hvad enten hunden er hvalp, unghund, voksen eller pensionist. Bagved charmørens ydre ved vi, at energien, frygtløsheden, jagtinstinktet, nysgerrigheden, temperamentet, som let kan tændes – men som også kan slukkes med lynfart, udholdenheden, intelligensen og villigheden til at lære ligger lige under den stride pels.</div>
    </td>
    </tr>
</table>
</td>
              <td valign="top" style="background-image:url(images/mainspace1.png); width:20px;"></td>
              <td rowspan="5" style="width:293px; height:794px; background-color:#464646;" valign="top">
  <div>
    <table cellpadding="0px" cellspacing="0px" style="width:290px; border:0px;">
      <tr>
        <td colspan="3"><img src="images/voreshunde.png" style="border:0px;" id="voreshunde" alt=""  /></td>
      </tr>
    </table>
    <div style="text-align:center;"><span id="ctl00_KennelEnggaardDogs_NoRows" style="font-weight:bold;"></span></div>
   
      <table cellpadding="0px" cellspacing="0px" style="width:290px; border:0px;">
        <tr>
          <td colspan="3" style="height:6px;"></td>
        </tr>
   
        <tr>
          <td style="width:10px;"></td>
          <td style="background-image:url(images/thumbbackground.png); width:58px; height:58px;" class="showdogimages"><img src="upload_img/soffie_thumb.gif" style="width:52px; height:52px;" id="Soffie" alt="" /></td>
          <td style="width:222px;" valign="top" class="showdogtext">&nbsp;&nbsp;Navn:&nbsp;<span class="showdoginfo">Soffie</span><br />&nbsp;&nbsp;Køn:&nbsp;<span class="showdoginfo">Tæve</span><br />&nbsp;&nbsp;Alder:&nbsp;<span class="showdoginfo"><span id="ctl00_KennelEnggaardDogs_RepeaterShowOwnDogs_ctl01_Label1">1 år 8 måneder</span></span></td>
        </tr>
   
        <tr>
          <td colspan="3" style="height:12px;"></td>
        </tr>
   
        <tr>
          <td style="width:10px;"></td>
          <td style="background-image:url(images/thumbbackground.png); width:58px; height:58px;" class="showdogimages"><img src="upload_img/emma_thumb.gif" style="width:52px; height:52px;" id="Emma" alt="" /></td>
          <td style="width:222px;" valign="top" class="showdogtext">&nbsp;&nbsp;Navn:&nbsp;<span class="showdoginfo">Emma</span><br />&nbsp;&nbsp;Køn:&nbsp;<span class="showdoginfo">Tæve</span><br />&nbsp;&nbsp;Alder:&nbsp;<span class="showdoginfo"><span id="ctl00_KennelEnggaardDogs_RepeaterShowOwnDogs_ctl03_Label1">2 år 0 måneder</span></span></td>
        </tr>
   
        <tr>
          <td colspan="3" style="height:12px;"></td>
        </tr>
   
        <tr>
          <td style="width:10px;"></td>
          <td style="background-image:url(images/thumbbackground.png); width:58px; height:58px;" class="showdogimages"><img src="upload_img/maggie_thumb.gif" style="width:52px; height:52px;" id="Maggie" alt="" /></td>
          <td style="width:222px;" valign="top" class="showdogtext">&nbsp;&nbsp;Navn:&nbsp;<span class="showdoginfo">Maggie</span><br />&nbsp;&nbsp;Køn:&nbsp;<span class="showdoginfo">Tæve</span><br />&nbsp;&nbsp;Alder:&nbsp;<span class="showdoginfo"><span id="ctl00_KennelEnggaardDogs_RepeaterShowOwnDogs_ctl05_Label1">1 år 2 måneder</span></span></td>
        </tr>
   
        </table>
   
    <br />
  <table cellpadding="0px" cellspacing="0px" style="width:290px; border:0px;">
    <tr>
        <td colspan="3"><img src="images/salgshunde.png" style="border:0px;" id="salgshunde" alt=""  /></td>
    </tr>
  </table>
  <div style="text-align:center;"><span id="ctl00_KennelEnggaardDogs_NoRows2" style="font-weight:bold;">Vi har pt. ingen hunde til salg, men kontakt os endelig.</span></div>
 
    <table cellpadding="0px" cellspacing="0px" style="width:290px; border:0px;">
    <tr>
        <td colspan="3"><br /><br /><br /><br /><br /><br /><br /><br /><br /><img src="images/vi_er_medlem_af.png" style="border:0px;" id="vi_er_medlem_af" alt=""  /></td>
    </tr>
    </table>
  </div>
</td>
          </tr>
          <tr>
              <td><img src="images/mainspace.png" style="width:361px; height:34px; border:0px;" id="mainspace" alt="" /></td>
              <td><img src="images/mainspace2.png" style="width:20px; height:34px; border:0px;" id="mainspace2" alt="" /></td>
          </tr>
          <tr>
              <td valign="top" style="background-image:url(images/contactmain.png); width:361px; height:60px; border:0px;">

  <table cellspacing="0" border="0" id="ctl00_KennelEnggaardCon_FormViewCont" style="border-collapse:collapse;">
    <tr>
        <td colspan="2">
        <table cellpadding="0px" cellspacing="0px" style="width:350px; height:50px; border:0px;">
          <tr>
            <td colspan="2" style="height:10px;"></td>
          </tr>
          <tr>
            <td style="width:58px;"></td>
            <td style="width:292px;" valign="top" class="contacttext">Kontakt:&nbsp;<span class="contactinfo">Dorte og John Enggaard</span><br />Telefon:&nbsp;<span class="contactinfo">75 885 465</span>&nbsp;&nbsp;eller&nbsp;&nbsp;<span class="contactinfo">22 673 028</span><br />Adresse:&nbsp;<span class="contactinfo">Stationsvej 3</span>&nbsp;|&nbsp;<span class="contactinfo">7184</span>&nbsp;<span class="contactinfo">Vandel</span></td>
          </tr>
        </table>
    </td>
    </tr>
</table>
</td>
              <td><img src="images/mainspace3.png" style="width:20px; height:60px; border:0px;" id="mainspace3" alt="" /></td>
          </tr>
          <tr>
              <td><img src="images/contactspace.png" style="width:361px; height:34px; border:0px;" id="contactspace" alt="" /></td>
              <td><img src="images/mainspace4.png" style="width:20px; height:34px; border:0px;" id="mainspace4" alt="" /></td>
          </tr>
          <tr>
              <td style="width:361px; background-color:#232323;" valign="top">

  <table cellspacing="0" border="0" id="ctl00_KennelEnggaardSub_FormViewSubText" style="border-collapse:collapse;">
    <tr>
        <td colspan="2">
          <img src="images/hvordan_opdrætter_vi.png" style="border:0px;" id="Hvordan_opdrætter_vi" alt=""  />
    </td>
    </tr><tr>
        <td colspan="2">
          <div class="MainTextBox">Vores opdræt af cairn terrier er det der så populært kaldes stue- eller køkkenopdræt. Hvalpene fødes og vokser op i stuerne tæt på os. Hermed lærer hvalpene lige fra starten, hvad det vil sige at leve i en menneskefamilie. Det er selvfølgelig ikke ligegyldigt, hvordan hvalpene lærer dette. Hos os foregår det systematisk med gradvis tilvænning til mennesker, andre hunde og andre miljøer – også kaldet socialisering og miljøtrænning. Dette lærer hvalpene både som kuld og individuelt.<br />Hvalpene kommer i menneskehænder hver eneste dag og alle vores voksne hunde deltager i leg og opdragelse af hvalpene. Herved lærer hvalpene at tage imod legeinvitation, give og tage imod dæmpende signaler, samt vige for truende signaler. Samtidig vil hvalpene få udvidet deres horisont ved at gå rundt i huset og lære forskellige dagligdagslyde at kende. Ydermere vil de også, når de er gamle nok komme med ud i haven. <br />Det vil gøre det nemmere for dem, når de senere flytter til deres nye hjem.<br />Målet med dette er at hvalpene har en forudsætning for at udvikle sig til en tryg, harmonisk og velfungerende hund.<br /><br />Når vi har bestemt os for at en af vores hunde skal parres og have hvalpe, sundhedstjekkes hunden ved dyrlægen. Dette for at sikre at hunden er fysisk og mentalt parat til den store opgave det er for hunden at have hvalpe. <br /><br />Ved udvælgelse af den rette hanhund lægger vi vægt på at han er indbegrebet af en venlig, glad, sund og velfungerende familie cairn. Han skal også have et godt eksteriør og matche hunhunden.<br /><br />Vores 3 cairn piger er racetypiske, sunde og har en god mentalitet og et godt eksteriør. De sundhedstjekkes ved dyrlægen regelmæssig. Trimmes ved professionel trimmer ca. hver 4. måned.<br />Fintrimmes mellem trimningerne af Dorte.<br /><br />Hvalpene vil ligeledes blive sundhedstjekket af dyrlægen og blive ormebehandlet 3 gange.<br /><br />Vi har stor interesse for hvalpenes videre liv og vil forsøge at sikre os at hvalpene får de bedste livsbetingelser. Hvalpekøberne er derfor meget velkommen til at besøge hvalpene og morhunden flere gange inden hvalpen skal med hjem.<br /><br />Vi er ALTID til rådighed hvis du skulle have brug for det også hvis det bare gælder en snak om cairn terrier eller hvad din hvalp nu lige har fundet på.<br /></div>
    </td>
    </tr>
</table>
</td>
              <td valign="top" style="background-image:url(images/mainspace5.png); width:20px;"></td>
          </tr>
          <tr>
              <td colspan="3" style="background-image:url(images/bottom.png); width:674px; height:95px; text-align:center;"><a href="http://validator.w3.org/check?uri=referer"><img src="images/xhtml.png" style="width:80px; height:15px; border:0px;" alt="Valid XHTML 1.0 Strict" /></a><a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.kennelenggaard.dk%2F"><img src="images/css.png" style="width:80px; height:15px; border:0px;" alt="Valid CSS" /></a></td>
          </tr>
      </table></td>
          <td valign="top" style="background-image:url(images/whitespace_r4_c2.png); width:12px;"><img src="images/whitespace_r4_c6_top.png" style="width:12px; height:100px; border:0px;" id="whitespace_r4_c6_top" alt="" /></td>
          </tr>
        </table></td>
      </tr>
      <tr>
      <td><table cellpadding="0px" cellspacing="0px" style="text-align:left; width:698px; border:0px;">
          <tr>
          <td><img src="images/whitespace_r8_c2.png" style="width:12px; height:12px; border:0px;" id="whitespace_r8_c2" alt="" /></td>
          <td><img src="images/whitespace_r8_c3.png" style="width:674px; height:12px; border:0px;" id="whitespace_r8_c3" alt="" /></td>
          <td><img src="images/whitespace_r8_c6.png" style="width:12px; height:12px; border:0px;" id="whitespace_r8_c6" alt="" /></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  <td valign="top"><table cellpadding="0px" cellspacing="0px" style="text-align:left; width:140px; border:0px;">
      <tr>
      <td><img src="images/freespace_r1_c5.png" style="width:140px; height:88px; border:0px;" id="freespace_r1_c5" alt="" /></td>
      </tr>
      <tr>
      <td><img src="images/freespace_r3_c5.png" style="width:140px; height:141px; border:0px;" id="freespace_r3_c5" alt="" /></td>
      </tr>
      <tr>
      <td><img src="images/freespace_r4_c5.png" style="width:140px; height:386px; border:0px;" id="freespace_r4_c5" alt="" /></td>
      </tr>
      <tr>
      <td><img src="images/freespace_r5_c5.png" style="width:140px; height:408px; border:0px;" id="freespace_r5_c5" alt="" /></td>
      </tr>
      <tr>
      <td><img src="images/freespace_r6_c5.png" style="width:140px; height:107px; border:0px;" id="freespace_r6_c5" alt="" /></td>
      </tr>
    </table></td>
  </tr>
</table>
</div>
</body>
</html>

CSS:
body
{
    margin:0;
    padding:0;
    background-color:#006600;
}

body, td
{
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:10px;
}

.tabstrip img 

    padding:0 !important; 
    margin:0 !important; 
}

td img
{
    display: block;
}

div.MainTextBox
{
  vertical-align:text-top;
  text-align:left;
  width:348px;
  color:#ffffff;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:10px;
}

td.contacttext
{
    font-weight:bold;
    color:#464646;
}

span.contactinfo
{
    font-weight:normal;
    color:#FFFFFF;
}

td.showdogtext
{
    font-weight:bold;
    color:#FFA902;
}

span.showdoginfo
{
    font-weight:normal;
    color:#FFFFFF;
}

td.showdogimages
{
    vertical-align:middle;
    text-align:center;
}

A.showdoglink:LINK
{
    color:#D08B09;
    font-weight:bold;
    text-decoration:none;
}

A.showdoglink:VISITED
{
    color:#D08B09;
    font-weight:bold;
    text-decoration:none;
}

A.showdoglink:HOVER
{
    color:#D08B09;
    font-weight:bold;
    text-decoration:underline;
}
Avatar billede roenving Novice
02. marts 2007 - 12:13 #3
Problemet er, at den mest udbredte browser fejlagtigt lader block-level elementer blive påvirket af text-align, så mange slet ikke opdager den simple løsning, der er absolut croos-browser:

style="width:864px;margin:0 auto;"
Avatar billede roenving Novice
02. marts 2007 - 12:16 #4
Xhtml ?-)

-- meget fejlfyldt xhtml-kode, nogenlunde html, men det er en underlig blanding !-)

Og centreringen klarer du således:

<body>
<div style="text-align:center;">
<table cellpadding="0px" cellspacing="0px" style="width:1000px; border:0px;">
  <tr>

-- ændres til:

<body>
<div>
<table cellpadding="0px" cellspacing="0px" style="margin:0 auto; width:1000px; border:0px; border-collapse:collapse;">
  <tr>

-- egentlig burde du også kaste dine cell-properties ned i dit stylesheet
Avatar billede tjgrindsted Nybegynder
02. marts 2007 - 12:27 #5
altså, det ville jeg jo aldrig gøre hvis jeg ikke fik det fortalt.. :)

laver kun dette i min fritid og kun for familie mm. så 1000 tak at du retter mig for selvf. er det kun i min fritid men man vil jo godt kunne vise at man kan det.

vil du evt skimte koden igennem og komme med rettelser !?

og hvordan klare jeg denne ang. text-aling:center fra min css fil

<td style="background-image:url(images/thumbbackground.png); width:58px; height:58px;" class="showdogimages"><img src="upload_img/maggie_thumb.gif" style="width:52px; height:52px;" id="Maggie" alt="" /></td>
Avatar billede roenving Novice
02. marts 2007 - 12:34 #6
-- et billede er et inline-element, så det skulle gerne alignes uden problemer ...

-- text-align skal efter w3cs rekommendationer aligne alle inline-elementer, herunder rene text-noder !-)
Avatar billede tjgrindsted Nybegynder
02. marts 2007 - 12:41 #7
det gør den bare ikke i NS eller FF kun i IE, har du evt et link til w3cs rekommendationer så jeg evt kunne finde lidt selv.
Avatar billede roenving Novice
02. marts 2007 - 12:53 #8
No comprende:

<div style="border: 1px solid red;width:300px; text-align:center;"><img src="../billede.jpg;" style="width:150px;"></div>

Centrerer fint i alle mine browsere, så du må have noget, der ødelægger sagen ...

Og http://www.w3.org/ har en masse, du kan kigge efter !-)
Avatar billede tjgrindsted Nybegynder
02. marts 2007 - 13:20 #9
jeg vil lige kigge på det senere men tror det er fordi jeg bruger et baggrundsbillede og har så et billede ovenpå igen tror jeg bare skal prøve dit eks. ang border.

Jeg vender lige tilbage iaften hvis det er ok.
Avatar billede tjgrindsted Nybegynder
03. marts 2007 - 23:09 #10
Hej Roenving

Jeg har ændret til det med tabel opsætningen som du skrev altså margin:0 auto men så har jeg kigget på det med cellpadding="0px" cellspacing="0px" hvordan ser det ud i style opsætning synes ikke der er noget der hedder cellpadding eller spacing, og vil du evt. smide et svar så du kan få point.
Avatar billede tjgrindsted Nybegynder
04. marts 2007 - 08:53 #11
Hej Roenving

Jeg har kiggeet på det og
flg virker: :)
<td style="background-image:url(images/thumbbackground.png); width:58px; height:58px;" class="showdogimages"><img src="upload_img/maggie_thumb.gif" style="width:52px; height:52px;" id="Maggie" alt="" /></td>

Er ændret til:
<td><div style="border: 3px solid white;width:52px; text-align:center;"><img src="upload_img/maggie_thumb.gif" style="width:52px;" id="Maggie" alt="" /></div></td>

Men dette kan jeg ikke få til at virke så siden er centeret:
<div>
<table cellpadding="0px" cellspacing="0px" style="width:1000px; border:0px; margin:0 auto">
Avatar billede roenving Novice
04. marts 2007 - 14:05 #12
Hrm, det virker som om den er påvirket af andet, kan du lægge et link ?-)
Avatar billede tjgrindsted Nybegynder
04. marts 2007 - 20:53 #13
ja da, min fasters link er www.kennelenggaard.dk
Avatar billede tjgrindsted Nybegynder
04. marts 2007 - 20:54 #14
jeg ved ikke lige hvorfor den laver dette

<div style="text-align:center;">
<table cellpadding="0px" cellspacing="0px" style="width:1000px; border:0px;">

i vis kilde når jeg bruger dette:

<div>
<table cellpadding="0px" cellspacing="0px" style="width:1000px; border:0px; margin:0 auto">

i min kode i VS2005
Avatar billede roenving Novice
04. marts 2007 - 20:59 #15
Er det ikke bare en gammel udgave ?-)
Avatar billede tjgrindsted Nybegynder
05. marts 2007 - 13:26 #16
nej det er den udgave hvor jeg har lavet den div og tabel om men vil gerne prøve at uploade den igen iaften så skriver lige kl 19 hvor den nye udgave et uploadet igen.
Avatar billede tjgrindsted Nybegynder
05. marts 2007 - 19:36 #17
hej

jo tror der manglede noget nu virker det i FF også hvordan med
cellpadding="0px" cellspacing="0px" i style eller css hvordan bruger jeg det.
Citat: tjgrindsted 03/03-2007 23:09:02

og vil du lægge et svar
Avatar billede roenving Novice
06. marts 2007 - 00:23 #18
Hvis din spacing og padding skal virke på alle tabeller:

table{border-collapse:collapse;}
td{margin:0;border:0;padding:0}

-- ellers skal du sætte f.eks. en klasse på tabellen og:

table.noPadding{...}
table.noPadding td{...}

Velbekomme '-)
Avatar billede tjgrindsted Nybegynder
06. marts 2007 - 09:45 #19
mange tak.
Avatar billede roenving Novice
06. marts 2007 - 15:03 #20
-- og jeg takker for point ;~}
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
Kurser inden for grundlæggende programmering

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