[CSS]div i img obok siebie

[CSS]div i img obok siebie

aeaeae Zobacz profil	5.03.2011, 21:51:58 Post #1
Grupa: Zarejestrowani Postów: 117 Pomógł: 23 Dołączył: 5.03.2011 Ostrzeżenie: (0%)	Hej Chcę umieścić obok siebie trzy elementy blokowe, ale tak, że środkowy (img) będzie miał stałą szerokość i będzie dokładnie na środku, a dwa div po bokach uzupełnią szerokość do 100%. Zależy mi na tym, żeby w samych div nic nie było. [HTML] pobierz, plaintext <div style="width:100%"> <div style="width:auto;float:left;background-image:url(eee1.png)"></div> <img src="obrazek.png" style="float:left" /> <div style="width:auto;float:left;background-image:url(eee2.png)"></div> </div> [HTML] pobierz, plaintext Chcę po prostu osiągnąć taki efekt, że na środku jest obrazek, a tło z lewej i prawej kurczy się i rozszerza wraz z rozdzielczością/szerokością przeglądarki. Może ktoś wie jak to zrobić? Od razu napiszę, że zależy mi na dokładnym ustaleniu pozycji eee1.png i eee2.png względem obrazek.png, więc odpada wpisanie do img background-image i margines auto.

Odpowiedzi

Damonsson Zobacz profil	6.03.2011, 00:00:47 Post #2
Grupa: Zarejestrowani Postów: 2 355 Pomógł: 533 Dołączył: 15.01.2010 Skąd: Bydgoszcz Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title></title> </head> <body style="margin:0px"> <div style="width: 100%; position: relative; z-index: 1;"> <div style="float: left; height: 200px; width: 50%; background-color: rgb(255, 0, 0); position: relative; z-index: 1;"></div> <div style="float: left; height: 200px; width: 50%; background-color: rgb(0, 0, 255); position: relative; z-index: 1;"></div> </div><div style="width: 400px; background-color: rgb(0, 255, 0); z-index: 100; height: 200px; position: relative; margin: 0pt auto;"></div> </body> </html> [HTML] pobierz, plaintext Powinno być ok, ale sprawdź jeszcze. Ten post edytował Damonsson 6.03.2011, 00:05:58

Posty w temacie

aeaeae [CSS]div i img obok siebie 5.03.2011, 21:51:58

krzywy36 tak na szybko, przyszło mi na myśl coś takiego: ro... 5.03.2011, 22:14:37

aeaeae To ma być pasek o wysokości 200px na samej górze s... 5.03.2011, 22:32:08

krzywy36 czyli w czym konkretnie problem? ^^ co do przezroc... 5.03.2011, 22:56:06

aeaeae Programy graficzne nie są mi już potrzebne, bo sob... 5.03.2011, 23:22:55

krzywy36 wymyśliłem coś takiego: [HTML] pobierz, plaintext ... 5.03.2011, 23:47:00

Damonsson [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC... 6.03.2011, 00:00:47

aeaeae Dzięki za obie odpowiedzi. Pod firefoxem i chrome ... 6.03.2011, 14:14:22

krzywy36 po co wspierać trupa, odpuść sobie IE6, co do tła ... 6.03.2011, 14:17:44

Damonsson Liczba osób korzystających z IE6 mieści się w gran... 6.03.2011, 14:20:54

krzywy36 Nie mam pomysłu jak z tym tłem zrobić oO, konkretn... 6.03.2011, 14:48:22

aeaeae http://www.kurshtml.boo.pl/css/pozycja,tlo.html Wy... 6.03.2011, 14:56:20

krzywy36 ale tak czy siak musisz jakoś przesunąc tło 200 px... 6.03.2011, 15:05:37

aeaeae Na szczęście środkowy obrazek stworzyłem z dwóch t... 6.03.2011, 15:14:16

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Aktualny czas: 5.10.2025 - 12:30

Hosting zapewnia