Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[css] nie potrafie ustawic 2 divow obok siebie - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [css] nie potrafie ustawic 2 divow obok siebie (/thread-css-nie-potrafie-ustawic-2-divow-obok-siebie)

Strony: 1 2

[css] nie potrafie ustawic 2 divow obok siebie - grzesiek77 - 20-05-2012

Pomocy Smile

Chce ustawic kilka divow obok siebie w ramach jednego akapitu P, myslalem, ze jak dam
display: inline;
to pomoze, ale wtedy wszystko sie rozwala

Mam taki kod xhtml:
Kod:
        <p>
            <div class="div_ktore_maja_byc_obok_siebie">
            <img src="img/obrazek_mini.jpg" border="0" title="Powiększ">
            <span class="wiecej"><a href="">Wiecej</a></span>
            <a href="" class="lupa" title="Powiększ"></a>
            </div>

            <div class="div_ktore_maja_byc_obok_siebie">
            <img src="img/obrazek_mini.jpg" border="0" title="Powiększ">
            <span class="wiecej"><a href="">Wiecej</a></span>
            <a href="" class="lupa" title="Powiększ"></a>
            </div>
</p>

I taki css do tego:
Kod:
.div_ktore_maja_byc_obok_siebie {
width: 170px;
height: 140px;
background: #666666;
position: relative;
}

.wiecej {
padding-bottom: 5px;
padding-left: 5px;
}

.lupa {
display: block;
width: 11px;
height: 11px;
background: url('img/lupa.png') no-repeat;
position: absolute;
right: 5px;
bottom: 10px;
}

Z gory dzieki!
Ok juz, dalem
float: left;
Ech Smile

RE: [css] nie potrafie ustawic 2 divow obok siebie - nst - 20-05-2012

float: left;

albo right ;p

RE: [css] nie potrafie ustawic 2 divow obok siebie - camelrafal - 20-05-2012

a
Kod:
display:inline-block;
też rozwala?

RE: [css] nie potrafie ustawic 2 divow obok siebie - Moody - 21-05-2012

Przepraszam, ale czy poprawne jest stosowanie w akapicie divów?
Według mnie nie jest to poprawne. Akapit jest typem inline i nie możesz mieć w nim elementów blokowych.

RE: [css] nie potrafie ustawic 2 divow obok siebie - Kartofelek - 22-05-2012

ahapit jest blokowy i możesz mieć w nim divy Wink

RE: [css] nie potrafie ustawic 2 divow obok siebie - Pedro84 - 22-05-2012

(22-05-2012, 00:34)Kartofelek napisał(a): ahapit jest blokowy i możesz mieć w nim divy Wink
Mylisz się Pyrko.

http://www.w3.org/TR/html401/struct/text.html#h-9.3.1 napisał(a):The P element represents a paragraph. It cannot contain block-level elements (including P itself).


RE: [css] nie potrafie ustawic 2 divow obok siebie - Moody - 22-05-2012

No nie mówcie mi, że ja to wiedziałem, a Kartofelek nie Smile Tongue Ma się farta Big Grin

RE: [css] nie potrafie ustawic 2 divow obok siebie - Kartofelek - 22-05-2012

Tylko że ja wiedziałem że będzie taka odpowiedź. To jest taka sama dyskusja jak z żywieniem. Jedz posiłki co 2-3h bla bla bla. A jak zrobisz inaczej to umrzesz.
Usunę wątek to nikt nie będzie widział Smile

RE: [css] nie potrafie ustawic 2 divow obok siebie - Moody - 22-05-2012

Nie usuwaj. Daj mi się nacieszyć Smile

P.S Co nie zmienia faktu, że znasz się na tym CSS i to najbardziej z nas wszystkich razem wziętych Smile

RE: [css] nie potrafie ustawic 2 divow obok siebie - Kartofelek - 22-05-2012

Yhy. Większość masterów po prostu się nie udziela, bo się im nie chce.