[Murdoc]

Ja die Seite ist generiert worden. Nur weiß ich nicht wie ich das selbst so hinbastel das es zusammenpasst.

Meinst du ich sollte alles als Hintergrundbild machen?

Die Frames hab ich außen vor gelassen, davon kann ich mich auch trennen. Hab gestern gleich die main.php aufgerufen.

Wie gesagt find ich es eh eher schwindelig wie ich die anderen php-dateien einbeziehe

Auszug aus der main.php:

<TR>
		<TD COLSPAN=2>
			<IMG SRC="Bilder/main_15.jpg" WIDTH=50 HEIGHT=35 ALT=""></TD>
		<TD COLSPAN=7 ROWSPAN=21  bgcolor="#FFFFFF" VALIGN=top>
			<div style="width: 100%; height: 100%; overflow:hidden;">
				 <? 
				 if ($do=="guestbook")
				 {
		  include 'connect.php';
		  mysql_query("UPDATE guestbook SET GB_Viewed=0 Where GB_Viewed=1");
		  mysql_close($link);
		 } ELSE
		 if ($do=="guestbooklink")
		 {
		  $do="guestbook";
		 }
		  if ($do) 
		  {
			$datei=$do.'.php';
			include("$datei");
		  } ELSE include("home.php");
		  
		 ?></div></td>
		<TD>
		<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=35 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=21>
			<IMG SRC="Bilder/main_17.jpg" WIDTH=5 HEIGHT=416 ALT=""></TD>
		<TD COLSPAN=4>
			<A HREF="main.php?do=home"> //Aufruf der home.php
				<IMG SRC="Bilder/main_18.jpg" WIDTH=128 HEIGHT=12 BORDER=0 ALT=""></A></TD>
		<TD ROWSPAN=21>
			<IMG SRC="Bilder/main_19.jpg" WIDTH=13 HEIGHT=416 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=12 ALT=""></TD>
	</TR>

Das ist alles noch nicht so wie es sein sollte

Mfg Murdoc

[Murdoc]

Also ich hab mal deinen kompletten Code eingefügt und durch meinen alten ersetzt.

Dachte erst es funzt net, bis ich gemerkt hab das die Bilder hierfür nun unter main_data liegen müssen.

Wie kann ich das denn ohne Tabelle lösen, weil hier gesagt wurde es ist nicht vorteilhaft das so zu machen?

Hab irgendwo mal gelesen das geht auch mit CSS geht. Oder wie funktioiert das mit den Bildern als Hintergrund?

Bin für eure Optimierungsvorschläge gern offen.

Mfg Murdoc

PS: Fettes Danke erstmal an alle, vor allem aber Lord_eAgle, für die Hilfe bis hier her


Edit: Kann es sein das du main_12.jpg vergessen hast?

Dieser Beitrag wurde von Murdoc bearbeitet: 04. April 2006 - 12:42

[flo]

Zitat

Hab irgendwo mal gelesen das geht auch mit CSS geht. Oder wie funktioiert das mit den Bildern als Hintergrund?

Bin für eure Optimierungsvorschläge gern offen.

Optimierungsvorschlag: Tabellen dorch container ersetzen

CSS: background-image:url(pics/xxx.pic);

[Lord_eAgle]

also grundsätzlich würde ich schon bei tabellen bleiben, wende von containern noch keine ahnung ist es nicht ganz so einfach die seite nur damit zu struckturieren. nur halt nicht eine grosse tabelle machen und dort alles reinverschachteln. sonder mehrere tabellen mit weniger zellen. spahrt dir einies an code! ...also auch bessere ladezeiten. das einzige was ich an deiner stelle von der page übriglassen ist der teil hier:

<div style="width: 100%; height: 100%; overflow:hidden;">
				 <?
				 if ($do=="guestbook")
				 {
		  include 'connect.php';
		  mysql_query("UPDATE guestbook SET GB_Viewed=0 Where GB_Viewed=1");
		  mysql_close($link);
		 } ELSE
		 if ($do=="guestbooklink")
		 {
		  $do="guestbook";
		 }
		  if ($do)
		  {
			$datei=$do.'.php';
			include("$datei");
		  } ELSE include("home.php");
		  
		 ?></div>

...der rest ist grösstenteils müll, denn du mit ein bissel mühe und arbeit selbst besser hinkriegst.

dann wegen dem hintergrund, ich würde alle bilder, die nicht als links dienen (sprich menü), als zellenhintergründe einbinden - schliesslich sind das reine design-bilder. mach das mit css wie flo es vorgeschlagen hat. genauere infos wie's geht bekommst du hier: http://de.selfhtml.org/css/eigenschaften/h...ackground_image

Zitat (Murdoc: 04.04.2006, 12:35)

Edit: Kann es sein das du main_12.jpg vergessen hast?

ist möglich. weiss nicht mehr ganz genau was ich alles verändert habe. die seite wurde mit dem ff gespeichert und habe dan lokal ein bissel drin rumgefummelt. desshalb können sich pfade verändert haben - vlt hab ich sogar was gelöscht, dass ich ned hätte sollen

Zitat (Murdoc: 04.04.2006, 12:35)

PS: Fettes Danke erstmal an alle, vor allem aber Lord_eAgle, für die Hilfe bis hier her

bitte bitte, ich übe schonmal für meine rolle als lehrlingsverantwortlicher

Dieser Beitrag wurde von Lord_eAgle bearbeitet: 04. April 2006 - 15:23

[Murdoc]

Kann ich irgendwie verhindern das jedesmal die komplette Seite neu geladen wird?

[flo]

Zitat

also grundsätzlich würde ich schon bei tabellen bleiben

Das ist grundsätzlich schonmal schwachsinnig, denn was ist an Tabellen besser?

Mit Tabellen hat man unübersichtlicheren code

[Lord_eAgle]

Zitat (Murdoc: 04.04.2006, 19:04)

Kann ich irgendwie verhindern das jedesmal die komplette Seite neu geladen wird?

theoretisch könntest du mit javascript die inhalt nachladen. ist aber überhaupt nicht zu empfehlen. erstens kann dann kein such-robot mehr deine inhalt ansehen und zweitens muss dann der user js aktiviert haben um deine seite zu benützen. die andere variante währe ein iframe - aber ist auch nicht wirklich zu empfehlen, dann biste wieder gleichweit wie mit dem frameset.

Zitat (Flo: 04.04.2006, 19:28)

Mit Tabellen hat man unübersichtlicheren code

noja stimmt einerseits. andererseits find ich persönlich, dass das gestalten trotzdem einfacher ist mit tabellen. man turnt auch weniger mit den verschiedenen browsern rum bis alles richtig dargestellt ist. zudem ist das arbeiten mit generatoren leichter bzw. besser unterstützt (zumindest bei denen, die ich kenne). und da er noch anfänger ist wird er wohl noch öfters zu nem generator greifen und nicht hardcoden .aber schlussendlich ists wohl einfach gewohnheitssache. von mir aus soll er das machen was er besser kann...

[axx]

Zitat (Lord_eAgle: 04.04.2006, 16:03)

also grundsätzlich würde ich schon bei tabellen bleiben, wende von containern noch keine ahnung ist es nicht ganz so einfach die seite nur damit zu struckturieren. nur halt nicht eine grosse tabelle machen und dort alles reinverschachteln. sonder mehrere tabellen mit weniger zellen. spahrt dir einies an code!

Entschuldigung, das ist großer Quark. Wenn ich mir Murdocs Tabellenkonstrukt ansehe, behaupte ich, dass es ohne layout-Tabelle einfacher ist, viel einfacher.

Layout-Tabellen waren vor fünf, sechs Jahren der große Renner, und hatten damals zweifellos ihre Berechtigung. Dass die alten Männer aber immer noch die alte Lehre predigen, finde ich bedauerlich. Wenn aber Anfänger diesen Unsinn lernen, ist es einfach großer Mist.

Murdoc, wenn du gewillt bist, HTML zu lernen, und zwar ohne einzelne Elemente zu vergewaltigen, bin ich sicher, dass sich hier genug Leute finden, die dir dabei helfen.

Es ist davon auszugehen, dass in Zukunft Internet-Dienste auch zunehmend von mobilen clients in Anspruch genommen werden. Stell' dir mal deine 800px-Tabelle auf dem Display eines Mobiltelefons vor, um mal ein Beispiel zu nennen.

Tabellen sind wirklich was Feines. Sie eignen sich hervorragend, um einen Kalender oder einen Stundenplan darzustellen. Dafür sind sie gedacht, dafür soll man sie verwenden.

Zitat (Flo: 04.04.2006, 14:14)

Optimierungsvorschlag: Tabellen dorch container ersetzen

