Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.09.2010 um 16:30 (UTC)    
Titel: COOLMENU, HILFEEE

Hi!
Ich habe gerade das Coolmenu in meine Homepage eingefügt, jetzt sieht man zwar das Menü, doch den Rest der Seite nicht mehr wie er sein soll. Stattdessen sieht man den CSS-Text im Hintergrund! Ausgangsdesign ist das ICEBLUE!!!

Zitat:
->
</style>
<center>
<style type="text/css">
<!--

/* 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;
left: 50%;
top: 190px;
margin-left: -425px;
width: 850px; }

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

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(URL);
color: #000000; }

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

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

<!-- Anfang des Scriptes -->
<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>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2">Untermenü 1.2</a></li>
<li><a href="Unterlink 1.3">Untermenü 1.3</a></li>
<li><a href="Unterlink 1.4">Untermenü 1.4</a></li>
<li><a href="Unterlink 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
</div>
___________________________________________________________________________________________________________________________________________________________
___________________________________________________________________________________________________________________________________________________________
td.edit_below_nav{visibility:hidden;}
td.nav_heading{background-image:url(); background-color:#ffffff;}
td.edit_navi_headbg{background-image:url(); background-color:#ffffff;}
td.nav{background-image:url(http://img.webme.com/pic/r/rotateon/button.png); height:33px; width:185px; }
td.nav:hover{background-image:url(http://img.webme.com/pic/r/rotateon/button_hover.png); height:33px; width:185px;}
td.nav a{font-family:sans-serif,helvetica; font-style:italic; font-weight:medium; font-size:14px;}

td.edit_rechts_sbg{background-image:url(http://img.webme.com/pic/r/rotateon/helifriends.png); background-repeat: no-repeat;}

td.edit_content{background-image:url();background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/r/rotateon/middle_up.png); height: 17px; background-color:#ffffff;border: 0px solid #ffffff;}

td.edit_content_bottom{background-image:url(http://img.webme.com/pic/r/rotateon/middle_down.png); height: 15px; background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_content_bottom2{background-image:url(); background-color: #ffffff; height: 15px; background-color:#ffffff;border: 0px solid #ffffff;}

td.edit_content_left_spacer{background-image:url(http://img.webme.com/pic/r/rotateon/border_left.png); height:18px; width:18px;}
td.edit_content_right_spacer{background-image:url(http://img.webme.com/pic/r/rotateon/border_right.png); height:18px; width:18px;}

td.edit_rechts_cbg{background-image: url();}

body {background-image:url();background-color:#ffffff;background-attachment:fixed;border: 0px solid #ffffff;}


/* Titel über rechter Box */
td.sidebar_heading {
color: #FFFFFF;
font-size: 14px;
font-family: sans-serif,helvetica;
font-weight:bold;
font-style:italic;
text-decoration: underline;
text-align: left;
height: 16px;
background-color:#000000 ;
background-image: url(http://img.webme.com/pic/r/rotateon/right_up.png);
border: 0px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color: #111111;
font-size: 13px;
font-family: sans-serif,helvetica;
font-style:italic;
text-align: left;
height: 14px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/r/rotateon/right_middle.png);
background-repeat: repeat;
border: 0px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer {
height: 19px;
background-image: url(http://img.webme.com/pic/r/rotateon/right_down.png);}


/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color: transparent;
background-image: url();
border: 0px solid #000000; }
Beitrag14.12.2010 um 07:05 (UTC)    
Titel:

style endungen vergessen Laughing
Beitrag14.12.2010 um 12:55 (UTC)    
Titel:

kingpablo hat Folgendes geschrieben:
style endungen vergessen Laughing

Eventuell sollte Mr.Ich-Lach-Einfach-Mal auch den Fehler korrigeren, da sich die Person offensichtlich nicht mit CSS auskennt.

Code:
center>
<style type="text/css">
<!--

/* 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;
left: 50%;
top: 190px;
margin-left: -425px;
width: 850px; }

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

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(URL);
color: #000000; }

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

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

<!-- Anfang des Scriptes -->
<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>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2">Untermenü 1.2</a></li>
<li><a href="Unterlink 1.3">Untermenü 1.3</a></li>
<li><a href="Unterlink 1.4">Untermenü 1.4</a></li>
<li><a href="Unterlink 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
</div>

<style type="text/css">
td.edit_below_nav{visibility:hidden;}
td.nav_heading{background-image:url(); background-color:#ffffff;}
td.edit_navi_headbg{background-image:url(); background-color:#ffffff;}
td.nav{background-image:url(http://img.webme.com/pic/r/rotateon/button.png); height:33px; width:185px; }
td.nav:hover{background-image:url(http://img.webme.com/pic/r/rotateon/button_hover.png); height:33px; width:185px;}
td.nav a{font-family:sans-serif,helvetica; font-style:italic; font-weight:medium; font-size:14px;}

td.edit_rechts_sbg{background-image:url(http://img.webme.com/pic/r/rotateon/helifriends.png); background-repeat: no-repeat;}

td.edit_content{background-image:url();background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/r/rotateon/middle_up.png); height: 17px; background-color:#ffffff;border: 0px solid #ffffff;}

td.edit_content_bottom{background-image:url(http://img.webme.com/pic/r/rotateon/middle_down.png); height: 15px; background-color:#ffffff;border: 0px solid #ffffff;}
td.edit_content_bottom2{background-image:url(); background-color: #ffffff; height: 15px; background-color:#ffffff;border: 0px solid #ffffff;}

td.edit_content_left_spacer{background-image:url(http://img.webme.com/pic/r/rotateon/border_left.png); height:18px; width:18px;}
td.edit_content_right_spacer{background-image:url(http://img.webme.com/pic/r/rotateon/border_right.png); height:18px; width:18px;}

td.edit_rechts_cbg{background-image: url();}

body {background-image:url();background-color:#ffffff;background-attachment:fixed;border: 0px solid #ffffff;}


/* Titel über rechter Box */
td.sidebar_heading {
color: #FFFFFF;
font-size: 14px;
font-family: sans-serif,helvetica;
font-weight:bold;
font-style:italic;
text-decoration: underline;
text-align: left;
height: 16px;
background-color:#000000 ;
background-image: url(http://img.webme.com/pic/r/rotateon/right_up.png);
border: 0px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color: #111111;
font-size: 13px;
font-family: sans-serif,helvetica;
font-style:italic;
text-align: left;
height: 14px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/r/rotateon/right_middle.png);
background-repeat: repeat;
border: 0px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer {
height: 19px;
background-image: url(http://img.webme.com/pic/r/rotateon/right_down.png);}


/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color: transparent;
background-image: url();
border: 0px solid #000000; }
</style>


So sollte es funktionieren.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag14.12.2010 um 13:05 (UTC)    
Titel:

nutzt ja nichts, denn er hatte seine seite ja schon längst gelöscht.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beiträge der letzten Zeit anzeigen:   


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