Willkommen im TP-Hilfe-Forum! Dies ist ein Forum zu den Themen Photoshop, Dreamweaver, Flash, Selbständigkeit und mehr, in dem Du Hilfe, Anleitung oder eine Lösung zu Deinen Problemen erhältst.
Aktuell bist Du in unseren Foren als Gast mit reinen Leserechten unterwegs. Wenn Du Dich registrierst, kannst Du eigene Themen verfassen, Deine Frage stellen und privat mit anderen TPlern kommunizieren. Weitere Foren werden zugänglich, und Du wirst – falls gewünscht – per Mail über neue Beiträge informiert. Die Registrierung ist schnell und kostenlos. Sollten bei der Registrierung Fragen auftauchen, reicht ein Klick in unsere Hilfe - Häufig gestellte Fragen oder eine kurze Mitteilung an das Support-Team.
irgendwie scheint hier keiner so richtig ran zu moegen
als erstes solltest du mal deinen quaelcode etwas sauberer schreiben. du schliesst einen head, den du nie geoeffnet hast und das gleiche gilt fuer das html-tag.
und dann sieht da das ein oder andere noch etwas ... naja ... unausgereift aus. hier ein kleiner (ungetesteter) denkanstoss
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><head><meta name="keywords" content="goetterspeisen, goetter, speisen, kinder, kinderleicht, essen, kinderessen, mahlzeit, lieferservice, bringdienst, kindergarten, schule, kita, kindertagesheim, bestellung, bremen, delmenhorst, oldenburg, achim, kinderleicht essen, wir wissen was kindern schmeckt, bio, bio-gütesiegel, mehrweg , claudia spelmans"><meta name="description" content="Herzlich willkommen bei goetterspeisen, dem ersten Menu Bringdienst mit BIO-Gütesiegel für Kinder in Bremen, Oldenburg, Delmenhorst und umzu."><meta name="Content-Language" content="de"><meta name="author" content="tristan spelmans"><meta name="ROBOTS" CONTENT="INDEX, FOLLOW"><meta name="revisit-after" CONTENT="1"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><base href="http://goetter-speisen.de/" /><title>götterspeisen - kinderleicht essen - startseite</title><style type="text/css">
* { padding: 0; margin: 0; }
body {
margin-left: 0px;
margin-top: 0px;
}
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
li {
background-position: 0px;
padding-left: 30px;
}
#top {
margin: auto;
width: 760px;
height: 20px;
}
#head {
margin: auto;
width: 760px;
height: 70px;
background-image: url(img/head_img.jpg);
border-bottom: 1px solid #000;
}
#headimg {
background-image: url(img/head_pictures/img_getreide.jpg);
background-repeat: no-repeat;
margin: 0 auto;
width: 758px;
height: 160px;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
#menu {
margin: auto;
width: 716px;
height: 19px;
padding-left: 42px;
background-color: #990000;
color:black;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
#menu li {
float: left;
list-style: none;
padding: 0 15px;
}
#menu li:hover {
background-color: #fff;
}
#menu a:link,
#menu a:visted {
color: #fff;
font-weight: bold;
font-size: 10px;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
background: transparent;
border-left: 1px solid #fff;
}
#menu a:hover,
#menu a:focus,
#menu a:active {
color: #660000;
background: #fff;
}
#content {
margin: auto;
width: 760px;
background-image: url(img/hintergrund_mitte.gif);
background-repeat: repeat-y;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px
}
#bottom {
margin: auto;
width: 760px;
height: 25px;
background-image: url(img/hintergrund_unten.gif);
background-repeat: no-repeat;
text-align: right;
}
#bottom a {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 0px 8px;
}
a:link,a:visited {
color: #666;
text-decoration: none;
}
a:hover,a:focus,a:active {
text-decoration: none;
}
.Stil7 {font-size: 11px}
</style></head><body><div id="top"></div><div id="head"></div><div id="headimg"></div><div id="menu"><ul><li><a href="index.htm">STARTSEITE</a></li><li><a href="ueber_uns.htm">ÜBER UNS</a></li><li><a href="angebot.htm">ANGEBOT</a></li><li><a href="bestellung.htm">BESTELLUNG</a></li><li><a href="lieferung.htm">LIEFERUNG</a></li><li><a href="eindruecke.htm">EINDRÜCKE</a></li></ul></div><div id="content"><div id="text"><table width="760" border="0"><tr><td width="600"><br><blockquote><p><span><strong>Herzlich willkommen bei <span>götter</span><span>speisen - </span><span>kinderleicht essen</span>,</strong><br><br>
dem ersten Menü-Bringdienst mit BIO-Gütesiegel für Kinder<br>
in Bremen, Oldenburg, Delmenhorst und umzu.<br><br>
Unsere Speisen sind speziell für Kinder zubereitet.<br>
Wir kochen, was Kindern gerecht wird und was Kindern schmeckt.<br><br>
Unsere Mahlzeiten werden täglich frisch gekocht.<br>
Was wir warm abfüllen, kommt warm bei Ihnen an.<br><br>
Weil eine optimale Kindernahrung zu etwa einem Drittel aus Rohkost bestehen sollte,<br>
bieten wir täglich frisches Gemüse und/oder Obst an.<br><br><strong>Wir wissen, was Kindern schmeckt.</strong><br><br>
Guten Appetit</span> !<br></p></blockquote></td><td width="150" valign="top"><br><p class="Stil7">Wir beraten Sie gerne!</p><p class="Stil5"><span class="Stil7">Sie erreichen uns werktags von 9.00 - 13.00 Uhr unter der<br>
Rufnummer (0421) 585108</span></p></td></tr></table></div></div><div id="bottom"><a href="kontakt.htm">KONTAKT</a><span>|</span><a href="impressum.htm">IMPRESSUM</a></div><div id="bio"><a href="http://www.bio-siegel.de" title="BIO-Siegel" target="_blank"><img src="img/blank.gif" width="40" height="35" alt="BIO-Siegel" border="no" /></a></div></body></html>
und ich verstehe auch nicht die kombi aus divs und tabelle. der code is voll von ueberfluessigen, wenn nicht gar semantisch falschen tags.
am besten du schaust da noch mal in ruhe drueber (www.css4you.de).
Erstmal vielen Dank für deine Antwort!
Ich werde den Qualcode aufräumen.
Die Tabelle im div habe ich gemacht um den content bereich zu unterteilen.
Wahrscheinlich geht das aber sauberer indem man zwei divs nebeneinander platziert.
@maekkez: wundere dich aber nicht, wenn du mit dem ergebnis nicht zufrieden sein kannst, falls du den code wirklich ohne doctype einsetzen solltest (http://www.css4you.de/wsdoctypeswitch/index.html).
Vielen Dank für die Denkanstöße/Hilfe und das Beispiel von Maekkez.
content_left und content_right meinte ich mit:
...geht das aber sauberer indem man zwei divs nebeneinander platziert.
Ich habe es jetzt neu gemacht (dein Beispiel angepasst) und den Fehler in der Navigation behoben.
Bevor ich jetzt alle Texte neu einfüge hätte ich gern gewusst, was genau mit
"...falls du den code wirklich ohne doctype einsetzen solltest..." gemeint ist.
Ich habe das Gefühl das der Qualcode jetzt schon besser aussieht, würde mich aber über ein erneutes angucken von euch freuen.
</head>
<body>
<div id="box">
<div id="header"></div>
<div id="menu">
<ul>
<li><a href="#">STARTSEITE</a></li><li><a href="#">ÜBER UNS</a></li><li><a href="#">ANGEBOT</a></li><li><a href="#">BESTELLUNG</a></li><li><a href="#">LIEFERUNG</a></li><li><a href="#">EINDRÜCKE</a></li>
</ul>
</div>
<div id="content_left">
<strong>Herzlich willkommen bei götterspeisen - kinderleicht essen,</strong><br><br>
dem ersten Menü-Bringdienst mit BIO-Gütesiegel für Kinder<br>
in Bremen, Oldenburg, Delmenhorst und umzu.<br><br>
Unsere Speisen sind speziell für Kinder zubereitet.<br>
Wir kochen, was Kindern gerecht wird und was Kindern schmeckt.<br><br>
Unsere Mahlzeiten werden täglich frisch gekocht.<br>
Was wir warm abfüllen, kommt warm bei Ihnen an.<br><br>
Weil eine optimale Kindernahrung zu etwa einem Drittel aus Rohkost bestehen sollte,<br>
bieten wir täglich frisches Gemüse und/oder Obst an.<br><br>
<strong>Wir wissen, was Kindern schmeckt.</strong><br><br>
Guten Appetit !
</div>
<div id="content_right">
Wir beraten Sie gerne!<br><br>
Sie erreichen uns werktags von 9.00 - 13.00 Uhr unter der Rufnummer (0421) 585108
</div>
<div id="footer">
<ul>
<li><a href="#">KONTAKT</a></li><li><a href="#">EINDRÜCKE</a></li>
</ul>
</div>
</div>
</body>
</html>
Bevor ich jetzt alle Texte neu einfüge hätte ich gern gewusst, was genau mit
"...falls du den code wirklich ohne doctype einsetzen solltest..." gemeint ist.
ich meinte das bsp. von maekkez. er hatte in seinem code, im gegensatz zu deinem, keinen doctype definiert. welchen doctype du bevorzugst solltest du dir aus uebersichten heraussuchen, wie sie zb. bei css4you zu finden sind. gruende fuer einen sauberen doctype usw. findest du ebenfalls auf dieser seite.
aber jetzt mal zu wirklichen fehlern. ich hatte bereits auf die fehlenden starttags <html> und <head> hingewiesen. ein makel, der nach wie vor besteht.
Ja sieht doch gut aus xhtml strict ist auch gut und validiert werden die HTML und CSS auch ... in IE7 und Firefox siehts auch gleich aus ...
Kannst ja auch nochmal http://browsershots.org/ ausprobieren dauert zwar lange aber dann weisst du in welchen browsern deine seite läuft... Auch in bezug auf Barrierefreiheit bist du nun besser bedient mit deinem neuen aufbau..