Da stimme ich nur teilweise zu. Ein Container ist kein Layout-Tabellen-Ersatz. Es gibt Seitenlayouts, die kommen vollständig ohne <div> Element aus. <div> wird immer dann eingesetzt, wenn mehrere Elemente zu einem Block zusammengezogen werden sollen. Auch wenn ich mich wiederhole: <div> ist kein Tabellenzellenersatz.

[flo]

@ axx

Stimmt da hast du Recht, ich sollte mich genauer ausdrücken

[Murdoc]

Mmh ok. Klar bin ich gewillt das zu lernen

Ein Denkanstoss in Form eines Beispiels (am besten anhand meine "Monster"-Tabelle) fände ich klasse.
Natürlich nicht für die komplette Tabelle, das will ich nicht verlangen.

Was mich jetzt ein wenig verwirrt, sind divs jetzt ok um das umzusetzen, oder nicht?

Mfg Murdoc

[axx]

Zitat (Murdoc: 04.04.2006, 20:01)

Ein Denkanstoss in Form eines Beispiels (am besten anhand meine "Monster"-Tabelle) fände ich klasse.
Natürlich nicht für die komplette Tabelle, das will ich nicht verlangen.

Die Idee ist gar nicht schlecht. Ich mach' das, aber nicht mehr heute abend. Wenn nicht ein anderer schneller ist, hast du es morgen.

Zitat

Was mich jetzt ein wenig verwirrt, sind divs jetzt ok um das umzusetzen, oder nicht?

die Antwort ist nicht ja oder nein. Das Element <div> ist wie gesagt zum Zusammenfassen von Elementen gedacht. Stelle es dir meinetwegen als Ebene oder Container vor. Wenn sich vom Sinn her ein anderes Element anbietet, ist immer das Andere vorzuziehen.

[Murdoc]

Super Danke

[flo]

Hier mal ein kleines Proof of Concept


So in Etwa funzt das, natürlich müssen noch abstände angepasst werden, und du willst sicherlich auch hintergrundbilder einbauen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
<head>
<style type="text/css">
<!--
div#wrapper{width:800px;margin: 0 auto;background-color:blue;}
div#middle{height:600px;}
div#navigation{float:left;padding:10px;background-color:red;}
.clear{clear:both;}
div#content{margin-left:150px;margin-right:10px;padding:10px;background-color:white;}
.footer{margin-left:90px;background-color:white;}
-->
</style>
  <title>Test</title>
</head>
<body>
<div id="wrapper">
	<div id="header">
	<h1>www.roydiger-eiswuerfel.de/</h1>
	</div>
	<div id="middle">
		<div id="navigation">
			<h3>Hauptmenue</h3>
			<ul>
				<li>Link1</li>
				<li>Link2</li>
				<li>Link3</li>
				<li>Link4</li>
				<li>Link5</li>
				<li>Link6</li>
				<li>Link7</li>
			</ul>

			<h3>Members</h3>
			<ul>
				<li>Link1</li>
				<li>Link2</li>
				<li>Link3</li>
			</ul>
		</div>
	<div id="content">
<h3><Willkommen auf www.roydiger-eiswuerfel.de.</h3>
<p></p>
Dies wird meine 1. eigens erstellte Seite ohne Content Management System.
Geplant habe ich auch einen Member-Bereich, realisiert durch eine SQL-Datenbank.
<br />
<br />
Mal schauen wie ich voran komme. Natuerlich gibt es wieder eine Bildergallerie.
<br />
<br />
Weitere Vorschlaege koennt ihr mir gerne per Email oder ICQ mitteilen.
<br />
<br />
Mfg Murdoc
</p>
<h4>Changelog</h4>
<ul>

<li># 02.04.06: Disclaimer implementiert</li>
<li># 02.04.06: About Me implementiert</li>
<li># 02.04.06: Gaestebuch implementiert</li>
<li># 01.04.06: Gaestebucheintrag in SQL-DB</li>
<li># 01.04.06: Kontaktformular implementiert></li>
<li># 01.04.06: Startseite implementiert</li>
<li># 31.03.06: Seitenupload</li>
</ul>
	</div>
<br style="clear">
</div>
<p class="footer">balblabla</p>
</div>
</body>
</html>

Dieser Beitrag wurde von Flo bearbeitet: 04. April 2006 - 20:13

[axx]

OK, ich habe hier mal einen Entwurf, der den derzeitigen Stand deiner Seite abbildet.

