[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

krzywy36 Zobacz profil	5.03.2011, 23:47:00 Post #2
Grupa: Zarejestrowani Postów: 370 Pomógł: 43 Dołączył: 1.12.2007 Skąd: Kędzierzyn Koźle Ostrzeżenie: (0%)	wymyśliłem coś takiego: [HTML] pobierz, plaintext <html> <head> <title></title> <style> #left, #middle, #right { height: 200px; } #middle { width: 400px; background-color: black; } #right { background-color: green; width: 100% } #left { float: left; background-color: blue; width: 50%; } #middle { float: right; margin-right: -200px; } </style> </head> <body> <div> <div id="right"> <div id="left"> <div id="middle"></div> </div> </div> </div> </body> </html> [HTML] pobierz, plaintext w chrome działa. Edit: z #left można usunąć float: left, bez tego też działa Ten post edytował krzywy36 5.03.2011, 23:50:19

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: 10.10.2025 - 22:58

Hosting zapewnia