Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag30.12.2010 um 12:10 (UTC)    
Titel: Hilfe zu Navigation oben!!

Hi Leute,

Hab da mal eine Frage zur avigation oben und zwar:
Ich habe ja eine obere navigation eingefügt und ich will es dann so machen das wen ich z.b. auf "Home" gehe das sich nochmal eineNavigation einblendet.
Ich weis auch wie man es macht blos das problem ist wen ich dan nochmal den code für die navibuttons einfüge (in "quellcode" unter "Eigene Seiten Editieren")dann verstellt sich auch noch die andere avigation sprich sie bleibt nicht da wo sie eigendlich bleiben soll !!


Code:
 /* Feld für Menue oben, auf Header platziert */
#Menu_Box {
  width: 650px; /* = Breite des Feldes */
  position: absolute;
  left: 50%; /* = NICHT ÄNDERN ! */
  margin-left: -370px; /* = hier Feld nach LINKS oder RECHTS verschieben */
  margin-top:196px; /* = hier Feld nach OBEN oder UNTEN verschieben */
  overflow: hidden;}

/* 4 Felder haben unsere Links als Inhalt */      
#link_1, #link_2, #link_3, #link_4  {
  float:left;  /* = durch float:left; platzieren sich Buttons nebeneinader */
  overflow: hidden;
  margin-right:0px;   /* = Abstand zwischen den Buttons */
  text-align: center;}

/* das Aussehen der 4 Links */
#link_1 a, #link_2 a, #link_3 a, #link_4 a {
  display: block; /* = Verlinkung füllt das DIV Feld aus */
  width: 134px; /* = Breite des Button */
  height: 30px; /* = Höhe des Button */
  line-height:30px; /* = muss die Höhe bekommen, die auch height hat */
  margin-top: 30px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
  color: #cccccc;  /* = Linkfarbe */
  font-size: 14px;  /* = Link Textgroeße */
  font-family: COMIC; /* = Link Schriftart */
  text-decoration: none; /* = Link nicht unterstrichen */
   border-top: 0px solid #bbbbbb;  /* = Rahmen oben */
  border-right: 1px solid #837F7F;  /* = Rahmen Rechts */
  border-left: 1px solid #837F7F;  /* = Rahmen Links */
  -moz-border-radius-topleft: 10px; /* = abgerundete Ecke oben links */
  -moz-border-radius-topright: 10px; /* = abgerundete Ecke oben rechts */
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;}
Beitrag05.01.2011 um 19:38 (UTC)    
Titel: Navigation oben

Hallo probiers doch mal damit
Zitat:
<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: 190px;
left: 100px;
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>

______________
Beiträge der letzten Zeit anzeigen:   


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