DW MX 2004 / Tabelle ...

e40 · 21.05.2007, 18:55

Hallo,

wie erstelle ich in DW eine Taballe,
die direkt oben an der Webseite anfängt,
und unten wieder aufhört.

Wenn ich ne Tabelle mit 100% Höhe mache,
ist immer ein kleiner Zwischenraum zwischen Seitenanfang/ende und Tabelle.

Das ganze soll zudem dynamisch sein,
d.h wenn jemand mit ner rießen Auflößung surft,
soll die Tabelle bis nach ganz unten reichen.

Hier ein Beispiel: http://www.smsfrosch.de/

Thomas · 21.05.2007, 19:13

alle Positionen (padding, margin usw.) auch auf "0" gesetzt?

dann ist die Tabelle auch randlos

e40 · 21.05.2007, 20:10

hmm, mag nicht so richtig funktionieren ...

HTML-Code:

<!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>asdf</title>
<style type="text/css">
<!--
body {
	background-image: url(file:///D|/take_vectors/a_upload/header.jpg);
}
-->
</style></head>

<body>
<table width="500" height="200%" border="0" align="center" cellpadding="0" bgcolor="#FFFFFF">
  <tr>
    <td height="100%"><div align="center"><img src="file:///D|/take_vectors/a_upload/navi2_01.gif" width="100" height="20"></div></td>
  </tr>
</table>

<p>&nbsp;</p>
<table width="500" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Mich@el · 21.05.2007, 20:38

Hi Cherry.
Nur so am Rande. Diese Frosch - Seite wurde nicht mit Tabellen gemacht. Da ist schon ein wenig CSS im Spiel.

Hast Du Dich jetzt im Tabellenlayout festgebissen oder kann man Dich auch noch andere Möglichkeiten zeigen?
Diese Layouts passen sich dann auch jedem Browserfenster wie gewünscht an.

Grüße
Michael

e40 · 21.05.2007, 22:14

Naja ich hab von beidem keine Ahnung, aber mit Tabellen gehts doch leichter oder?

Dachte, da kann mal jemand schnell helfen ...

Aber wenn das nicht so ist, muss ich das ganze auf später verschieben.

Mich@el · 21.05.2007, 22:42

Wie Thomas schon erwähnte. Du solltest noch

HTML-Code:

* {margin:0;
padding:0;
}

zwischen die Head-Tags schreiben.

Torsten · 22.05.2007, 10:20

Und zwar genau dorthin:

HTML-Code:

<!--
* { margin:0; padding:0;}

body { background-image: url(file:///D|/take_vectors/a_upload/header.jpg);}
-->

e40 · 22.05.2007, 15:23

HTML-Code:

<!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>Unbenanntes Dokument</title>
<style type="text/css">
<!--
* { margin:0; padding:0;}

body {
	background-image: url();
	background-color: #990033;
}
-->
</style></head>

<body>
<table width="500" height="100%" border="0" align="center" cellpadding="0" bgcolor="#FFFFFF">
  <tr>
    <td height="100%"><div align="center">
      <p>text blalbl</p>
      <p>&nbsp;</p>
      <p>asdfjajsdf lasf  </p>
    </div></td>
  </tr>
</table>

<p>&nbsp;</p>
</body>
</html>

Super Danke. Leider wird die Tabelle jetzt nicht mehr zentriert angezeigt,
zudem hat die Tabelle irgendwie nicht 100% Höhe ...

Torsten · 22.05.2007, 18:04

So funktionierts:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Cherry-Table</title>
<style type="text/css">
<!--
* { margin:0; padding:0;}

body {
    background-image: url();
    background-color: #990033;
}
-->
</style></head>

<body>
<div align="center">
<table width="500" height="100%" border="0" cellpadding="0" bgcolor="#FFFFFF">
  <tr>
    <td height="100%"><div align="center">
      <p>text blalbl</p>
      <p>&nbsp;</p>
      <p>asdfjajsdf lasf  </p>
    </div></td>
  </tr>
</table>
</div>
</body>
</html>

e40 · 22.05.2007, 22:23

Danke, das Problem ist jetzt gelöst.

Nun habe ich noch ein Problem und zwar wie mache ich einen Hintergrund,wie bei smsfrosch.de ?
Einer der immer zentriert ist, und nicht Tapetenmäßig aneinander gereiht ist ...

Mich@el · 22.05.2007, 22:42

Das wurde auch mit CSS gelöst. Der Hintergrund wurde einmal über die ganze Fläche mit bg_frosch.gif gekachelt:

PHP-Code:


			
body {

background: #5F8000 url(.../Grafiken/bg_frosch.gif) repeat-y center top;

}

Und dann gibt´s noch das Mittelteil den Container. Da wurde auch noch mal gekachelt.

PHP-Code:


			
.container {    background: url(../images/bg_frosch_container.gif) repeat-y;

Wichtig zu wissen. Du verwendest in der Regel nur so einen kleinen "Schnipsel" und läßt ihn dann vertikal oder horizontal wiederholen.

Schau auch mal hier!

Grüße
Michael

e40 · 23.05.2007, 14:21

Danke!

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Cherry-Table</title>
<style type="text/css">
<!--
* { margin:0; padding:0;}

body {
    background-image: url(file:///D|/take_vectors/a_upload/777-1.jpg) repeat-y center top;;
	.container {    background: url(file:///D|/take_vectors/a_upload/777-1.jpg) repeat-y; 
}
-->
</style></head>

<body>
<div align="center">
<table width="500" height="100%" border="0" cellpadding="0" bgcolor="#5ff37">
  <tr>
    <td height="100%"><div align="center">
      <p>text blalbl</p>
      <p>&nbsp;</p>
      <p>asdfjajsdf lasf  </p>
    </div></td>
  </tr>
</table>
</div>
</body>
</html>

hab den Code eingefügt, aber jetzt wird leider nur noch ein weißer Hintergrund angezeigt

Mich@el · 23.05.2007, 19:20

Hab´s bei mir mit einem anderen Hintergrund getestet. Es funktioniert. In DW ins (jetzt) weiße Feld klicken und unter Seiteneigenschaften das Hintergrundbild bestimmen. Was ist das für ein Hintergrund(bild) "777-1.jpg"?
Möglicherweise findet DW es nicht in Deiner Datei?!

e40 · 23.05.2007, 19:38

Danke

an der Verknüpfung kanns nicht liegen,
immer wenn ich was hinter die URL(Pfad) schreib ist der BG weg

... habs jetzt so gelöst.

PHP-Code:


			
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

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

<title>Cherry-Table</title>

<style type="text/css">

<!--

* { margin:0; padding:0;}



body {

    background-image: url(Unbenannt-1.jpg);

    background-attachment: fixed;

    background-repeat: repeat-y;

    background-position: center center;



}

-->

</style></head>



<body>

<div align="center">

<table width="500" height="100%" border="0" cellpadding="0" bgcolor="#666666">

  <tr>

    <td height="100%"><div align="center">

      <p>text blalbl</p>

      <p>&nbsp;</p>

      <p>asdfjajsdf lasf  </p>

    </div></td>

  </tr>

</table>

</div>

</body>

</html>