• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

table-layout >zu> css-layout: wie anfangen?

hab ich mir schon zwei mal durchgelesen aber ich kapier das mit den divs nicht...
das ist doch das selbe wie eine tabelle, oder??

css arbeitet ja mit boxen und nicht mit tabellen, soweit ich das richtig verstanden hab...
und wie positioniere ich meine "boxen"(head, menü und inhalt) im freien raum?
(das ist zur zeit mein größtes problem)

grüße simon
 
aber wie bekomme ich das menü so wie ich es jetzt habe?
soll ich die menütabellen lassen oder irgendwie versuchen das hinzubiegen?
 
hi

ein bisschen verspätet kann ich euch jetzt ein verbessertes layout zeigen.
das von ende februar ist irgendwo in meinem daten-saustall ersoffen^^.
ich habe das intensivstation-layout sehr verändert und mir den menü-code von [Stu Nicholls | CSSplay | slide definition list menu] abgekupfert und auch sehr stark verändert.
durch dieses menü habe ich jedoch 19 fehler drin.

nja.. kuckt eben mal bidde hier: ms2 -> home
feedback erwünscht :)
 
jonnystark schrieb:
durch dieses menü habe ich jedoch 19 fehler drin.
Zum Vergrößern anklicken....

Gefällt mir deutlich!!!! besser. Kann die Fehlerzahl hier auf 31 erhöhen. Sollte aber kein Problem sein, die zu beseitigen. Eigentlich steht immer dabei, was Du beachten musst. Fang mal an, die Grundstruktur einzuhalten, d.h. im head fehlt der title-Tag (klein schreiben, da xhtm). Füg das mal ein, dann schau'n wir weiter.

Die Transparenz zu Beginn finde ich etwas problematisch, da der Text schwerer zu lesen ist.

Edit:
Sehe eben, Du hast doch nen title-Tag drin, hier als zweiten head
PHP: 
<head>
<title>ms2 -> home</title>
</head>

Das geht natürlich nicht, also nur einmal das Ganze.

Außerdem hast Du Stus Menü so geändert, dass es nicht mehr valide ist. Die richtige Verschachtelung

PHP: 
<ul id="menu">
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl class="gallery">

hast Du geändert und dabei li vor dem dl-Tag weggenommen. Das geht nicht. Kannst Du nicht die class="gallery" dem li zuordnen, so dass Du das gewünschte Aussehen hast?

Wenn der head nur einmal da ist mit dem title-Tag und auch das Menü korrekt verschachtelt ist, sollte die Seite valide sein.
 
Zuletzt bearbeitet:
tja.. das hab ich vorher so gehabt.. aber der IE macht mir einen strich durch die rechnung :/
hmm.. ich glaube ich bau für den IE ein anderes (nur li menü) ein.

der head ist 2mal da, weil ich sonst für jede seite den gleichen titel hätte. ich

habe eine "kopf.php:
von zeile1 bis zum content-div

eine datei mit dem jeweiligen seiten namen (index.php, hobbies.php, ...):
hier _muss_ der titel sein, damit ich für jede seite einen anderen habe
vom content-div bis zum ende des content divs.

lg simon
 
jonnystark schrieb:
tja.. das hab ich vorher so gehabt.. aber der IE macht mir einen strich durch die rechnung :/
hmm.. ich glaube ich bau für den IE ein anderes (nur li menü) ein.
Zum Vergrößern anklicken....

Das ist ja wohl zuviel der Ehre für den IE. Du änderst nur das Menü ein wenig, so dass es valide ist:

PHP: 
<div id="dlmenu">
<div id="menu">

	<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
	<dl class="gallery">
	<dt><a href="index.php" title="">home</a></dt>

	<dt><a href="lol.php" title="">lol</a></dt>
	<dt><a href="gaestebuch.php" title="">gästebuch</a></dt>
	<dt><a href="kontakt.php" title="">kontakt</a></dt>
	</dl>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<ul>
<li>
	<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->

	<dl class="gallery">
		<dt><a href="hobbies.php" title="">+ hobbies</a></dt>
		<dd><a href="h_modellbau.php" title="">#  modellbau</a></dd>
		<dd><a href="h_inet.php" title="">#  internet</a></dd>
		<dd><a href="h_foto.php" title="">#  foto</a></dd>

		<dd><a href="h_spiele.php" title="">#  pc-spiele</a></dd>
		<dd><a href="h_musik.php" title="">#  musik</a></dd>
	</dl>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li>

	<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
	<dl class="gallery">
		<dt><a href="bilder.php" title="">+ bilder</a></dt>
		<dd><a href="b_sa-mp-screens.php" title="">#  game-screens</a></dd>
		<dd><a href="b_katze.php" title="">#  meine katze</a></dd>

	</dl>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li></ul>
</div>
</div>

Und dann noch ein paar kleine CSS-Änderungen. Hier sollte z.B. so erweitert werden

Code: 
#menu li a:hover dt a, [COLOR="Red"]#menu dt:hover a[/COLOR] {
	background: url(../images/layout/menu_haupt_bg.png);
	color:;
	height: 18px;
	font-size: 0.9em;
	font-weight: bold;
	border-left: 6px solid #222;
	border-bottom: 1px solid #444;
	}

jonnystark schrieb:
der head ist 2mal da, weil ich sonst für jede seite den gleichen titel hätte. ich habe eine "kopf.php:
von zeile1 bis zum content-div
eine datei mit dem jeweiligen seiten namen (index.php, hobbies.php, ...):
hier _muss_ der titel sein, damit ich für jede seite einen anderen habe
vom content-div bis zum ende des content divs.
Zum Vergrößern anklicken....

Was den doppelten head-Tag angeht: Ich kenne mich mit PHP nicht aus, kann mir jedoch nicht vorstellen, dass man das nicht auch in den Griff bekommen kann.
 
anna55 schrieb:
Was den doppelten head-Tag angeht: Ich kenne mich mit PHP nicht aus, kann mir jedoch nicht vorstellen, dass man das nicht auch in den Griff bekommen kann.
Zum Vergrößern anklicken....

Ich hab das immer mittels Pufferung gelöst (siehe PHP-Funktionen ob_start(), ob_get_contents() und ob_end_clean()).
Dazu bindest du zuerst die PHP-Datei ein, die den jeweiligen Seiteninhalt darstellt (index.php, hobbies.php) und pufferst deren Ausgabe.
Das gibt dir die Möglichkeit in dieser Datei einen Seitentitel zu definieren.

Bsp.:
PHP: 
<?php

     ob_start();
     include "hobbies.php";
     $content = ob_get_contents();
     ob_end_clean();

     include "kopf.php";

     echo $content;

?>

hobbies.php enthält dann irgendwo etwas dergleichen:
PHP: 
define("TITLE", "Hobbies");

in kopf.php fügst du den Titel dann ein:
PHP: 
<head>
     <title><?php echo TITLE; ?></title>
</head
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben