Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag18.04.2013 um 16:09 (UTC)    
Titel: [noch offen] Validationstest nicht bestanden.....

Hallo,
Heute hab ich mal versucht mit einem Validationstest meine Hp auf Fehler zu checken, hab auch viel gefunden und konnte auch das Meiste richtigstellen.Will ich aber zB. [<style type="text/css">] wie mir beim Test empfohlen wird aus dem Quelltext rausnehmen , zerplückt es mir die Grafik. Was mach ich denn da falsch , oder ist es vielleicht gar nicht Möglich diesen Test Fehlerfrei zu bestehen? Wäre echt lieb wenn da mal einer schauen könnte...
Hier der Code:
Zitat:
<style type="text/css">
a.info1 {
text-decoration: underline;
border-bottom: none;
}
a.info1:hover {
cursor: pointer;
background: #808080;
}
a.info1 span {
visibility: hidden;
position: absolute;
left: -99em;
text-decoration: none;

margin-top: 30px;
padding:-200px;
line-height: 0px;
text-align:left;
letter-spacing: 0.1px;
}
a.info1:hover span {
visibility: visible;
border:1px solid #808080;
color:white;
background:black;
margin-left:-25px;
padding:7px;
left: auto;
}

.boxshadow {
display: inline-block;
line-height: 0px;
-moz-box-shadow: 3px 4px 6px #6e6e6e;
-webkit-box-shadow: 3px 4px 6px #888888;
-khtml-box-shadow: 3px 4px 6px #888888;
box-shadow: 3px 4px 6px #6e6e6e;
}
</style>
<!--[if IE]>
<style type="text/css">
.boxshadow {
line-height: 0px;
filter:DropShadow(color=#6e6e6e, offx=3, offy=3);
filter:progid:DXImageTransform.Microsoft.Shadow
(color=#888888, Direction=135, Strength=6); /* IE6-7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow
(color=#888888, Direction=135, Strength=6)"; /* IE8 */
}
</style>
<![endif]-->



<div class="templatemo_container"><!-- Free Website Template by www.TemplateMo.com -->
<div id="templatemo_header">
<div id="templatemo_menu_section">



<ul>
<li><a class="info1" href="http://longplaysapereau.de.tl/">Home<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Startseite</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/News.htm">News<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Neuigkeiten</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Bio.htm#">Bio<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Geschichte</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Music.htm">Music<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Musik</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Selfmade.htm">Selfmade<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Selbstgemachtes</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Links.htm">Links<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Liste mit Hyperlinks</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Thanks.htm">Thanks<span>
<img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Danke!!!</span>
</a></li>

</ul>
</div>
</div>
<div id="templatemo_content_area">
<div id="templatemo_left">
<div class="templatemo_left_section_box">
<div class="templatemo_left_section_box_top">
<h1></h1>
</div>
<div class="templatemo_left_section_box_mid">




<p>

<div style="width: 190px; height: 230px; display: inline-block;" class="flip">
<div class="rotate y">
<img alt="" src="http://img.webme.com/pic/l/longplaysapereau/about5.jpg" />
<img alt="" src="http://img.webme.com/pic/l/longplaysapereau/box5d.jpg" />
</div>

</div>
<style type="text/css">

div.flip{
position:relative;
width: 200px;
height: 200px;
-webkit-perspective: 200px;
-moz-perspective: 200px;
-o-perspective: 200px;
perspective: 200px;
}


div.flip div.rotate{
width: 100%;
height: 100%;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-moz-transition: all 0.6s ease-in-out 0.3s;
-webkit-transition: all 0.6s ease-in-out 0.3s;
-o-transition: all 0.6s ease-in-out 0.3s;
transition: all 0.6s ease-in-out 0.3s;
}

div.flip div.rotate > *{
position:absolute;
width: 100%;
height: 100%;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}

div.flip div.rotate > div{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
background: #eee;
}


div.rotate.y *:nth-child(2){
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}


div.flip:hover > div.rotate.y{
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}

</style> <br />
</p>
<img src="http://img.webme.com/pic/l/longplaysapereau/a69f.png" alt="" />
<br/>
<h1></h1>

<p>
<br/>
<a class="info1" href="http://longplaysapereau.de.tl/Pic-h-s-1.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/pics1b.png" alt="Banner" width="190" height="30"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Bilder</span>
</a></p>
<p><a class="info1" href="http://longplaysapereau.de.tl/Pic-h-s-2.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/pics2b.png" alt="Banner" width="190" height="30"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> noch mehr Bilder</span>
</a></p>
<p><a class="info1" href="http://longplaysapereau.de.tl/Pic-h-s-3.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/pics3b.png" alt="Banner" width="190" height="30"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> und so weiter...</span>
</a></p>
<p><a class="info1" href="http://longplaysapereau.de.tl/Pic-h-s-4.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/pics4b.png" alt="Banner" width="190" height="30"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> und so weiter...</span>
</a></p>
<br />
<p><a href="http://validator.w3.org/check?uri=referer">
</a></p>
</div>
<div class="templatemo_left_section_box_bottom"> </div>
</div>
</div>
<!-- End Of left -->
<div id="templatemo_middle">
<div class="templatemo_middle_section_box">
<div class="templatemo_middle_section_box_top">
<h1> </h1>
</div>
<div class="templatemo_middle_section_box_mid">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<p class="bottom_padding"> </p>
<p class="bottom_padding"> </p>
</div>
<div class="templatemo_middle_section_box_bottom"> </div>
</div>
</div>
<!-- End Of middle -->
<div id="templatemo_right">
<div class="templatemo_right_section_box">
<div class="templatemo_right_section_box_top">
<img src="http://img.webme.com/pic/l/longplaysapereau/otherheader1.png" alt="" />
<h1></h1>
</div>
<div class="templatemo_right_section_box_mid">


<ul>
<li><a class="info1" href="http://longplaysapereau.de.tl/Recommendations.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/recommendations.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Empfehlungen</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Zitate%2CSpr.ue.che-%26-Witze.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/quotations1.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Zitate, Sprüche &amp Witze</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Kreuzwortr.ae.tsel.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/crosswordpuzzle1.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Kreuzworträtsel</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Games.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/games.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Spiele</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Berlin_Weather.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/weather.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Wetter in Berlin</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Map.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/map.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Karte</span>
</a></li>
<li><a class="info1" href="http://longplaysapereau.de.tl/Impressum.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/imprint1.png" alt="Banner" width="220" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Impressum</span>
</a></li>

</ul>
</div>
<div class="templatemo_right_section_box_bottom"> </div>
</div>
<div class="templatemo_right_section_box">
<div class="templatemo_right_section_box_top">
<img src="http://img.webme.com/pic/l/longplaysapereau/guestheader1.png" alt="" />
<h1></h1>

</div>
<div class="templatemo_right_section_box_mid">

<img src="http://img.webme.com/pic/l/longplaysapereau/longplaysapereheartbeat2.gif" alt="" align="right" width="80" height="235"/>
<ul>


<li><a target="_blank" href="http://www.ipfoo.de" title="Wie ist meine IP?">
<img src="http://www.ipfoo.de/buttons/button-125x125-ipfoo_1.png" width="125" height="125" alt="Wie ist meine IP?" title="Wie ist meine IP?" /></a></li>

<li><a href="" target="_blank"><img src="http://www.directcounter.de/dc/?uid=443829897" border="0" width="125"
height="16" alt=""/></a><br />
<a class="info1" href="http://www.directcounter.de/stats/443829897.htm" target="_blank">
<img src="http://img.webme.com/pic/l/longplaysapereau/statistics.png" alt="Banner" width="125" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Statistik</span>
</a></li>

<li><a class="info1" href="http://longplaysapereau.de.tl/Contact.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/contact.png" alt="Banner" width="125" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Kontakt</span>
</a></li>

<li><a class="info1" href="http://longplaysapereau.de.tl/Guestbook.htm">
<img src="http://img.webme.com/pic/l/longplaysapereau/guestbook.png" alt="Banner" width="125" height="20"/>
<span><img src="http://img.webme.com/pic/l/longplaysapereau/germany_flag_icon.png" alt="" /> Gästebuch</span>
</a></li>
</ul>
</div>
<div class="templatemo_right_section_box_bottom"> </div>
</div>
</div>
<!-- End Of right -->
<div class="cleaner"> </div>
</div>
<!-- End Of content area --></div>
<!-- End Of container -->
<div id="templatemo_bottom_bg">
<div class="templatemo_container">
<div id="templatemo_footer">
<div class="templatemo_footer_section"><a href="http://longplaysapereau.de.tl/">Home</a> | <a

href="http://longplaysapereau.de.tl/News.htm">News</a> | <a href="http://longplaysapereau.de.tl/Bio.htm#">Bio</a> | <a

href="http://longplaysapereau.de.tl/Music.htm">Music</a> | <a href="http://longplaysapereau.de.tl/Selfmade.htm">Selfmade</a>

| <a href="http://longplaysapereau.de.tl/Links.htm">Links</a> | <a

href="http://longplaysapereau.de.tl/Thanks.htm">Thanks</a></div>
<div class="templatemo_footer_section">Copyright © 2013 <a href="http://longplaysapereau.de.tl/Contact.htm">Michael

Maihöfer</a> | Designed by <a

href="http://www.templatemo.com" target="_parent">Free CSS Templates</a> | Coding by <a href="http://HpBk-

TemplateWorld.de.tl">HpBk-TemplateWorld</a></div>
</div>
</div>
</div>
<!-- Free Web Templates from TemplateMo.com -->


mfG,Michael

Edit by MatsK: BB-Codes eingefügt.


Zuletzt bearbeitet von Longplaysapereau am 19.04.2013, 10:40, insgesamt 2-mal bearbeitet
Beitrag19.04.2013 um 09:51 (UTC)    
Titel:

Hallo,
ich habe soeben einmal deine Webseitevom Validator überprüfen lassen. Das Problem besteht dadrin, dass deine <style type="text/css"> Bereiche sich im Body-Bereich befinden. Alle Style angaben müssen im Head-Bereich stehen, damit du durch den Validatortest fehlerfrei durchkommst. Eigentlich haben wir hier im Baukasten aber kein Zugriff auf den Head-Bereich. Lediglich das Feld "CSS ohne Style-Tags" inseriert den Code innerhalb des Head-Bereichs. Daher kannst du, wenn du folgenden Code einfügst, auch auf den Head-Bereich deines HTML Dokumentes zugreifen.

Zitat:
</style>
Hier kommen deine Angaben hinein, die in den Head-Bereich müssen
<style type="text/css">


Warum das ganze? Normalerweise sieht es wie folgt aus:


Zitat:
<style type="text/css">
Dein CSS-Code
</style>


Durch den Code sieht es nun so aus:

Zitat:
<style type="text/css">
Dein CSS-Code
</style>
Deine sonstiges Angaben für den Head-Bereich
<style type="text/css">

</style>


Ich hoffe, dass das nachzuvollziehen und verständlich war.

Beste Grüße,
Mats
Beitrag19.04.2013 um 10:51 (UTC)    
Titel: Danke!!!

Vielen Dank lieber Mats,
Jetzt hast Du mir hier schon ein zweites Mal geholfen,zwar sehe ich noch nicht ganz durch wie das ganze funkt aber ich nähere mich dem Ganzen langsam und verstehe das Bestimmt auch bald.
Also vielen Dank für Deinen Suuuper Support und die Zeit die Du für mich investieren mußtest.
mfG,Michael
Beitrag19.04.2013 um 20:00 (UTC)    
Titel:

Kein Problem, gerne Smile. Falls du noch Fragen hast, einfach her damit Smile.

Beste Grüße,
Mats
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de