Suche im Forum:
Suchen


Autor Nachricht
Beitrag10.05.2010 um 12:58 (UTC)    
Titel: CSS: Das "-->" oben im Design löschen?!

Hallo Liebe HPBK User, Mods und Pros.
Auf unser Website ist schon länger oben links folgendes : " //--> "
Leider wissen wir nicht wie das weggeht; oder was im Code falsch ist ich hoffe ihr könnt helfen.


Text über dem Design
Code:

<div id="content">
   <div><img src="http://img.webme.com/pic/t/team-crossfade/header_neu.jpg" alt="" /></div>



<div class="menu">
<li><a href="http://team-crossfade.de.tl/" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://team-crossfade.de.tl/Aktuelles.htm">Aktuelles</a></li>
</ul>
</li>
<li><a href="http://team-crossfade.de.tl/Laufbahn.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Laufbahn</a>
</li>
<li><a href="http://team-crossfade.de.tl/Unsere-Mixes.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Unsere Mixes</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://team-crossfade.de.tl/Mixes-von-Julian.htm">Mixes von Julian</a></li>
<li><a href="http://team-crossfade.de.tl/Mixes-von-Pat.htm">Mixes von Pat</a></li>
</ul>
</li>
<li><a href="http://team-crossfade.de.tl/Das-Team.htm" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Das Team</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://team-crossfade.de.tl/Unsere-Technik.htm">Unsere Technik</a></li>
<li><a href="http://team-crossfade.de.tl/Jobb.oe.rse.htm">Jobbörse</a></li>
</ul>
</li>
<li><a href="http://team-crossfade.de.tl/G.ae.stebuch.htm" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Gästebuch</a>
</li>
<li><a href="http://team-crossfade.de.tl/Weiteres.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Weiteres</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="http://team-crossfade.de.tl/Sponsoring.htm">Sponsoring</a></li>
<li><a href="http://team-crossfade.de.tl/Links.htm">Links</a></li>
<li><a href="http://team-crossfade.de.tl/Termine.htm">Termine</a></li>
<li><a href="http://team-crossfade.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://team-crossfade.de.tl/How-To.htm">How To</a></li>
</ul>
</li>
</div>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
</script>


Text unter dem Design :

Code:

<p style="text-align: center;"><span style="color: rgb(255, 0, 0);">This Wesbite is Copyrighted by Team Crossfade.</span></p><p


CSS - Code ohne Styletags :
Code:

body {
   background: #000000 url() repeat-x;               
   text-align: justify;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: small;
   color: #000099 ;
}

h1 {
}

h2, h3 {
   margin-top: 0px;
}

h4, h5, h6 {
}

p, ol, ul, dl, blockquote {
}

a {
   color: #FF9900 ;
}

a:hover {
   text-decoration: none;
}

#header {
   width: 840px;
   height: 45px;
   margin: 0px auto;
}

#header h1 {
   float: left;
   margin: 0px;
   padding-top: 0px;
   font-size: 42px;
   letter-spacing: -2px;
}

#header h2 {
   float: right;
   margin: 10px 0px 0px 0px;
   padding-top: 28px;
   font-size: 16px;
   letter-spacing: -1px;
   color: #FFFFFF;
}

#header a {
   text-decoration: none;
   color: #FFFFFF;
}

}

#menu {
   width: 600px;
   height: 30px;
   margin: 0px auto;
}

#menu ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   width: 120px;                              
   padding: 5px 0px;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   background: #EEEEEE;                           
}

#menu a:hover {
   background: #CCCCCC;                           
}

#content {
   background: #FFFFFF;
   width: 840px;
   margin: 0px auto;
   padding: 2px 0px 0px 0px;
}

#spalte1 {
   float: right;
   width: 360px;
   margin-top: 20px;
   padding-right: 20px;
}

#spalte2 {
   float: left;
   width: 180px;
   margin-top: 20px;
   padding-right: 20px;
   padding-left: 20px;
}

#spalte2 ul {
   margin-left: 0px;
   padding-left: 0px;
   list-style-position: inside;
}

#content h2 {
   background-color: #000000;
   padding: 5px 0px 5px 5px;
   text-transform: uppercase;
   font-size: 16px;
   color: #FFFFFF;
}

#content h3 {
   color: #2F73B8;
}

#footer {
   width: 840px;
   margin: 0px auto;
   padding: 3px 0px 0px 0px;
   height: 50px;
   background: #EEEEEE;
}

#footer p {
   margin: 0px;
   padding-top: 15px;
   text-align: center;
   font-size: 11px;
   color: #999999;
}

#footer a {
   color: #666666;
}

#footer a:hover {
   color: #333333;
}


<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
width: 840px;   
height: 30px;
margin: 0px auto;}

/* Breite der Menüpunkte einstellen */
.menu li {
width: 140px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/t/team-crossfade/button1.1.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px auto;
display: block;
height: 23px;
color: #ff9000; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/t/team-crossfade/button1.2.jpg);
color: #ff9000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
font-size: 14px;
display: none;
width: 140px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }


