Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

Obrazek schodzi pod tło

#1
Obrazek schodzi pod tło
Witam. Mam problem z tworzeniem layoutu opartego na css.

Układ strony jest podzielony na 3 główne pojemniki:
-calosc (zawiera całą stronę)
-foty (zawiera logo i "zdjęcia" czyli jakby dalszą część logo)
i
-glowna (czyli pojemnik na menu, banery, i kolejny pojemnik z trescia).

Pojemnik foty jest ustawiony na float: left, logo ma float:left, a zdjecia float:right.

W pojemniku glowna(który ma ustawione powielające się tło) znajduja sie jeszcze trzy pojemniki, które służą dodaniu na końcu narożników, plus jeden z treścią. Wszystkie tła są ustawione w css.

I tu mam problem bo "foty" schodzą pod tło co bardzo mnie dziwi zważywszy na to że mają przecież ustawione float, a poza tym tło zawsze powinno siedzieć pod wszystkim. Być może jest temu winne ustawienie position: relative, ale potrzebuje tego by menu i tresc byly pozycjonowane względem pojemnika glowna.

kod html

css

[Obrazek: ukladxc0.th.jpg]
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#2
RE: Obrazek schodzi pod tło
Sorry, ale co ja z tym zrobię? Jak debugować coś takiego? URL do żywej strony jest potrzebny.
 System operacyjny: windows_2000 Przeglądarka: opera
#3
RE: Obrazek schodzi pod tło
Jeżeli chcesz, by jakiś konkretny element na stronie (div, obrazek), miał pierwszeństwo w wyświetlaniu, wystrczy nadać mu wartość w stylach:
Kod:
z-index: 3

W praktyce wygląda to tak:
Kod:
<div style="position: relative; z-index: 3;">Treść</div>
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#4
RE: Obrazek schodzi pod tło
Dzięki wielkie za pomoc. Dałem sobie spokój z tym żeby ten div był pod zdjęciami (nawet sposób refrex'a, mimo zmieniania parametrów i zmiany kolejności w kodzie xhtml, nie zmienił kolejności).
Zamiast tego dałem mu clear: both.

Teraz po prostu ten div zawierający(glowna) jest tuż pod zdjęciami.
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#5
RE: Obrazek schodzi pod tło
Nie wiem czy dla z-index nie trzeba position: absolute, a nie jak podał Refrex position: relative.
 System operacyjny: linux_ubuntu Przeglądarka: mozilla
#6
RE: Obrazek schodzi pod tło
~Anonim napisał(a):Nie wiem czy dla z-index nie trzeba position: absolute, a nie jak podał Refrex position: relative.
Sugerujesz, że sie pomyliłem? ;]
z-index zadziała dla pozycjonowania absolutnego, relatywnego lub ustalonego. Krótki kurs tego zagadnienia znajdziemy na:
http://www.w3schools.com/css/pr_pos_z-index.asp
http://www.kurshtml.boo.pl/css/nakladani...wanie.html
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#7
RE: Obrazek schodzi pod tło
Refrex napisał(a):
~Anonim napisał(a):Nie wiem czy dla z-index nie trzeba position: absolute, a nie jak podał Refrex position: relative.
Sugerujesz, że sie pomyliłem? ;]
z-index zadziała dla pozycjonowania absolutnego, relatywnego lub ustalonego. Krótki kurs tego zagadnienia znajdziemy na:
http://www.w3schools.com/css/pr_pos_z-index.asp
http://www.kurshtml.boo.pl/css/nakladani...wanie.html
Nic nie sugeruje Język Po prostu nie byłem pewny. Ale potwierdzam działa z każdym pozycjonowaniem.
 System operacyjny: linux_ubuntu Przeglądarka: mozilla
Programy: Polecane / Nowe / Inne




Podobne wątki (Obrazek schodzi pod tło)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Zmieniające się tło w Joomla milek66666 4 8063 16.10.2014, 07:40
Ostatni post: Giraffex
  obrazek w pajączku placek21 4 4076 26.03.2014, 17:41
Ostatni post: placek21
  Javascript - kliknięcie w obrazek Andreo 0 1025 18.03.2014, 21:36
Ostatni post: Andreo

Skocz do:


Wybrane wątki (Obrazek schodzi pod tło)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Scared front-end czy back-end gbr 7 13431 23.03.2019 16:56
Ostatni post: luciussulla
  Gdzie odpłatnie wypozycjonować swoją stronę w html5 w google za 100zł? aktywny27 13 27570 17.02.2019 21:44
Ostatni post: SEMPIRE
  xampp konwersja video milutki182 3 13787 10.02.2019 13:18
Ostatni post: Ajgor
  HTML a Wordpress Majki_77 3 12657 10.02.2019 13:17
Ostatni post: Ajgor
  Gotowe klasy xCart 0 7543 08.02.2019 17:16
Ostatni post: xCart
  Jak ustawić tekst na środku ekranu buzek1 4 3313 08.02.2019 17:07
Ostatni post: xCart
Ściana Problem a zaktualizacją Joomla 3.6.5 do 3.8.8 CREATIVE_ 14 27795 13.01.2019 06:00
Ostatni post: CREATIVE_
  Xampp i CMS Made Simple Echelon 1 8570 07.12.2018 14:35
Ostatni post: raxer
  Problem z certyfikatem na sslforfree.com gentleman 2 9993 11.10.2018 17:09
Ostatni post: Michu_PL
  Generator kodów kreskowych Yanke$ 0 10193 16.09.2018 12:02
Ostatni post: Yanke$
  skalowanie elementów do wielkości ekranu szakal87 1 10660 11.09.2018 05:36
Ostatni post: Michu_PL
  Formularz do zgłaszania błędów na stronie-pomoc w przeróbce. raxer 0 9808 10.09.2018 18:51
Ostatni post: raxer
  Layout Strony Majki_77 2 11312 28.08.2018 16:27
Ostatni post: gentleman
  Zmiana rozmiaru okna przeglądarki a marginesy Wacho 0 10237 09.08.2018 23:15
Ostatni post: Wacho
  Stworzenie nowej strony na Wordpressie Majki_77 8 11662 22.07.2018 22:21
Ostatni post: ada1986