Druckversion des Themas
Hier klicken um das Topic im Orginalformat anzusehen
HTML-Editor phase 5 Support _ HTML _ richtige Darstellung der HP
Geschrieben von: DerBaum 25.08.2005 - 18:05
moin
die Homepage ist noch sehr im Anfangs stadium, sowie ich mit meinem HTML kentnissen.
trotzdem wird die Homepage nicht richtig mit FireFox dargestellt.
Was muss hinzufügen, damit es richtig angezeigt wird?
Gibt es eine Lösung, dass die Seite mit jedem Broswer richtig angezeigt werden kann?
mfg DerBaum
Bin für Verbesserundvorschläge/Kritik offen
Hier der Quelltext:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HomepageTEST</title>
<div align="center"><img src="header.png" width="780" height="100" border="0" alt=""></div>
</head>
<body bgcolor="#E6E6FA" text="#778899" link="#778899" vlink="#708090" alink="#FFFFFF">
<hr>
<table border="1">
<colgroup>
<col width="200">
<col width="800">
<col width="200">
</colgroup>
<tr>
<th>
________</p>
<li><a href="News.html"><img src="news.png" width="100" height="18" border="0" alt=""></a><p></li>
<li><a href="AboutUs.html"><img src="AboutUs.png" width="100" height="18" border="0" alt=""></a><p></li>
<li><a href="Links.html"><img src="Links.png" width="100" height="18" border="0" alt=""></a></p></li>
<li><a href="Gästebuch.html"><img src="Gästebuch.png" width="100" height="18" border="0" alt=""></a></p></li>
<li><a href="Gallerie.html"><img src="Gallerie.png" width="100" height="18" border="0" alt=""></a></p></li>
</th>
<th>
<h1><div align="center"><b>Willkommen auf der Homepage</b></div></p> </h1>
<h2>www.4baum.de gemacht von Baum</p> </h2>
<h3>Viel Spaß beim Surfen:)</h3>
</th>
<th>
Hier würde jetzt Werbungen oder Banner erscheienen.
</th>
</tr>
</body>
</html>
Geschrieben von: Mischdele 25.08.2005 - 18:43
-
Geschrieben von: DerBaum 25.08.2005 - 19:48
hier eine kleines Bild mit meinem Problem.
---> http://img297.imageshack.us/my.php?image=unbenannt8pf.jpg
in der linken Spalte die Buttons
mfg DerBaum
thx für die schnelle Antwort
Geschrieben von: Mischdele 25.08.2005 - 20:14
-
Geschrieben von: DerBaum 25.08.2005 - 20:46
kk welchen Browser hast du denn?
Ich habe FireFox.
bei mir werden die Punkte außerhalb angezeigt.
Auch die Abstände zwischen News und AboutUs, und zwischen AboutUs und Links sind nicht normal. Mein Burder hat einen anderen Browser und bei ihn werden sie richtig angezeigt, genau so wie bei dir, nehme ich an.
Ich habe jetzt noch mal ein bießchen gebastelt.
könnt ihr das bitte mal ausprobieren.
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HomepageTEST</title>
</head>
<body topmargin="20" leftmargin="60" text="#778899" link="#778899" vlink="#708090" alink="#FFFFFF">
<body style="background-image:url(STE_0128.JPG)">
<a href="Main.html"><div align="center"><img src="header.png" width="780" height="100" border="0" alt=""></div></a>
<hr>
<table border="1">
<colgroup>
<col width="200">
<col width="800">
<col width="200">
</colgroup>
<tr>
<th>
________</p>
<li><a href="News.html"><img src="news.png" width="100" height="18" border="0" alt=""></a><p></li>
<li><a href="AboutUs.html"><img src="AboutUs.png" width="100" height="18" border="0" alt=""></a><p></li>
<li><a href="Links.html"><img src="Links.png" width="100" height="18" border="0" alt=""></a></p></li>
<li><a href="Gästebuch.html"><img src="Gästebuch.png" width="100" height="18" border="0" alt=""></a></p></li>
<li><a href="Gallerie.html"><img src="Gallerie.png" width="100" height="18" border="0" alt=""></a></p></li>
</th>
<th>
<h1><div align="center"><b>Willkommen auf der Homepage</b></div></p> </h1>
<h2>www.4baum.de gemacht von Baum</p> </h2>
<h3>Viel Spaß beim Surfen:)</h3>
</th>
<th>
Hier würde jetzt Werbungen oder Banner erscheienen.</p>
<a href="http://www.ekiwi.de/"><img src="www.wKiwi.de.gif" width="125" height="125" border="0" alt=""></a></p>
--------</p>
Dickes Danke an <a href="http://de.selfhtml.org/"> selfhtml.org</a></p>
--------</p>
Paar gebräuchliche Links:</p>
<a href="http://forum.giga.de/forum/index.php?">Giga Community</a></p>
<a href="http://www.ebay.de/">Ebay</a></p>
<a href="http://www.google.de/">Google</a></p>
Alle Links finden Sie auch nochmal links in der Spalte unter dem Punkt Links
</th>
</tr>
</body>
</html>
Das Problem was ich oben beschrieben habe habe ich behoben 
Doch noch ein Paar andere Fragen:
1. Darf ich einfach so Google oder Ebay oder Internet Shops verlinken , ohne zu Fragen?
2.Jetzt will ich in mittleren Spalte das "Willkommen" mittig stehen haben und nicht ganz oben.
Wie gesagt für Tipps & Kritik bin ich immer offen 
Thx für die Antworten Mischdele
mfg DerBaum
Geschrieben von: i.b.g 26.08.2005 - 8:55
Hallo,
vorweg muss ich Dir sagen, dass alles was Du da so fabriziert hast, eher ein großes Durcheinander ist als HTML.
Du solltest mit etwas mehr Aufmerksamkeit SelfHTML lesen. Die allermeisten Tags haben einen Start- und einen End-Tag, wie z.B. der P-Tag (paragraph). Es gibt Tags, die andere enthalten dürfen und welche bei denen das nicht erlaubt ist - bie vielen Gelegenheiten ist es gar vollkommen überflüssig. Man muss z.B. nicht alles mit dem Div-Tag auszeichnen, wenn einem bereits vorhandenenen Tag die gewünschten Eigenschaften zugewiesen werden können. Ich habe mal versucht zumindest etwas Grund in Deine Vorgabe zu bringen, was nicht heißt, dass ich das jemals so schreiben würde. Aber für jemanden, der am Anfang steht, ist es ja auch wichtig, sich an etwas heranzuarbeiten. Und Deine Arbeit möchte ich natürlich auch nicht machen. Vergleiche einfach mal Deines mit dem Meinigen - und es wird sicher das eine oder andere klar.
Dass ich nun alles gefunden habe, will ich auch nicht behaupten.
Jeder hat klein angefangen. Lass Dich nicht entmutigen. Und lesen, lesen, lesen ...
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HomepageTEST</title>
</head>
<body topmargin="20" leftmargin="60" text="#778899" link="#778899" vlink="#708090" alink="#FFFFFF" style="background-image:url(STE_0128.JPG)">
<div style="text-align:center;"><a href="Main.html"><img src="header.png" width="780" height="100" border="0" alt="header.png" title="Main.html"></a></div>
<hr>
<table border="1">
<colgroup>
<col width="200">
<col width="800">
<col width="200">
</colgroup>
<tr>
<th>
________
<ul>
<li><a href="News.html"><img src="news.png" width="100" height="18" border="0" alt="Link1" title="Link1"></a></li>
<li><a href="AboutUs.html"><img src="AboutUs.png" width="100" height="18" border="0" alt="Link2" title="Link2"></a></li>
<li><a href="Links.html"><img src="Links.png" width="100" height="18" border="0" alt="Link3" title="Link3"></a></li>
<li><a href="Gästebuch.html"><img src="Gästebuch.png" width="100" height="18" border="0" alt="Link4" title="Link4"></a></li>
<li><a href="Gallerie.html"><img src="Gallerie.png" width="100" height="18" border="0" alt="Link5" title="Link5"></a></li>
<ul>
</th>
<th style="text-align:center;">
<h1>Willkommen auf der Homepage</h1>
<h2>www.4baum.de gemacht von Baum</h2>
<h3>Viel Spaß beim Surfen:)</h3>
</th>
<th>
<p>Hier würde jetzt Werbungen oder Banner erscheienen.wink.gif</p>
<a href="http://www.ekiwi.de/"><img src="www.wKiwi.de.gif" width="125" height="125" border="0" alt="wKiwi.de" title="wKiwi.de"></a>
<p>--------</p>
Dickes Danke an <a href="http://de.selfhtml.org/">selfhtml.org</a>
<p>--------</p>
<p>Paar gebräuchliche Links:</p>
<p><a href="http://forum.giga.de/forum/index.php?">Giga Community</a></p>
<p><a href="http://www.ebay.de/">Ebay</a></p>
<p><a href="http://www.google.de/">Google</a></p>
Alle Links finden Sie auch nochmal links in der Spalte unter dem Punkt Links
</th>
</tr>
</table>
</body>
</html>
Geschrieben von: Andreas 26.08.2005 - 8:59
Hi,
wenn Du Dich schon so dick bei SelfHTML bedankst, solltest Du dort aber bitte auch nachlesen 
In Deinem Quältext sind einige Bolzen drin, die SelfHTML so sicher nicht beschreibt. <div> innerhalb eines <a>, geschlossene </p> ohne <p>, Formatierung mit Tabellen und dann auch noch nicht besonders glücklich - wieso nimmst Du <th>?
Da macht das Suchen nach Fehlern echt gar keinen Sinn.
Grüße
Andreas
[nachtrag]Da war wieder einer schneller (und geduldiger )[/nachtrag]
Geschrieben von: Auge 26.08.2005 - 13:53
Hallo
<body style="background-image:url(STE_0128.JPG)">
Den <body> zweimal geöffnet?
<a> ist ein Inlineelement. Ein solches darf keine Blockelemente, wie es z.B. <div> ist, enthalten. Also: falsch geschachtelt.
<th>
________</p>
Wozu schließt du einen Absatz (<p>), den du nicht geöffnet hast?
<li><a href="AboutUs.html"><img src="AboutUs.png" width="100" height="18" border="0" alt=""></a><p></li>
Die hinter dem Link stehenden Absätze (<p>) sorgen dafür, dass die ersten beiden Links der Navigation einen größeren unteren Abstand haben als die folgenden Links. <p> ist ein Blockelement, dass zwingend eine neue Zeile eröffnet. Dies ist der Grund für den Rand, der dich stört.
<li><a href="Gästebuch.html"><img src="Gästebuch.png" width="100" height="18" border="0" alt=""></a></p></li>
<li><a href="Gallerie.html"><img src="Gallerie.png" width="100" height="18" border="0" alt=""></a></p></li>
Hier schließt du wieder Absätze, die du nicht geöffnet hast (</a></p></li>).
Davon abgesehen stehen deine Listenpunkte <li></li> einzeln im Raum. Sie sind nicht Bestandteil einer Liste, die mit <ul></ul> oder<ol></ol> definiert werden müsste.
<h2>www.4baum.de gemacht von Baum</p> </h2>
<h3>Viel Spaß beim Surfen:)</h3>
Auch hier wieder:
- nicht geöffnete Absätze geschlossen (in <h1></h1> und <h2></h2>)
Weiterhin:
- In den dafür interessanten Browsern werden Überschriften standardmäßig fett dargestellt. Es bedarf also keiner expliziten Angabe für die fette Darstellung (<b></b>) in einer Überschrift.
- Eine Überschrift ist bereits ein Blockelement und braucht kein weiteres Blockelement (hier <div></div>) innerhalb seiner, um den Inhalt der Überschrift auszurichten.
</p><a href="http://www.ekiwi.de/"><img src="www.wKiwi.de.gif" width="125" height="125" border="0" alt=""></a></p>
--------</p>
Dickes Danke an <a href="http://de.selfhtml.org/"> selfhtml.org</a></p>
--------</p>
Paar gebräuchliche Links:</p>
<a href="http://forum.giga.de/forum/index.php?">Giga Community</a></p>
<a href="http://www.ebay.de/">Ebay</a></p>
<a href="http://www.google.de/">Google</a></p>
Alle Links finden Sie auch nochmal links in der Spalte unter dem Punkt Links
Wiederum einen Haufen nicht geöffneter Absätze geschlossen.
Tschö, Auge
PS: Falls du nicht wissen solltest, was Inline- oder Blockelemente sind, oder was "falsch geschachtelt" bedeutet, vertiefe dich doch mal in http://de.selfhtml.org/, da steht 'ne Menge zu den Themen drin.
Geschrieben von: DerBaum 26.08.2005 - 19:39
Gut Danke für dir Antworten. 
ICh werde mich jetzt mal näher mit selfHTML beschäftigen.
Naja ich stehe ja noch am Anfang und dank euer Ratschläge, weiß ich, dass ich noch mal von vorne Anfnge und dabei Selfhtml lese
Aber noch mal zu der Frage.
THX schon mal
mfg DerBaum
Geschrieben von: Auge 27.08.2005 - 1:11
Aber noch mal zu der Frage.
Ja, du darfst. Wobei sich allerdings die Frage stellt, wozu die Links gut sein sollen. Du kannst davon ausgehen, dass so ziemlich jeder gerade die beiden namentlich genannten Seiten kennt. Die Links werden also niemandem wirklich weiterhelfen. Bei spezielleren Angeboten sieht das natürlich anders aus.
Tschö, Auge
Unterstützt von Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)