Forum PHP.pl

Sprawa się ma następująco:

HTML:

[HTML] pobierz, plaintext 
<div class="tlo_gradient"></div>
<div class="tlo_kwiaty"></div>
<div class="pasek"></div>
	<div id="wysrodkowanie">
		<div class="odstep_gora"></div>
		<div id="tlo_biale">
			<div class="logo"><a href="index.php"><img alt="logo vivesa" src="templates/default/img/logo-vivesa.png" width="230" height="230" /></a></div>
			<div id="menu_glowne">$menuGlowne</div>	
                        <h1>$aData[sName]</h1>
                        <h4>$aData[sPagesTree]</h4>
                 </div>
	</div>   
 
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
.pasek {
	position: relative;
	top: 404px;
	width: 100%;
	height: 40px;
	z-index: 15;
	background: url('img/tlo-pasek.png') repeat;
}
 
h1 {
	z-index: 30;
	float: left;
	margin: 0 0 0 20px;
	padding: 12px 0;
	height: 18px;
	font-size: 22px;
	font-weight: normal;
	color: white;
	width: 900px
}
 
h4 {
	z-index: 30;
	float: right;
	margin: 12px 0 0 -500px;
	padding: 0;
	font-weight: normal;
	color: white;
}
 
[HTML] pobierz, plaintext 

Według pozycjonowania z-index elementy h1 i h4 powinny znajdować się nad elementem .pasek . Niestety tak nie jest i oba są schowane pod. Dlaczego tak jest i jak mam wyciągnąć elementy h1 i h4 na wierzch. Dodam nie mogę ich umieścić w elemencie .pasek

Pozdrawiam

Nie analizowałem kodu, ale z-index bez position, nie działa. Pewnie to przyczyna.

Racja, ale gdy do h1 i h4 dodam position: relative to efekt jest taki sam. Już wcześniej to próbowałem.

Ten post edytował PcPablo 20.02.2013, 13:51:14

Pokaż to gdzieś online.

http://www.vivesa.pl/nowastrona/?pl_fotografia-slubna,6

.pasek to ten pasek na całą szerokosć ekranu

h1 i h4 to tekst pod paskiem który powinien być nad

Ten post edytował PcPablo 20.02.2013, 14:05:48

Element id="wysrodkowanie" ma z-index równy 5 zatem jest pod elementem class=pasek. Nie lepiej/poprawniej h1 i h4 włożyć w pasek?

To że element id="wysrodkowanie" ma z-index: 5 to nie ma żadnego znaczenia. Nie raz naprzemiennie układałem elementy i działało.

Jak już na samym początku wspomniałem nie da się włożyć h1 i h4 do paska, bo pasek znajduje się w innym szablonie (wewnętrznym).

Ten post edytował PcPablo 20.02.2013, 17:57:31

Hmmmm jakby Ci to wyjaśnić...

Masz wstążkę (.pasek) i masz karton (.wyśrodkowanie).

Wstążka, zawsze ma być na kartonie : (wstążka: z-index: 15) (karton: z-index: 5)

Czegokolwiek byś nie włożył do środka kartonu i tak będzie pod wstążką.

Rozumiesz?

Musiałbyś te h1 i h4 wyrzucić poza karton, żeby wystawały ponad.

Powiedzmy, że byłęm święcie przekonany że już wcześniej udawały mi się takie kombinacje.

W takim razie teraz niebardzo wiem jak zrobić ten pasek żeby był wewnątrz "pudełka" a zarazem wystawał poza. Czyli był na 100% szer. ekranu.