Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag18.12.2010 um 23:37 (UTC)    
Titel: [erledigt] Coolmenü Frage

Habe nun ein Coolmenü erstellt nur leider wird es über dem Header angezeigt. Will es aber genau unter den Header haben. Habe aber leider keinen Plan was ich aus dem Code ändern muss.


Code:

/* Feld für Menue oben, auf Header platziert */
#Menu_Box {
  width: 650px; /* = Breite des Feldes */
  position: absolute;
  left: 50%; /* = NICHT ÄNDERN ! */
  margin-left: -304px; /* = hier Feld nach LINKS oder RECHTS verschieben */
  margin-top:66px; /* = 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: 8px;   /* = 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: 148px; /* = Breite des Button */
  height: 20px; /* = Höhe des Button */
  line-height:20px; /* = 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: arial; /* = Link Schriftart */
  text-decoration: none; /* = Link nicht unterstrichen */
  background-color: #555555;  /* = Hintergrundfarbe Link */
  border-top: 1px solid #bbbbbb;  /* = Rahmen oben */
  border-right: 1px solid #bbbbbb;  /* = Rahmen Rechts */
  border-left: 1px solid #bbbbbb;  /* = 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;}
      
/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover {
  font-size:15px;
  line-height:20px;
  text-decoration:none;
  margin-top: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #ffffff;
  font-weight: bold;
  text-align:center;
  background-color: #6f8ac4;
  background-image: url(oder hier BILD-URL); }


-->
</style>
<div id="Menu_Box">
<div id="link_1"> <a href="http://ameiseninfo-v2.de.tl/Ameiseninfo_Team.htm">Über uns</a> </div>
<div id="link_2"> <a href="http://ameiseninfo-v2.de.tl/Ameisenland.htm">Ameisenland</a> </div>
<div id="link_3"> <a href="http://ameiseninfo-v2.de.tl/Die-Suche.htm">Die Suche</a> </div>
<div id="link_4"> <a href="http://ameiseninfo-v2.de.tl/Mitglieder.htm">Mitglieder</a> </div>
</div>


Danke schon einmal!


Zuletzt bearbeitet von ameiseninfo-v2 am 19.12.2010, 11:44, insgesamt 3-mal bearbeitet
Beitrag27.12.2010 um 10:30 (UTC)    
Titel:

Hallo,

ich push es mal hoch, vielleicht wird es dann als erldeigt abgestempelt! Wink

MfG
Beiträge der letzten Zeit anzeigen:   


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