zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Z-index div nav

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.05.2016, 18:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.05.2016
Beiträge: 2
prem befindet sich auf einem aufstrebenden Ast
Standard Z-index div nav

Hallo!

Ich habe ein kleines Problem und komm nicht auf die Lösung

Weiß jemand, wie ich es so machen kann, dass der nav-tag über dem div ist, damit, wenn die Navigation zu lang ist und noch im transparenten Bereich trotzdem anklickbar ist?

zZ ist mit width-werten es so gemacht, dass die zwei sich nicht berühren. Aber wenn die Navigation umfangreicher wird und auf 2 Zeilen aufgeteilt wird, wird es extrem unübersichtlich meiner Meinung nach...

Weiß jemand einen Tipp?



Hier mal die Codes
Code:
#bamboo-div {
	z-index: 2;
	position: fixed;
	top: 0px;
/*	float: left;*/
	clear: both;
    bottom: auto; 
	right: 0px;
	background-image:url(../images/bamboo-leaves.png);
	height: 100%;
	width: 40%;
	max-height:390px;
	max-width:312px;
}

nav {
	margin-left: 10%;
	width: 55%;
	color: #63C627;
	overflow-style: marquee-block;
	float:inherit;
	text-align: center;
	line-height: 150%;
	text-shadow: 2px 2px 5px #1D1D1D;
	z-index:1;
	position:static;
}

Geändert von prem (29.05.2016 um 19:01 Uhr) Grund: code ergänzung
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.05.2016, 20:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.05.2016
Beiträge: 2
prem befindet sich auf einem aufstrebenden Ast
Standard

Habs geschafft.
Falls es in Zukunft jemanden interessieren sollte:

<nav> zu <div id="nav"> umändern, natürlich in der CSS-Datei das selbe.

Werte hinzufügen
Code:
position: relative;
z-index: 3;
Und wenn man die Wörter der Navi kürzen will statt "display: inline" dann
Code:
display:inline-block
max-width: 100px
vertical-align: top
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
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 19:29
Dynamische Größen Killhunter CSS 0 14.05.2011 16:56
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 16:53
Header entfernen tripple CSS 17 15.06.2010 15:41
Problem mit 3 Navigationsebene im CSS-Menü im Internet Explorer Chellisa CSS 0 15.08.2008 10:28


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