zurück zur Startseite
  


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

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.04.2011, 13:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.04.2011
Beiträge: 6
safari befindet sich auf einem aufstrebenden Ast
Frage Problem mit Navigation

Hallo Läute,
Ich erstelle momentan eine Website, doch habe mit meiner Navigation Probleme.
Das Problem liegt anbei das sich die Navigation überlappt und man so nicht schön switchen kann.
Wichtig: Das ganze läuft auf einem CMS (Joomla 1.5)

Bilder für die Verständlichkeit:
Nummer1:


Nummer2:


Hier noch der Code des CSS:
Code:
/****topmenu*****/
#menu {
float:left;
width:950px;
height:45px;
margin-top:35px;
background:transparent;

}

#navigation {
float:left;
height: 45px;
text-align:center;
z-index: 50;
background:transparent;
width:730px;

}

#navigation a {
float:left;
display: block;
height: 45px;
padding: 15px 15px 0 15px;
font-weight:bold;
color:#000 ;
font-size:14px;
text-transform:uppercase;

}

#navigation  a:hover{
color:#4aa6c0;

}

#navigation ul {
list-style: none;
margin: 0 4px 0 4px;
padding-top: 0px ;
display: block;

}

#navigation li {
display: block;
float: left;
margin:0;

}

#navigation li.active {
height:55px !important;
background: url(../images/menu_active_02.png) no-repeat 100% 0 ;
margin-top:0 !important;

}

#navigation li.active span {
height:55px !important;
background: url(../images/menu_active_01.png) no-repeat 100% 0 ;
margin-top:0 !important;

}

#navigation li.active a {
color:#000 ;
height:55px !important;
background: url(../images/menu_active_01.png) no-repeat 0 0 ;
margin-left:-10px;
margin-top:0 !important;
line-height:30px;

}

#navigation li {
height:45px !important;
background: url(../images/menu_02.png) no-repeat 100% 0 ;
margin:10px 8px 0 8px;

}

#navigation li span {
height:45px !important;
background: url(../images/menu_01.png) no-repeat 100% 0 ;

}

#navigation li a {
color:#000 ;
height:45px !important;
background: url(../images/menu_01.png) no-repeat 0 0 ;
margin-left:-10px;

}

#navigation li li {
height:40px !important;

}

#navigation li li a {
font-size: 12px;
padding:10px 0 0 0 !important;
margin: 0 !important;
color:#454545 !important;
border:none;
height:40px !important;

}

#navigation li li a:hover{
color:#4aa6c0 !important;

}

#navigation li.active li a {
line-height:10px !important;
height:25px !important;

}

.nav, .nav * {
margin:0;
padding:0;

}

.nav {
float:left;
z-index:500 !important;

}

.nav ul {
background:#fbfafa; 
z-index:500 !important;
width:196px !important;

}

.nav li {
float:left;
list-style:none; 
background:none;
z-index:900;
position:relative;

}

 .nav li li a {
text-decoration:none;
background: none;
float:none;
width:180px !important;
border-bottom:1px dashed #d0cdcd !important;
margin:0 5px 0 0 !important;


} 

.nav li li  {
line-height:38px;

} 

#navigation li:hover li,
#navigatin li.sfHover li,
#navigation li.active:hover li,
#navigation li.active.sfHover li,
#navigation li:hover li span,
#navigation li.sfHover li span {
background-image: none;

}

#navigation li:hover li a,
#navigation li.sfHover li a,
#navigation li.active:hover li a,
#navigation li.active.sfHover li a {
background-image: none;

}

.nav li ul {
float:none;
left:-999em;
position:absolute;
width: 180px;

}

.nav li:hover ul,
.nav li.sfHover ul {
left:-13px;
top: 45px;
z-index:100;

}

.navli:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
top:-999em;
z-index:100;

}

.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
left: 177px;
top:0px;
width: 180px;

}

.nav li li {
position: relative;
float:none;
width: 180px;

}
Wie krieg ich das schön hin? Bereits jetzt besten Dank.

Gruss safari
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.04.2011, 17:34
Benutzerbild von Chris2011
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.01.2011
Beiträge: 301
Chris2011 befindet sich auf einem aufstrebenden Ast
Standard

wie es überlappt sich ich verstehe nicht was du meinst. sieht doch alles super aus auf dem bildern
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.04.2011, 23:13
Neuer Benutzer
neuer user
 
Registriert seit: 07.04.2011
Beiträge: 11
CreativeGeekDesigns befindet sich auf einem aufstrebenden Ast
Standard

Ich kann auf den Bildern auch nicht erkennen was du meinst, vll mal Screenshots in orginaler Größe hochladen!
Mit Zitat antworten
  #4 (permalink)  
Alt 08.04.2011, 07:31
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

bitte einen Link zum Problem bereitstellen.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 08.04.2011, 08:50
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.039
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Dein CSS ist ziemlich wirr und sollte dringend entschlackt werden. (viel zu viele !important auf den ersten Blick).
Wie Du bereits weißt, muss das ausklappende Unter-Ul zunächst versteckt werden und bei einem entsprechenden :hover wieder herbeigeholt werden.
Die Vergabe derart hoher z-index-Werte ist nicht erforderlich. Du solltest mit EINEM Auskommen für das ausklappende ul. Hängt natürlich auch davon ab, wie der übrige Code aussieht.

Deswegen: Link wie bereits gesagt
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #6 (permalink)  
Alt 08.04.2011, 09:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.04.2011
Beiträge: 6
safari befindet sich auf einem aufstrebenden Ast
Standard

hallo, danke für die antwort, ich habe leider die Seite noch nicht online...
deshalb kann ich sie nicht posten. Sobald ich das erledigt habe, post ich hier den Link.

Gruss

safari
Mit Zitat antworten
  #7 (permalink)  
Alt 08.04.2011, 10:14
Neuer Benutzer
neuer user
 
Registriert seit: 05.04.2011
Beiträge: 4
stolle befindet sich auf einem aufstrebenden Ast
Standard

Naja, ein größerer Screenshot würde für's erste vllt. auch helfen. Also einen, auf den man das Problem erkennen kann
Mit Zitat antworten
  #8 (permalink)  
Alt 18.04.2011, 09:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.04.2011
Beiträge: 6
safari befindet sich auf einem aufstrebenden Ast
Standard

Hallo Läute,

So hier nochmals die Screenshots in besserer Qualität:




und hier nummer 2:



Ich hoffe der Fehler ist nun besser erkennbar und ihr könnt mir helfen =)

Gruss

safari
Mit Zitat antworten
  #9 (permalink)  
Alt 18.04.2011, 17:42
Neuer Benutzer
neuer user
 
Registriert seit: 07.04.2011
Beiträge: 11
CreativeGeekDesigns befindet sich auf einem aufstrebenden Ast
Standard

Auf den ersten Blick würd ich sagen, dass dein Home-Button zu weit oben ist!
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 19.04.2011, 13:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.04.2011
Beiträge: 6
safari befindet sich auf einem aufstrebenden Ast
Standard

Nein, das soll so sein, immer das Register welches ausgewählt wird (angeklickt)
ist weiter oben.

Das Problem liegt dabei, man sieht es extrem schlecht, der Teil der unten rausfährt sobald man über die Navigation geht, kommt ins nächste Register rein.

Ich hoffe ich drücke mich verständliche genug aus.
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
Navigation Problem Dav-88 CSS 10 17.04.2011 18:45
Dropdown Navigation Problem in Opera xuxu CSS 1 28.01.2011 16:45
Float-Problem? mischaef CSS 33 20.10.2010 16:20
Problem mit Navigation in css Layout INTERAKT!V CSS 22 01.06.2007 13:34
Problem mit Navigation Zapfn CSS 5 29.05.2007 14:11


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:56 Uhr.