zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit Menü per CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.07.2008, 11:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.07.2008
Beiträge: 1
jippel befindet sich auf einem aufstrebenden Ast
Standard Problem mit Menü per CSS

MoinMoin,

ich habe ein Menü per CSS gebaut, nun habe ich ein kleines Problem, siehe auch auf dem Bild.

Am Anfang ist alles normal, nur bei Mouseover zieht es auch die oberen Spalten auf die Größe der unteren, ich will aber das die oberen (mit A,B,C...) immer die gleiche Größe behalten und nur das aufgepoppte an den Text anpassen bzw. breiter machen als die oberen.

Ist jetzt nur CSS, oder ist das ohne Javascript nicht möglich ?



Weiß jemand Rat ? Danke !!!

-------------------------------------------
Code CSS:

#menuebox {
position: relative;
height: 30px;
}

#menue {
position: absolut;
top: 5px;
left: 0;
z-index: 200;
}

span.menutag {
display: block;
cursor: default;
width: 25px;
}

#menue .aussen { /* obere Boxen */
float: left;
display: block;
overflow: hidden;
width: 25px;
height: 22px;
font-weight: bold;
text-align: center;
background-color: #ffffff; /*Hintergrund oberste Boxen*/
color: #000000;
border: 1px solid;
border-color: #000000;
}
#menue .aussen:hover {
width: auto;
height: auto;
background-color: #ffffff; /*Mouseover oberste Boxen */
color: #000000;
}

a.innen {
display: inline;
width: 100px;
padding: 0px;
margin: 5px;
text-decoration: none;
font-weight: normal;
border-bottom: 0px solid #78561d;
background-color: #ffffff;
color: #000000;
}
a:visited.innen {
background-color: #ffffff;
color:#555;
}
a:hover.innen {
background-color: #ffffff;
color: #900;
}

----------------------------------------------

Auszug HTML:

<div id="menuebox">

<div id="menue">
<div class="aussen">
<span class="menutag">A</span>
<a class="innen" href="#">AAAAAA</a>
<a class="innen" href="#">AAAAAB</a>
<a class="innen" href="#">AAAAAC</a>
<a class="innen" href="#">AAAAAD</a>
<a class="innen" href="#">AAAAAE</a>
</div>
<div class="aussen">
<span class="menutag">B</span>
<a class="innen" href="#">BBBB</a>
<a class="innen" href="#">BBBC</a>
<a class="innen" href="#">BBBD</a>
</div>

Geändert von jippel (31.07.2008 um 12:05 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.07.2008, 21:53
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Korrigiere deine Fehler im Markup und gib uns lauffähigen Code, damit wir testen können.

Fehler-Beispiel:
Code:
position: absolute;
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 18:32
css menü, brauche dringend hilfe BlackRavn CSS 9 09.10.2010 11:06
CSS Menü MadBall CSS 3 21.03.2010 04:04
Problem mit CSS (+JS) Menü speedy77 CSS 10 04.01.2008 13:43
Problem mit Hintergrundbild per css Thies CSS 4 24.09.2005 19:31


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:01 Uhr.