Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.01.2010 um 19:57 (UTC)    
Titel: Frage zur Navi leiste

Hallo liebe Homepage-Baukasten Mitglieder,

ich hab da n Probelm. Es handelt sich darum das ich mir zur Zeit ein neues Design zuleg.
Das Problem ist , wenn ich Unterpunkte einfüge kommen diese auf der Website neben der Hauptseite und nicht unter der Hauptseite (also aufgelistet nach unten) an

Ich hoffe wirklich ihr könnt mir helfen, hier mein Code:

Code:

<div id="Dein_Design"></div><style type="text/css"><!-- /* Copyright by www.designvorlage.de.tl */  div.header {display: none;} #extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;}   body { background-image:url(http://img.webme.com/pic/d/dngrecords/hintergrund.gif); font-family: arial,verdana; font-size:12px; color:#ffffff;}   div{ font-family: arial,verdana; font-size:12px; color:#000000;} content farbe   a{ color:#000000; font-size: 25px; text-decoration: none;}   a:hover { color:#000080; font-size: 25px; text-decoration: none;}   a:link { color: #000080; font-size: 12px; text-decoration: none;}   a:active { color:#000080; font-size: 12px; text-decoration: none;}   
a:visited { color:#000080; font-size: 15px; text-decoration: none;}   #Dein_Design { position: absolute; left: 50%; margin-left:-642px; width: 1280px; height: 1024px; background-image:url(http://www.dngrecords.bplaced.net/filemanager/Sonstiges/home.png); background-repeat: no-repeat;}   #content{ position: absolute; left: 50%; top: 365px; margin-left:-355px; width: 716px; height: 615px; color: #7fff00; background-image:url(); background-repeat: no-repeat; border: 0px solid #000000; overflow: auto;}   #sidebar_container {display: none;}   #nav_container {font-weight: bold;font-size: 12px; color:#2ba6f9; position:relative; left: 50%; top: 195px; margin-left:-380px; width:718px; height: 35px;  background-image: url();}   #nav_heading { background-color: ; width:2px; height:33px; display:inline; float:left; margin:0px;}   ul#nav {list-style-type:none; margin: 0; padding: 8px 0 0 0; height:35px; background-image: url(); background-repeat:no-repeat; display:inline;}   * html ul#nav { top: -1px;}   #nav li {display: block; float: left; height: 35px; background-image: url(); background-repeat: no-repeat; margin: 8px 0 0 0; padding: 8px 0 0 0;}   * html #nav li { margin-top: -7px; padding-top: 7px; } #nav a:link, #nav a:visited, #nav a:hover { font-family:Arial, Helvetica, Verdana, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:white; margin:0 20px; z-index:2; } * html #nav a:link, * html #nav a:visited, * html #nav a:hover { position:relative; top: 1px; } #nav a:hover { color:#ffcc00; }   a{ color:#000000; text-decoration: none; font-size:13px;}   a:hover { color: #ffffff !important; font-size: 13px; text-decoration: underline;}   a:link { color: #xxxxxx !important; font-size: 13px; text-decoration: none;}   a:active { color: #ffffff; font-size: 13px; text-decoration: none;}   a:visited { color: #4A9AF6; font-size: 13px; text-decoration: none;}    #counter {display: none;}   li.nav_element{ list-style-type: none; border: 0px; width: 89,5px; height: 31px; text-align: center;}   li.nav_element a{ display: block; width: 89,5px; height: 31px; margin: 0px; color: #ff0000; font-weight: bold; text-decoration: none; background-color: #xxxxxx; background-image: url(); background-repeat: no-repeat; padding-left: 0px; border: 1px solid #xxxxxx;}   li.nav_element a:hover{ display: block; color: black; font-weight: bold; text-decoration: none; background-color:#xxxxxx; background-image: url(); background-repeat: no-repeat; border: 1px solid #xxxxxx;} -->
td[height="102"]{position:absolute;left:50%;margin-left:-365px;width: 752px;}(Werbung)
</style><script language="JavaScript" src="http://js.stats.de/j/0000088989"></script> <script
language="JavaScript">rapidstats(88989);</script><noscript><a href="http://www.stats.de" target="_blank"> <img src="http://srv1.stats.de/l/0000088989?js=0" border="0" alt=""></a></noscript>



Vielen Dank im Voraus
Beitrag03.01.2010 um 00:23 (UTC)    
Titel:

Hi,
dann würde ich mal alles, was irgentwie mit der Navigation zu tun hat löschen.
Das ganze dann durch ein Coolmenü ersetzen.

CSS-Code ohne Style-Tags hat Folgendes geschrieben:
<!-- /* Copyright by www.designvorlage.de.tl */

#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#sidebar_container {display: none;}
#nav_container {display: none;}
#counter {display: none;}

body {
background-image:url(http://img.webme.com/pic/d/dngrecords/hintergrund.gif);
font-family: arial,verdana;
font-size:12px;
color:#ffffff;
}

div {
font-family: arial,verdana;
font-size:12px;
color:#000000;
}

a{ color:#000000;
font-size: 25px;
text-decoration: none;
}

a:hover {
color:#000080;
font-size: 25px;
text-decoration: none;
}

a:link {
color: #000080;
font-size: 12px;
text-decoration: none;
}

a:active {
color:#000080;
font-size: 12px;
text-decoration: none;
}

a:visited {
color:#000080;
font-size: 15px;
text-decoration: none;
}

#Dein_Design {
position: absolute;
left: 50%;
margin-left:-642px;
width: 1280px;
height: 1024px;
background-image:url(http://www.dngrecords.bplaced.net/filemanager/Sonstiges/home.png);
background-repeat: no-repeat;
}

#content {
position: absolute;
left: 50%;
top: 365px;
margin-left:-355px;
width: 716px;
height: 615px;
color: #7fff00;
background-image:url();
background-repeat: no-repeat;
border: 0px solid #000000;
overflow: auto;
}
-->
td
[height="102"]
{position:absolute;
left:50%;
margin-left:-365px;
width: 752px;
}
(Werbung)

<script language="JavaScript" src="http://js.stats.de/j/0000088989">
</script>

<script language="JavaScript">rapidstats(88989);
</script>

<noscript>
<a href="http://www.stats.de" target="_blank">
<img src="http://srv1.stats.de/l/0000088989?js=0" border="0" alt=""></a>
</noscript>


Text über dem Design hat Folgendes geschrieben:
<div id="Dein_Design">
</div>

<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;
top: 312px;
left: 283px;
width:800px; }

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

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #FFFFFF;
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: 140px;
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>


Ich hab den Code mal so richtig aufgeräumt. Hat mich 15 Minuten gekostet. Rolling Eyes
Ist jetzt viel übersichtlicher und sollte eigentlich so ganz gut funktionieren.

Das Coolmenu ist bereits positioniert, du musst es nur noch anpassen.
Auch vom farblichen.

Ich hoffe, dass ich dir mit dieser riesen Aktion helfen konnte.
*puhh, ausser Atem*

Gruss
Riki
Beitrag03.01.2010 um 02:53 (UTC)    
Titel:

verdammt ihr seit die bessten ey

Vielen Dank ihr habt mir den Ar*** gerettet
Beitrag03.01.2010 um 11:07 (UTC)    
Titel:

gartenbau-krist hat Folgendes geschrieben:
verdammt ihr seit die bessten ey

Vielen Dank ihr habt mir den Ar*** gerettet

Keine Ursache. Wink
Gerne wieder.

Gruss

Riki

PS: Wenn das Thema erledigt ist, kannst du einen Hinweis, wie z.B. [erledigt]
vor den Titel des Threads tun. So wissen die Moderatoren, dass sie closen
können.


Zuletzt bearbeitet von riki-designs am 03.01.2010, 12:30, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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