|
|
Hallo,
ich bekomme die Seite http://hpohnen.hp.funpic.de/seiten/ueber_mich.php nicht valide.
Seite bei Validome:
http://www.validome.org/validate/?uri=http://hpohnen.hp.funpic.de/seiten/ueber_mich.php
Könnt ihr mir bitte helfen?
(Ich hab nicht die allerbesten HTML/CSS Kentnisse)
Vielen Dank
Gruß
Beitrag geändert von USer_ohne_Namen (14.04.2007 13:48:22)
|
|
| 13.04.2007 22:00:23 |
|
HTMELL
Administrator
Registriert: 11.05.2006
Beiträge: 544
|
|
|
| 13.04.2007 22:37:21 |
|
|
|
Danke für die Antwort.
Habe das <a>Tag durch <div> ersetzt.
Doch dort ist "href" nicht erlaubt.
Welches Tag muss ich nehmen?
Gruß
|
|
| 13.04.2007 22:47:10 |
|
|
|
Könnte mir jmd. sagen, wie ich das richtig mache? Der Link soll für den kompletten div-Bereich gelten - also nicht nur für den Text selber.
Hier mein jetziger Code:
<a href="/seiten/ueber_mich/steckbrief.php"><div class="kasten">
<h3 align="center" class="u">Steckbrief</h3>
<p>Die wichtigsten Infos über mich als kurze Zusammenfassung.</p>
</div></a>
Vielen Dank
Gruß
|
|
| 13.04.2007 23:03:37 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Hi
Probier's mal so (Beispiel, ungetestet):
Code:
<a style="display:block;width:200px;height:200px;" href="/seiten/ueber_mich/steckbrief.php"><span class="u">Steckbrief</span><br />
Die wichtigsten Infos über mich als kurze Zusammenfassung.</a> |
Den Rest musst Du Dir halt noch zusammenfriemeln.
Nicht alles was gut aussieht, ist auch valide. ;)
Viel Spaß noch...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 14.04.2007 00:00:31 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
|
|
Danke, habe es etwas abgeändert.
Es ist jetzt HTML 4.01 valide.
Ich möchte aber die Überschrift ("Steckbrief") mit <h3>Überschrift</h3> formatieren und eine neue Zeile beginnen, so wie beim nicht validen Teil der Seite -> http://hpohnen.hp.funpic.de/seiten/ueber_mich.php
Wie kann ich das machen? Also <h3> und neue Zeile.
Gruß und vielen Dank!!
|
|
| 14.04.2007 12:04:42 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Regulär darf in einem Inline-Element (z.B. a) kein Block-Element (z.B. h3) stehen.
Aber Du kannst dem span alle visuellen Eigenschaften einer h3 vergeben.
Viel Spaß noch...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 14.04.2007 12:41:52 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
|
|
Danke. Ich habe glaub' verstanden, was du meinst.
Trotzdem habe ich noch 2 Probleme:
> Ich weiß nicht, wie ich den <span>...</span> Bereich zentriere (horizontal)
> Ich bekomme keinen validen Zeilenwechsel hin (<br /> geht nicht; <p>...</p> auch nicht)
Hier die Codes:
Code:
<a class="kasten" href="/seiten/ueber_mich/steckbrief.php"><span class="title">Steckbrief</span>
Die wichtigsten Infos über mich als kurze Zusammenfassung. -VALIDE-</a> |
und
Code:
.title {text-decoration:none; font-size:15px; font-weight:bold; text-align:center} |
Gruß
Beitrag geändert von USer_ohne_Namen (14.04.2007 13:45:07)
|
|
| 14.04.2007 13:42:38 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Titel</title>
<style type="text/css">
/*<![CDATA[*/
a {display:block;width:200px;height:200px;text-decoration:none;border:1px solid #000;font-size:15px;}
.title {display:block;text-decoration:none;font-size:15px;font-weight:bold;text-align:center;}
/*]]>*/
</style>
</head>
<body>
<a class="kasten" href=""><span class="title">Steckbrief</span><br /><br />
Die wichtigsten Infos über mich als kurze Zusammenfassung.</a>
</body>
</html> |
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 14.04.2007 15:40:56 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
|
|
Danke! Funktioniert aber leider nicht:
Parse error: syntax error, unexpected T_STRING in /usr/export/www/vhosts/funnetwork/hosting/hpohnen/seiten/ueber_mich.php on line 1
Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Homepage ohne Namen: Über mich</title>
<style type="text/css">
/*<![CDATA[*/
a {display:block;width:200px;height:200px;text-decoration:none;border:1px solid #000;font-size:15px;}
.title {display:block;text-decoration:none;font-size:15px;font-weight:bold;text-align:center;}
/*]]>*/
</style>
</head>
<body>
<div id="kopfzeile">
<?php include ("../elemente/kopfzeile.htm") ?>
</div>
<div id="menutop">
<?php include("../elemente/menutop.htm") ?>
</div>
<div id="ort">
> <a href="/index.php">Home</a> > <a href="/seiten/ueber_mich.php">Über mich</a>
</div>
<div id="inhalt">
<?php include ("../inhalte/ueber_mich.htm") ?>
</div>
<div id="footer">
<?php include("../elemente/footer.htm") ?>
</div>
</body>
</html> |
- -
Datei ueber_mich.htm, welche includiert wird:
Code:
<a class="kasten" href=""><span class="title">Steckbrief</span><br /><br />
Die wichtigsten Infos über mich als kurze Zusammenfassung.</a> |
Wo liegt der Fehler? Offensichtlich in der Zeile 1...
Gruß
|
|
| 14.04.2007 17:28:07 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Ja, ist klar! Der Parser des Browsers "denkt" bei der Zeichenkette <? erstmal: "Oh, da kommt ein PHP-Block".
Er gibt dann natürlich einen Error aus, weil dies nicht der Fall ist.
Um das abzufangen bitte folgendes machen:
Code:
<?php echo '<?xml version="1.0" encoding="ISO-8859-1"?>'."\n";?> |
Alternativ kannst Du auch den XML-Prolog weglassen.
Ist leider oftmals sinnvoll, da der IE6 dadurch fälschlicherweise in den Quirks-Mode wechselt.
Viel Spaß noch...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 14.04.2007 20:07:08 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
|
|
Ich bekomm's leider nicht so ganz hin.
Hab mal ne Testseite [url=http://hpohnen.hp.funpic.de/seiten/ich/ich.php]Testseite[/ur] angelegt.
Nochmal den Quellcode:
Code:
<?php echo '<?xml version="1.0" encoding="ISO-8859-1"?>'."\n";?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Homepage ohne Namen: Über mich TEST</title>
<style type="text/css">
/*<![CDATA[*/
a {width:200px; height:200px; text-decoration:none; font-size:12px;}
.title {display:block;text-decoration:none;font-size:15px;font-weight:bold;text-align:center;}
/*]]>*/
</style>
<link rel="stylesheet" type="text/css" href="../../elemente/style.css">
</head>
<body>
<div id="kopfzeile">
<?php include ("../../elemente/kopfzeile.htm") ?>
</div>
<div id="menutop">
<?php include("../../elemente/menutop.htm") ?>
</div>
<div id="ort">
> <a href="/index.php">Home</a></div>
<div id="inhalt">
<a class="kasten" href="/seiten/ueber_mich/steckbrief.php"><span class="title">Steckbrief</span><br /><br />
Die wichtigsten Infos über mich als kurze Zusammenfassung.</a>
</div>
<div id="footer">
<?php include("../../elemente/footer.htm") ?>
</div>
</body>
</html> |
Ich glaube ich habe die http://hpohnen.hp.funpic.de/elemente/style.css (externe CSS-Seite) falsch eingebunden.
Außerdem wird die Schriftgröße im <div> "ort" nicht beachtet.
Wie könnt ich das geschickter machen?
Vielen Dank für die Geduld!!!
Gruß
|
|
| 14.04.2007 21:37:20 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Die CSS ist korrekt eingebunden.
Das Problem ist definitiv "ort"!
Du hast zwar das div "ort" mit Eigenschaften versehen, die auch soweit stimmig sind, aber das a-Tag darin wird dadurch nicht mit einbezogen, weil nur das > angesprochen wird.
Das a-Tag innerhalb von "ort" bleibt daher 'unberührt'.
Du musst dem a-Tag eine eigene Klasse oder ID vergeben.
Viel Spaß noch...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 14.04.2007 22:01:19 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
|
|
Ich bekomme es nicht ganz hin (mit der Schriftgröße bei "ort").
ich habe es definiert, weiß aber nicht ganz genau, wie ich es dann dort "einfügen" soll.
Mit <.... id="wo"> geht es zwar, aber das id-Tag darf man ja leider nur einmal verwenden.
Mit <.... class="wo"> funktioniert es garnicht erst.
- - - - - -
Und es gibt noch einen kleinen Schönheitsfehler:
Im Firefox wird die Überschrift beim Mouseover doppelt / fett unterstrichen.
Habe bereits
Code:
.title:hover {text-decoration:none} |
versucht.
Leider wieder ohne Erfolg.
- - - - - -
Die externe Stylsheetseite ist scheinbar doch falsch eingebunden (laut Validome.org):
Code:
<link rel="stylesheet" type="text/css" href="../../elemente/style.css"> |
Vielen Dank
Gruß
|
|
| 15.04.2007 18:44:10 |
|
|
|
Einen Fehler habe ich gefunden. Wenn man id= nimmt muss im Stylsheet ein # vor dem Namen sein, bei class= ein . (<- Punkt).
Jetzt ist nur noch zu bemängelnd, dass im Firefox die Überschrift zweichfach / dicke Linie unterstrichen wird und die externe Stylsheet angeblich falsch eingebunden ist (Fehlermeldung s.u.)
Bitte helft mir.
Gruß
Meldung Validome.org:
Zeile 6 Spalte: 1
Fehler: Schließendes link-Tag wurde nicht gefunden, obwohl dies zwingend notwendig ist.
Fehlerstelle:
<link rel="stylesheet" type="text/css" href="../../elemente/style.css">
Beitrag geändert von USer_ohne_Namen (19.04.2007 15:02:20)
|
|
| 19.04.2007 14:03:26 |
|
HTMELL
Administrator
Registriert: 11.05.2006
Beiträge: 544
|
|
Hallo,
ich kann bei http://hpohnen.hp.funpic.de nichts doppelt unterstrichen entdecken - wo soll das sein ?
Das link-Element musst du folgendermaßen schreiben:
<link rel="stylesheet" type="text/css" href="../../elemente/style.css" />
_______________________________________
mfg
Thomas Mell
www.validome.org
|
|
| 19.04.2007 15:31:11 |
|
|
|
Danke, dass mit dem Stylesheet hat funktioniert!
| ich kann bei http://hpohnen.hp.funpic.de nichts doppelt unterstrichen entdecken - wo soll das sein ? |
http://hpohnen.hp.funpic.de/seiten/ich/ich.php (<- Link will sich nicht formatieren lassen)
Ich habe mich vielleicht etwas missverständlich ausgedrückt. Ich meine nicht doppelt unterstrichen, sondern der Strich unter der Überschrift (Steckbrief) ist dicker. Das tritt aber nur bei Firefox auf (nicht im IE).
Gruß
Beitrag geändert von USer_ohne_Namen (19.04.2007 15:57:05)
|
|
| 19.04.2007 15:54:59 |
|
|
|
Problem besteht immer noch. Ich hoffe auf Antworten.
Vielen Dank
Gruß
|
|
| 24.04.2007 14:34:47 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