</style>
<style type="text/css">
<!--
#nav_container{display:none;}
-->
</style>

<style>
td[height="102"]{position:absolute;left:50%;margin-left:-376px;width: 752px;}
</style>

<style>
#nav_heading{display: none;}
#nav_container {display: none;}
li.nav_element a{display: none;}
li.nav_element a:hover{display: none;}
</style>


Lass euch nicht verwirren. In den Code's stehen viele nichtaktive Sachen drin. Sie stammen aus einer alten Version der Homepage und wir kamen noch nicht dazu genau zu schauen welches wir rausmachen können.
Dr. Faulheit lässt grüßen ^^

Mit freundlichen Grüßen

Euer Team Crossfade


Zuletzt bearbeitet von team-crossfade am 10.05.2010, 15:43, insgesamt einmal bearbeitet
Beitrag10.05.2010 um 14:39 (UTC)    
Titel:

Warum hast Du in dem Feld "CSS - Ohne style-Tags" die <style> Tags drinnen (ganz unzen)? Das könnte der Fehler sein..
Beitrag10.05.2010 um 14:42 (UTC)    
Titel:

Hallo,
du musst beim feld "CSS Code ohne Style Tags" folgenden Code eingeben:
(den anderen komplett löschen)
Zitat:
body {
background: #000000 url() repeat-x;
text-align: justify;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: small;
color: #000099 ;
}

h1 {
}

h2, h3 {
margin-top: 0px;
}

h4, h5, h6 {
}

p, ol, ul, dl, blockquote {
}

a {
color: #FF9900 ;
}

a:hover {
text-decoration: none;
}

#header {
width: 840px;
height: 45px;
margin: 0px auto;
}

#header h1 {
float: left;
margin: 0px;
padding-top: 0px;
font-size: 42px;
letter-spacing: -2px;
}

#header h2 {
float: right;
margin: 10px 0px 0px 0px;
padding-top: 28px;
font-size: 16px;
letter-spacing: -1px;
color: #FFFFFF;
}

#header a {
text-decoration: none;
color: #FFFFFF;
}

}

#menu {
width: 600px;
height: 30px;
margin: 0px auto;
}

#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
width: 120px;
padding: 5px 0px;
text-align: center;
text-decoration: none;
font-weight: bold;
background: #EEEEEE;
}

#menu a:hover {
background: #CCCCCC;
}

#content {
background: #FFFFFF;
width: 840px;
margin: 0px auto;
padding: 2px 0px 0px 0px;
}

#spalte1 {
float: right;
width: 360px;
margin-top: 20px;
padding-right: 20px;
}

#spalte2 {
float: left;
width: 180px;
margin-top: 20px;
padding-right: 20px;
padding-left: 20px;
}

#spalte2 ul {
margin-left: 0px;
padding-left: 0px;
list-style-position: inside;
}

#content h2 {
background-color: #000000;
padding: 5px 0px 5px 5px;
text-transform: uppercase;
font-size: 16px;
color: #FFFFFF;
}

#content h3 {
color: #2F73B8;
}

#footer {
width: 840px;
margin: 0px auto;
padding: 3px 0px 0px 0px;
height: 50px;
background: #EEEEEE;
}

#footer p {
margin: 0px;
padding-top: 15px;
text-align: center;
font-size: 11px;
color: #999999;
}

#footer a {
color: #666666;
}

#footer a:hover {
color: #333333;
}


<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
width: 840px;
height: 30px;
margin: 0px auto;}

/* Breite der Menüpunkte einstellen */
.menu li {
width: 140px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/t/team-crossfade/button1.1.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px auto;
display: block;
height: 23px;
color: #ff9000; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/t/team-crossfade/button1.2.jpg);
color: #ff9000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
font-size: 14px;
display: none;
width: 140px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }

#nav_container{display:none;}
td[height="102"]{position:absolute;left:50%;margin-left:-376px;width: 752px;}
#nav_heading{display: none;}
#nav_container {display: none;}
li.nav_element a{display: none;}
li.nav_element a:hover{display: none;}
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag12.05.2010 um 16:18 (UTC)    
Titel:

skinman hat Folgendes geschrieben:
Warum hast Du in dem Feld "CSS - Ohne style-Tags" die <style> Tags drinnen (ganz unzen)? Das könnte der Fehler sein..


weil das ohne erst nicht funktioniert hatte. und ich eins script für firefox und eins für den internet explorer brauchte.

@bielefeld danke für antwort hat super geklappt Wink
Beitrag13.05.2010 um 19:15 (UTC)    
Titel: Die...

Die <!-- bedeuten einfach nur, das das Script anfängt und aufhört. So würd' ich es zumindest Anfängern eklären Cool


Liebe Grüße
BaukastenAktuell
Beiträge der letzten Zeit anzeigen:   


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