+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: obrazek pod obrazkiem i opływanie tekstu (/thread-obrazek-pod-obrazkiem-i-oplywanie-tekstu)
Strony:
1
2
obrazek pod obrazkiem i opływanie tekstu - O2H - 18-10-2012
RE: obrazek pod obrazkiem i opływanie tekstu - O2H - 18-10-2012
Nadal otrzymuje ten sam efekt, tekst ma byc obok obrazka a nie pod nim.
RE: obrazek pod obrazkiem i opływanie tekstu - Morfeusz_2005 - 18-10-2012
Zrób tak i zobacz co będzie.
HTML
Kod:
<div id="kontener">
<div id="galeria">
<div class="sample">
<img src="img/modnie4.jpg">
<p>xxxxxxxxxxxxxxxxxx</p>
</div>
<div class="sample">
<img src="img/modnie5.jpg">
<p>xxxxxxxxxxx</p>
</div>
</div>
</div>CSS
Kod:
.sample img{
vertical-align:baseline;
display:block;
}
img{
display:inline;
text-align:justify;
float: left;
clear: left;
}
p{
float: left;
}RE: obrazek pod obrazkiem i opływanie tekstu - O2H - 18-10-2012
RE: obrazek pod obrazkiem i opływanie tekstu - Morfeusz_2005 - 18-10-2012
Dodaj jeszcze do CSS w .sample img clear: left;
RE: obrazek pod obrazkiem i opływanie tekstu - Kartofelek - 18-10-2012
Kod:
.sample {overflow:hidden; clear:both;}
.sample img {display:inline-block; margin-right:10px;}
.sample p {dispaly:inline-block;}lub
Kod:
.sample {overflow:hidden; clear:both;}
.sample img {float:left; margin-right:10px;}
.sample p {float:left}RE: obrazek pod obrazkiem i opływanie tekstu - O2H - 18-10-2012
OK działa, ale mam następny problem z tym związany, jeżeli zdefiniowałem że moja strona ma 550px szerokosci, dodaje te obrazki i dodaje tekst ale tym razem zamiast "xxxxxxxx" dodaje dłuższy tekst i cały ten tekst schodzi pod obrazek, a chciałbym żeby był obok obrazka lub go opływał
edit: Działa już wszystko wystarczyło usunąc
Kod:
.sample p {float: left;}RE: obrazek pod obrazkiem i opływanie tekstu - Engine - 18-10-2012
a czy nie dajesz aby ciągu znaków "xxxxxxxxxxxxxxxxxxxxxxxx" czyli nie ma gdzie łamać linii. Jeśli tak to daj "xxxxx xxxxxx xxxxx xxxxx xxx".
RE: obrazek pod obrazkiem i opływanie tekstu - O2H - 18-10-2012
Dodawałem normalny tekst, który skopiowałem z lipsum. Tu chyba nie ma róźnicy czy jest spacja między wyrazami czy też nie
RE: obrazek pod obrazkiem i opływanie tekstu - Kartofelek - 18-10-2012
Jest.