 [CSS]div i img obok siebie |
| [CSS]div i img obok siebie |
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. 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. |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 117 Pomógł: 23 Dołączył: 5.03.2011 Ostrzeżenie: (0%)
|
Programy graficzne nie są mi już potrzebne, bo sobie poradziłem z cieniem, ale chodzi o sam układ.
Może uproszczę sytuację, nie odnosząc się do grafiki. Mam pustą stronę i chcę zrobić na samej górze poziomy pasek o szerokości łącznej 100% i wysokości 200px z trzech div-ów w taki sposób, że lewy ma background-color czerwony, środkowy zielony, a prawy niebieski. Oprócz tego środkowy ma zawsze szerokość 400px i zawsze jest w samym środku, a lewy i prawy div przylegają do środkowego i "rozciągają się" do końca w zależności od rozdzielczości. Wychodzę z takiego kodu: Wiem, że to poprawna sytuacja, że nie widać czerwonego i niebieskiego div-a, ale jak je rozciągnąć, żeby otrzymać zielony w samym środku i o szerokości 400px, a czerwony i niebieski wypełniające kolejno lewą i prawą stronę? edit: Efekt, jaki chcę otrzymać ma być podobny do tego jaki daje poniższy kod, z tym, że, tak jak pisałem zielony ma mieć zawsze 400px (a nie 34%) i być pośrodku. Ten post edytował aeaeae 5.03.2011, 23:32:35 |
|
|
|
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 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  |
|
Aktualny czas: 27.12.2025 - 17:44 |
