Ergebnis 1 bis 9 von 9

Thema: Tabelle einer Website, Vertikal und Horizontal zentrieren ..

  1. #1
    Youngster
    Registriert seit
    18.09.2007
    Ort
    Starnberg
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Tabelle einer Website, Vertikal und Horizontal zentrieren ..

    Hallo liebe Kollegen,

    auf meine Site befindet sich 2 900x500px Tabellen horizontal zentriert im Bild. Eine Untertabelle, die für den Rahmen sorgt und eine Tabelle mit mehreren Spalten und Zeilen für die Inhalte etc. ... wie schaffe ich es hier, dass es immer horizontal wie vertikal zentriert ist ... ?

    SEJUMA: Probier mal folgendes:
    Statt
    Code:
    <body bgcolor="a38359" text="#FFFFFF" link="#FFFFFF" vlink="#999999" alink="#FFFFFF" onLoad="MM_preloadImages('pixara.de/layout/index16%202.jpg')">




    <table width="900" height="500" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="927651" id="index">


    Nimm
    Code:
    <body bgcolor="a38359" text="#FFFFFF" link="#FFFFFF" vlink="#999999" alink="#FFFFFF" onLoad="MM_preloadImages('pixara.de/layout/index16%202.jpg')">




    <table style="width: 900px; height: 500px; border: 2px solid #927651; margin: 0 auto;" cellpadding="0" cellspacing="0">


    Ersetze außerdem
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    durch
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    Hi Sejuma, jetzt sieht es so aus, ändert sich aber nix ... Tabelle sitzt weiterhin am oberen Bildrand ...

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Kommunikationsdesign Bernd Deuwe</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="refresh" content="18;URL=start.htm">
    <meta name="description" content="Avantgarde am Starnberger See">
    <meta name="keywords" content="Kommunikationsdesign,Design,Grafikdesign, Layout,Konzeption,Fotografie,Fotodesign,Bernd Deuwe,Pixara,Pixel">
    <meta name="author" content="Bernd Deuwe, www.pixara.de">
    <meta name="copyright" content="(c)2007 by Pixara Kommunikationsdesign,www.pixara.de">
    <meta name="coverage" content="Worldwide">
    <meta name="robots" content="index">
    <meta name="robots" content="follow">
    <meta name="revisit_after" content="14 days">
    <meta name="identifier" content="www.pixara.de">
    <meta name="language" content="deutsch,german,de">

    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>

    <body bgcolor="a38359" text="#FFFFFF" link="#FFFFFF" vlink="#999999" alink="#FFFFFF" onLoad="MM_preloadImages('pixara.de/layout/index16%202.jpg')">




    <table style="width: 900px; height: 500px; border: 2px solid #927651; margin: 0 auto;" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <div align="center">
    <table width="900" height="500" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="2" rowspan="3"> <div align="center">
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="450" height="300">
    <param name="movie" value="pixara.de/layout/index2.swf">
    <param name="quality" value="high"><param name="LOOP" value="false">
    <embed src="pixara.de/layout/index2.swf" width="450" height="300" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object>
    </div>
    <div align="center"></div>
    <div align="center"><font face="Arial, Helvetica, sans-serif"></font></div>
    <div align="center"><font face="Arial, Helvetica, sans-serif"></font></div>
    <div align="center"></div>
    <div align="center"><font face="Arial, Helvetica, sans-serif"></font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif">[img]pixara.de/layout/index3.jpg[/img]</font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index4.jpg[/img]</font></font></div></td>
    </tr>
    <tr>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index7.jpg[/img]</font></font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index8.jpg[/img]</font></font></div></td>
    </tr>
    <tr>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index11.jpg[/img]</font></font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index12.jpg[/img]</font></font></div></td>
    </tr>
    <tr>
    <td height="100" colspan="3"> <div align="center"><font face="Arial, Helvetica, sans-serif"></font></div>
    <div align="center"><font face="Arial, Helvetica, sans-serif"></font></div>
    <div align="center"><font face="Arial, Helvetica, sans-serif">
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="675" height="100">
    <param name="movie" value="pixara.de/layout/index.swf">
    <param name="quality" value="high">
    <param name="LOOP" value="false">
    <embed src="pixara.de/layout/index.swf" width="675" height="100" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object>
    </font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index16%201.jpg[/img]</font></font></div></td>
    </tr>
    <tr>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index17.jpg[/img]</font></font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index18.jpg[/img]</font></font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index19.jpg[/img]</font></font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index20.jpg[/img]</font></font></div></td>
    </tr>
    </table>
    </div></td>
    </tr>
    </table>
    </body>
    </html>
    Und, was mach ich hiermit ? Das hat doch keinen Wert oder doch ?
    "http://www.w3.org/TR/html4/loose.dtd">

    Welche Möglichkeiten gibt es noch ? Wäre Euch sehr vebunden ...

    Danke um vorraus, Ben
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru
    Registriert seit
    04.04.2005
    Beiträge
    4.139
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Probiers mal mit
    Code:
    <body bgcolor="#a38359" text="#FFFFFF" link="#FFFFFF" vlink="#999999" alink="#FFFFFF" onLoad="MM_preloadImages&#40;'pixara.de/layout/index16%202.jpg'&#41;">
    
    
    
    
    <table style="width&#58; 900px; height&#58;500px; border&#58; 2px solid #927651; margin&#58; 0 auto; display&#58;block;" cellpadding="0" cellspacing="0">
    "http://www.w3.org/TR/html4/loose.dtd">
    Das ist schon richtig
    Facebook Gruppe: Böses Encoding

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Die Tabelle ist zumindest horizontal zentriert. Von vertikal hattest du nichts erwähnt.
    Sieh mal hier unter II/5 nach.
    Der Zusatz für den Doctype ist für den IE 6 erforderlich. Sonst kann er nicht zentrieren.

  4. #4
    Youngster
    Themenstarter

    Registriert seit
    18.09.2007
    Ort
    Starnberg
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    @RMB ... danke, aber geht leider auch damit nicht ...

    @sejuma ... doch, war im anderen Threat, den Ihr dann gesperrt hattet erwähnt ... ich hab mir die II/5 durchgelesen ... das setzt vorraus, dass ich in % arbeite, was aber aufgrund der daraus resultierenden Bilderverzerrung dann ungut ist ... auch müsste ich die Bilderteile dann per Hand auf die einzelnen Zeilen und Spalten anpassen, was dann doch ein ungenaues Ergebnis bringen würde ... seh ich das richtig ?

    Grüße Ben

  5. #5
    phpfan
    Gast

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Nö, setzt nicht voraus, dass du in Prozent arbeitest. Musst dir nur richtig durchlesen, was die Prozent bedeuten.

  7. #7
    Youngster
    Themenstarter

    Registriert seit
    18.09.2007
    Ort
    Starnberg
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    @phpfan und sejuma

    sorry Leute, aber Ihr habt hier einen 100%igen html.-Laien vor Euch ... ich hab davon null Plan ... würdet Ihr mir bitte meinen Code richtig umschreiben ?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Kommunikationsdesign Bernd Deuwe</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="refresh" content="18;URL=start.htm">
    <meta name="description" content="Avantgarde am Starnberger See">
    <meta name="keywords" content="Kommunikationsdesign,Design,Grafikdesign, Layout,Konzeption,Fotografie,Fotodesign,Bernd Deuwe,Pixara,Pixel">
    <meta name="author" content="Bernd Deuwe, www.pixara.de">
    <meta name="copyright" content="(c)2007 by Pixara Kommunikationsdesign,www.pixara.de">
    <meta name="coverage" content="Worldwide">
    <meta name="robots" content="index">
    <meta name="robots" content="follow">
    <meta name="revisit_after" content="14 days">
    <meta name="identifier" content="www.pixara.de">
    <meta name="language" content="deutsch,german,de">

    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>

    <body bgcolor="a38359" text="#FFFFFF" link="#FFFFFF" vlink="#999999" alink="#FFFFFF" onLoad="MM_preloadImages('pixara.de/layout/index16%202.jpg')">




    <table style="width: 900px; height: 500px; border: 2px solid #927651; margin: 0 auto;" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <div align="center">
    <table width="900" height="500" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="2" rowspan="3"> <div align="center">
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="450" height="300">
    <param name="movie" value="pixara.de/layout/index2.swf">
    <param name="quality" value="high"><param name="LOOP" value="false">
    <embed src="pixara.de/layout/index2.swf" width="450" height="300" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object>
    </div>
    <div align="center"></div>
    <div align="center"><font face="Arial, Helvetica, sans-serif"></font></div>
    <div align="center"><font face="Arial, Helvetica, sans-serif"></font></div>
    <div align="center"></div>
    <div align="center"><font face="Arial, Helvetica, sans-serif"></font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif">[img]pixara.de/layout/index3.jpg[/img]</font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index4.jpg[/img]</font></font></div></td>
    </tr>
    <tr>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index7.jpg[/img]</font></font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index8.jpg[/img]</font></font></div></td>
    </tr>
    <tr>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index11.jpg[/img]</font></font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index12.jpg[/img]</font></font></div></td>
    </tr>
    <tr>
    <td height="100" colspan="3"> <div align="center"><font face="Arial, Helvetica, sans-serif"></font></div>
    <div align="center"><font face="Arial, Helvetica, sans-serif"></font></div>
    <div align="center"><font face="Arial, Helvetica, sans-serif">
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="675" height="100">
    <param name="movie" value="pixara.de/layout/index.swf">
    <param name="quality" value="high">
    <param name="LOOP" value="false">
    <embed src="pixara.de/layout/index.swf" width="675" height="100" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object>
    </font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index16%201.jpg[/img]</font></font></div></td>
    </tr>
    <tr>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index17.jpg[/img]</font></font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index18.jpg[/img]</font></font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index19.jpg[/img]</font></font></div></td>
    <td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2">[img]pixara.de/layout/index20.jpg[/img]</font></font></div></td>
    </tr>
    </table>
    </div></td>
    </tr>
    </table>
    </body>
    </html>
    Großen Dank, Ben

  8. #8
    phpfan
    Gast

    Standard

    Zitat Zitat von JELLICOE
    sorry Leute, aber Ihr habt hier einen 100%igen html.-Laien vor Euch ... ich hab davon null Plan ... würdet Ihr mir bitte meinen Code richtig umschreiben ?
    2 Fragen:

    1. Wenn du keine Ahnung davon hast, warum machst du das überhaupt?
    2. Warum sollte jemand deinen unformatierten Quellcode durcharbeiten und für dich korrigieren?

  9. #9
    Youngster
    Themenstarter

    Registriert seit
    18.09.2007
    Ort
    Starnberg
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    @php ... ich mach hier alles mit Dreamweaver ... von html codes etc. hab ich keine Ahnung ... schön wärs trotzdem, wenn die Tabelle vertikal und horizontal in der Mitte sitzt, denn das kann ich übers DW-Menue nicht anweisen (lediglich horizontal zentrieren geht) ... wenn das ein zu großer Umprogrammierungsaufwand ist, will ich Niemanden hier auffordern ... wie gesagt, ich hab davon keine Ahnung und kenn den Umfang dessen nicht.
    Ben

Ähnliche Themen

  1. [HTML+CSS] Website horizontal zentrieren
    Von ::RMB:: im Forum Tutorials, Workshops und Anleitungen
    Antworten: 3
    Letzter Beitrag: 12.08.2007, 14:28
  2. Website Vertikal Zentrieren
    Von echo91 im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 12.10.2006, 17:06
  3. mittige Tabelle (vertikal und horizontal)
    Von murx im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 22.08.2006, 13:41
  4. Tabelle horizontal und vertikal in die Mitte?
    Von im Forum HTML & CSS Forum
    Antworten: 18
    Letzter Beitrag: 15.10.2005, 21:54
  5. Tabelle vertikal zentrieren
    Von step5 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 13.09.2005, 15:54

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •