tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
0
ZUGRIFFE
895
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 01.01.12 13:22 #1
    tobm_knows_best tobm_knows_best ist offline Mitglied Silber
    Registriert seit
    Dec 2011
    Beiträge
    99
    ´n gesundes Neues hier mal in´s Forum geworfen...!

    Folgende Frage für die Katerlosen unter Euch:
    Ich habe eine Navi - gut lassen wir jetzt mal die Gestaltung ausser Betracht, denn ich habe mir nur die wichtigsten Code-Schnipsel rauskopiert - und über dieser Navi soll ein Div-Container positioniert werden (der dann beim Mouse-Over einer Navi-Rubrik *erscheinen* soll - darin sollte man dann eine Art handschriftlichen Text als *beschreibung* od. ähnliches sehen..)

    Wenn ich richtig informiert bin ist ja ein DIV-Container gut für solche Dinge - ziemlich simple Positionierung etc.... ich versuche jetzt aber schon eine ganze Weile den Container so zu platzieren, dass er über dem ersten Navi-Punkt erscheint...und zwar (jetzt kommts) ausserhalb der horizontalen Linie (Klar - einfach den Div vor dem anderen setzen - aber so leicht isses ja nich - ich möchte das er an dem Navi-Punkt ausgerichtet ist)! ...vergebens Jeder Menüpunkt sollte dann auch so nen DIV bekommen. Schlussendlich sollt´s dann so aussehen:

    DIV-Container richtig positionien ...-bild-2.png

    Irgendwie krieg ich das nich so recht hin mit dem Z-Index (welchen ich jetzt auch erst mal aus beiden DIVs entfernt habe)...Was mache ich falsch?

    hier mal der Code:
    HTML-Code:
     <head>
<style type="text/css">
body {
	margin-top: 15px;
	margin-bottom: 0px;
}
#apDiv2 {
	position:relative;
	left:0px;
	top:5px;
	width:150px;
	height:25px;
	background-color: #DDD;
	overflow: hidden;
}
.div_top {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	padding-bottom: 12px;
	padding-top: 13px;
	top: 0px;
	background-image: url(pics/background_transp.png);
	left: auto;
	right: auto;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	z-index: 1000;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999999;
}
.div_top_inner {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 16px;
	color: #C7D725;
}
	.normal_grün_16px {
	color:#C7D725;
	font-size: 16px;
	font-weight: normal;
}
a.menu:link {
color:#C7D725;
text-decoration:none;
	font-size: 16px;
}
a.menu:visited {
color:#C7D725;
text-decoration:none;
	font-size: 16px;
}
a.menu:active {
color:#EEE;
text-decoration:none;
	font-size: 16px;
}

a.menu:hover {
	color:#EEE;
	text-decoration:none;
	font-size: 16px;

}
</style>  
</head>  
<div class="div_top" id="div_top">
   <div class="div_top_inner" id="div_top_inner">
   
<!-- ********************Hier der DIV der eingeblendet werden soll******************* --> 
    <div id="apDiv2"></div>
    <span class="normal_grün_16px"><a class="menu" href="#"><span class="normal_grün_16px">HOME</span></a><span class="normal_grün_16px"> / </span><a class="menu" href="vita.html">VITA</a> / <a class="menu" href="#">LEISTUNGEN</a> / <a class="menu" href="#">NEWS</a> / <a class="menu" href="#">KONTAKT</a> / <a class="menu" href="#">IMPRESSUM</a></span></div>
</div>
    Geändert von tobm_knows_best (02.01.12 um 10:09 Uhr) Grund: Hmm weiss keiner nen Rat...? :/
     
    Zitieren Zitieren
« CSS styles werden von Dreamweaver nicht geladen | Fireworks Text »

Ähnliche Themen

  1. GridBag richtig nutzen - Komponenten richtig anordnen und automatisch vergrößern
    Von w00t im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 6
    Letzter Beitrag: 20.08.11, 15:29
  2. Hintergrundfarbe in Container A an Höhe Container B anpassen.
    Von Unique86 im Forum CSS
    Antworten: 4
    Letzter Beitrag: 18.08.08, 11:31
  3. container (div) genauso hoch wie div im container
    Von Razorhawk im Forum CSS
    Antworten: 4
    Letzter Beitrag: 21.02.08, 19:50
  4. 2 Div Container in 1 Div Container Problem
    Von lacie im Forum CSS
    Antworten: 2
    Letzter Beitrag: 16.08.07, 23:13
  5. CSS-Praxis: IE und Opera + Div-Container ==>Hilfe; Firefox macht es richtig
    Von Marius Heil im Forum CSS
    Antworten: 17
    Letzter Beitrag: 22.04.06, 21:54