Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.04.2013 um 18:48 (UTC)    
Titel: Eigenes Design DropUP Problem

Hallo Freunde des www,

ich habe ein Problem beim Navigationsaufbau.

folgendes - ich habe ein fast underbares Dropup-menu und nur 3 probleme.

1. die cheffin will die unterm header sehen (mir gefällts nicht und ich weiß auch nicht wies geht)
2. der drop up dropt zwar und auch up aber nicht ganz so wie ich das will.
3. die hält ihren platz nicht ein.


zu 1.
Ich habe eine eingene Navigation geschrieben die ich im text über dem design eingesetzt habe

Code:
Über design

<div id="design1">
<div align="center">
<div id="design1">
<div id="headerself"> </div>
<div id="navself"><div align="center">

<ul><li><a href="http://darkestcave.de.tl/Home.htm"><font color="#FFFFFF"><span id="nh">Home</span></font></a>
      </ul>


<ul><li><a href="http://darkestcave.de.tl/DarkestCave.htm"><font color="#FF0000"><span id="nh">DarkestCave</span></font></a>
      <ul>
<li><a href="http://darkestcave.de.tl/News.htm"><font color="#FFFFFF"><span id="nli">News</a></span></font></li>
<li><a href="http://darkestcave.de.tl/Geschichte.htm"><font color="#FFFFFF"><span id="nli">Geschichte</a></span></font></li>
<li><a href="http://darkestcave.de.tl/Intern.htm"><font color="#FFFFFF"><span id="nli">Intern</a></span></font></li>
</ul></li></ul>

<ul><li><a href="http://darkestcave.de.tl/Team.htm"><font color="#FFFFFF"><span id="nh">Team</span></font></a>
      <ul>
<li><a href="http://darkestcave.de.tl/Deva.htm"><font color="#FFFFFF"><span id="nli">Deva</span></font></a></li>
<li><a href="http://darkestcave.de.tl/Morpheus.htm"><font color="#FFFFFF"><span id="nli">Morpheus</a></span></font></li>
<li><a href="http://darkestcave.de.tl/super3000.htm"><font color="#FFFFFF"><span id="nli">super3000</a></span></font></li>
<li><a href="http://darkestcave.de.tl/Varia.htm"><font color="#FFFFFF"><span id="nli">Varia</a></span></font></li>
<li><a href="http://darkestcave.de.tl/chbo90.htm"><font color="#FFFFFF"><span id="nli">chbo90</a></span></font></li>
</ul></li></ul>

<ul><li><a href="http://darkestcave.forumieren.eu/" target="_blank"><font color="#FFFFFF"><span id="nh">DC Forum</span></font></a></li></ul>

<ul><li><a href="http://darkestcave.de.tl/OOMPH-ar-.htm"><font color="#FF0000"><span id="nh">OOMPH!</span></font></a>
      <ul>
<li><a href="http://darkestcave.de.tl/%3Ci%3ENews%3C-s-i%3E.htm"><font color="#FFFFFF"><span id="nli">News</a></span></font></li>
<li><a href="http://darkestcave.de.tl/Biographie.htm"><font color="#FFFFFF"><span id="nli">Bio</a></span></font></li>
<li><a href="http://darkestcave.de.tl/Diskographie.htm"><font color="#FFFFFF"><span id="nli">Discography</a></span></font></li>
<li><a href="http://darkestcave.de.tl/%3Ci%3EGeschichte%3C-s-i%3E.htm"><font color="#FFFFFF"><span id="nli">Geschichte</a></span></font></li>
<li><a href="www.oomph.de" target="_blank"><font color="#FFFFFF"><span id="nli">OOMPH! HP</a></span></font></li>

</ul></li></ul>

<ul><li><a href="http://darkestcave.de.tl/Downloads.htm"><font color="#FFFFFF"><span id="nh">Downloads</span></font></a>
      <ul>
<li><a href="http://darkestcave.de.tl/FB-Header.htm"><font color="#FFFFFF"><span id="nli">FB-Header</a></span></font></li>
<li><a href="http://darkestcave.de.tl/T_Shirt-Vorlagen.htm"><font color="#FFFFFF"><span id="nli">T-Shirt</a></span></font></li>
<li><a href="http://darkestcave.de.tl/Signaturen.htm"><font color="#FFFFFF"><span id="nli">Signaturen</a></span></font></li>
</ul></li></ul>


<ul><li><a href="http://darkestcave.de.tl/Gaestebuch.htm"><font color="#FFFFFF"><span id="nh">Gaestbuch</span></font></a>
      </ul>


<ul><li><a href="http://darkestcave.de.tl/Links.htm"><font color="#FFFFFF"><span id="nh">Links</span></font></a>
      </ul>
</div><br /><br /><br /></div>


<table border="0" width="70%" id="table1">
<tr>
<td>


wie bekomme ich die unter den header?

__________________________________________________________

2.
Dazu ein Bild:
Arrow http://img15.imageshack.us/img15/5205/hpprob1.jpg

Uploaded with ImageShack.us[/code]

Kreis 1: weiß nicht wo das symbol herkommt - finde ich noch raus

Kreis 2: die Navigation sitzt zu hoch und soll eigentlich sitzen wie im zweiten beispiel - problem: Setz ich top:-175px; niedriger überlappen die größeren dropups wieder die szene.

wer kann mir da helfen?


3. Die Navigation verschiebt sich je nach bildschirmgröße fröhlich durchs bild (getestet mit Strg+mausrad) - beim Footer ist das auch, aber das interessiert es niemand, bei der navigation ist das etwas doof.

weiß da jemand einen rat?



Navigationscode
Code:

/*Navigation*/

#navself {
  marine-bottom: 10px;
  left: 15%;
  position: relative;
  margin: 0 auto;
  position: relative;
  background-color: none ;
  z-index: 500;
}

#navself ul {
  float: left;
  list-style-type:none;
  width: 125px;
  border-bottom: 1px solid;
  background: none;
  margin:0px;
  padding: 0px;
  z-index: 500;


}

#navself a {
  background-color: #333333;
  text-decoration: none;
  display: block;
  top: -33px;
  text-align: center;
  z-index: 500;
   }

#navself a:hover {
  z-index: 500;  }

 
#navself li {
  border-width: medium;
  border-style: outset;
  border-color: #333333;
  border-radius: 0px 10px 5px 0px;
  z-index: 500;  }

#navself li:hover {
background: #333300;
border-width: medium;
border-style: inset;
border-color: #330000;
}

#navself li:active {
background: #333333;
border-width: medium;
border-style: inset;
border-color: #330000;
}

#navself ul ul li:hover {
border-bottom: 1px solid #ffffff; /* unterer Rand im Hovereffekt */
background: #060606;
border-width: thick;
         border-style: inset;
         border-color: #333333;
border-radius: none;
}

#navself ul ul {
  position: absolute;
  color: #FFF;
  display: none;
  z-index: 500;  }

#navself ul li:hover ul {
  display: block;
  border-bottom: none;
  top: -175px;
  bottom: 100%;
  z-index: 500;
}




Vielen Dank im voraus Smile
lg Morpheus


p.s. mit Java kenn ich mich nicht aus, deswegen muss ich das über CSS machen Smile

Edit by MatsK: Bild in Link umgewandelt, da es die Breite des Forums gesprengt hat.


Zuletzt bearbeitet von darkestcave am 09.04.2013, 21:27, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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