richtige Darstellung der HP, Seite wird nicht richtigangezeigt |
Willkommen, Gast ( Anmelden | Registrierung )
richtige Darstellung der HP, Seite wird nicht richtigangezeigt |
25.08.2005 - 18:05
Beitrag
#1
|
|
Rookie Gruppe: User Beiträge: 6 Mitglied seit: 25.08.2005 Mitglieds-Nr.: 5.381 |
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> |
|
|
25.08.2005 - 18:43
Beitrag
#2
|
|
is getting harder Gruppe: User Beiträge: 27 Mitglied seit: 28.06.2005 Mitglieds-Nr.: 5.236 |
-
Der Beitrag wurde von Mischdele bearbeitet: 05.12.2010 - 23:37 |
|
|
25.08.2005 - 19:48
Beitrag
#3
|
|
Rookie Gruppe: User Beiträge: 6 Mitglied seit: 25.08.2005 Mitglieds-Nr.: 5.381 |
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 Der Beitrag wurde von DerBaum bearbeitet: 25.08.2005 - 19:55 |
|
|
25.08.2005 - 20:14
Beitrag
#4
|
|
is getting harder Gruppe: User Beiträge: 27 Mitglied seit: 28.06.2005 Mitglieds-Nr.: 5.236 |
-
Der Beitrag wurde von Mischdele bearbeitet: 05.12.2010 - 23:37 |
|
|
25.08.2005 - 20:46
Beitrag
#5
|
|
Rookie Gruppe: User Beiträge: 6 Mitglied seit: 25.08.2005 Mitglieds-Nr.: 5.381 |
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 |
|
|
26.08.2005 - 8:55
Beitrag
#6
|
|
Weiss zuviel!! Gruppe: Mods Beiträge: 668 Mitglied seit: 19.04.2002 Wohnort: Grimmen Mitglieds-Nr.: 385 |
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 ... QUELLTEXT <!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" 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> |
|
|
26.08.2005 - 8:59
Beitrag
#7
|
|
____________________ Gruppe: Admin Beiträge: 1.220 Mitglied seit: 20.10.2001 Mitglieds-Nr.: 3 |
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] |
|
|
26.08.2005 - 13:53
Beitrag
#8
|
|
Anwärter auf W3.org Mitgliedschaft Gruppe: User Beiträge: 550 Mitglied seit: 28.11.2001 Wohnort: Berlin Friedrichshain Mitglieds-Nr.: 107 |
Hallo
ZITAT(DerBaum @ 25.08.2005 - 20:46) <body topmargin="20" leftmargin="60" text="#778899" link="#778899" vlink="#708090" alink="#FFFFFF"> <body style="background-image:url(STE_0128.JPG)"> Den <body> zweimal geöffnet? ZITAT(DerBaum @ 25.08.2005 - 20:46) <a href="Main.html"><div align="center"><img src="header.png" width="780" height="100" border="0" alt=""></div></a> <a> ist ein Inlineelement. Ein solches darf keine Blockelemente, wie es z.B. <div> ist, enthalten. Also: falsch geschachtelt. ZITAT(DerBaum @ 25.08.2005 - 20:46) <tr> <th> ________</p> Wozu schließt du einen Absatz (<p>), den du nicht geöffnet hast? ZITAT(DerBaum @ 25.08.2005 - 20:46) <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> 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. ZITAT(DerBaum @ 25.08.2005 - 20:46) <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> 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. ZITAT(DerBaum @ 25.08.2005 - 20:46) <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> 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. ZITAT(DerBaum @ 25.08.2005 - 20:46) 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 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 SELFHTML, da steht 'ne Menge zu den Themen drin. Der Beitrag wurde von Auge bearbeitet: 26.08.2005 - 13:54 |
|
|
26.08.2005 - 19:39
Beitrag
#9
|
|
Rookie Gruppe: User Beiträge: 6 Mitglied seit: 25.08.2005 Mitglieds-Nr.: 5.381 |
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 ZITAT 1. Darf ich einfach so Google oder Ebay oder Internet Shops verlinken , ohne zu Fragen? Aber noch mal zu der Frage. THX schon mal mfg DerBaum |
|
|
27.08.2005 - 1:11
Beitrag
#10
|
|
Anwärter auf W3.org Mitgliedschaft Gruppe: User Beiträge: 550 Mitglied seit: 28.11.2001 Wohnort: Berlin Friedrichshain Mitglieds-Nr.: 107 |
ZITAT(DerBaum @ 26.08.2005 - 19:39) ZITAT 1. Darf ich einfach so Google oder Ebay oder Internet Shops verlinken , ohne zu Fragen? 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 |
|
|
Google Bot |
Beitrag
#
|
Google Ads |
|
|
|
Vereinfachte Darstellung | Aktuelles Datum: 22.05.2024 - 19:35 |