<!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="de" >
<head>
	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
	<meta name="language" content="de" />
	<link rel="stylesheet" type="text/css" href="style.css" />
	<title>test</title>
</head>
<body>
  <div id="wrap">
	<div id="head">
	  <h1><span> </span>www.roydiger-eiswuerfel.de the exception to the rules</h1>
	  <ul>
		<li><a href="http://www.roydiger-eiswuerfel.de/main.php?do=home">Home</a></li>
		<li><a href="http://www.roydiger-eiswuerfel.de/main.php?do=home">sweet home</a></li>
	  </ul>
	</div><!-- ende head -->

	<div id="ro">
	  <div id="lo">
		<div id="ru">
		  <div id="lu">
			<div id="main">
			  <div id="left">
				<div class="boxhead">
				  <h2 class="box">Hauptmenü</h2>
				</div><!-- ende boxhead -->
				  <ul class="box">
					<li><a href ="/main.php?do=home">Home</a></li>
					<li><a href ="/main.php?do=gallery">Gallery</a></li>
					<li><a href ="/main.php?do=guestbook">Guestbook</a></li>
					<li><a href ="/main.php?do=links">Links</a></li>
					<li><a href ="/main.php?do=aboutme">About Me</a></li>
					<li><a href ="/main.php?do=contact">Contact Me</a></li>
					<li><a href ="/main.php?do=disclaimer">Disclaimer</a></li>
				  </ul>
				<div class="boxhead">
				  <h2 class="box">Members</h2>
				</div><!-- ende boxhead -->
				  <ul class="box">
					<li><a href ="/main.php?do=login">Login</a></li>
					<li><a href ="/main.php?do=account">Account</a></li>
					<li><a href ="/main.php?do=users">Users</a></li>
				  </ul>
			  </div><!-- ende left -->
			  <div id="content">
				<h2>Willkommen auf www.roydiger-eiswuerfel.de</h2>
				<p>Dies wird meine 1. eigens erstellte Seite ohne Content Management System. Geplant habe ich auch einen Member-Bereich, realisiert durch eine SQL-Datenbank.</p>
				<p>Mal schauen wie ich voran komme. Natürlich gibt es wieder eine Bildergallerie.</p>
				<p>Weitere Vorschläge könnt ihr mir gerne per Email oder ICQ mitteilen.<br />Mfg Murdoc</p>
				<h3>Changelog</h3>
				<ul>
				  <li>02.04.06: Disclaimer implementiert</li>
				  <li>02.04.06: About Me implementiert</li>
				  <li>02.04.06: Gästebuch implementiert</li>
				  <li>01.04.06: Gästebucheintrag in SQL-DB</li>
				  <li>01.04.06: Kontaktformular implementiert</li>
				  <li>01.04.06: Startseite implementiert</li>
				  <li>31.03.06: Seitenupload</li>
				</ul>
			  </div><!-- ende content -->
			</div><!-- ende main -->
		  </div>
		</div>
	  </div>
	</div>
	<p id="bottom">© Copyright by Murdoc | Webmaster</p>

  </div><!-- ende wrap -->
</body>
</html>

Die große Anzahl der div-Elemente kommt daher, dass du "runde Ecken" verwendest, und in CSS2 nur ein Hintergrundbild pro Element möglich ist. CSS3 soll da angeblich Abhilfe schaffen.

Ohne die runden Ecken wären nur 2 divs nötig, nämlich left und content.

Das stylesheet lässt wahrscheinlich noch mehr Optimierungsmöglichkeiten als die HTML-Datei, aber ich hatte jetzt keine Lust, da noch mal drüber zu gucken.
Ich denke, für einen ersten Eindruck reicht der Entwurf.
Weitere Informationen:
Runde Ecken
CSS Tutorials
Meine bevorzugte HTML Schule

P.S. Die Schrift ist für meinen Geschmack viel zu klein.

Angehängte Datei(en)

•  test.zip (13,58K)
  Anzahl der Downloads: 60

[Murdoc]

Hey axx,

hab deine Dateien mal hochgeladen, aber irgendwie nimmt er die css gar nicht an (hier)

Lokal bei mir ging es aber super?!

Mfg Murdoc

EDIT: Sorry, lag an den Einstellungen auf dem Server. Jetzt gehts.

Dieser Beitrag wurde von Murdoc bearbeitet: 08. April 2006 - 13:58