Forum PHP.pl > [HTML][CSS] Opływanie obrazków

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] Opływanie obrazków

PiiiT

12.11.2008, 12:52:54

Witam, mam problem z rozmieszczeniem divów. Otóż opera i firefox opływają poprawnie tekstem obrazki, natomiast IE wyświetla obrazki nad treścią. Chciałbym to naprawić ale nie wiem czy można to w dalszym ciągu robić na divach? Zależy m żeby obrazek był z lewej strony a treść po prawej (bez opływania). Z góry dziękuję za pomoc.

style css:

Kod

</P><P>body {<BR>font-family: Arial, Verdana;<BR> font-size: 13px;<BR> color: #ffffff;<BR> background-color: #000000;<BR> margin:0;<BR> padding:0;<BR> }<BR>p {width:789px;<BR> text-indent: 5em;<BR> display: block;<BR> margin-left: auto;<BR> margin-right: auto;<BR> }</P><P>div.content{<BR>color: #2d88f9;<BR>text-indent: 2em;<BR>line-height: 150%;<BR>text-align: justify;<BR>margin-left: auto;<BR>margin-right: auto;<BR>width: 789px;<BR>}<BR>img.promocje{<BR>float: left;<BR>clear: both;<BR>}<BR><BR>

html:

Kod

</P><P><div class="content"><BR><h3>tytul1</h3><BR>tresc1<hr><BR><img class="promocje" src="/images/personel.jpg" alt="" ><BR><h3>tytul2</h3><BR>tresc2<hr><BR><img class="promocje" src="/images/my.jpg" alt=""><BR><h3>tytul3</h3><BR><p>tresc3</p><BR></div><BR>

chciałbym żeby images/personel.jpg był z lewej strony tresc2 bez opływania i images/my.jpg z lewej strony treść3 bez opływania.

korek_a

12.11.2008, 13:34:07

pokasuj wszystkie marginesy i paddingi na 0 wszędzie
powsadzaj obrazki w treści i nadaj obrazek margines ale malutki tak żeby obrazki nie były przyklejone do tekstu no ja to zrobiłem tak no ale jeszcze warto tu posprzątać tym kodzie ale tak na szybko a po za tym nie będę pisał za ciebie

Kod

<html >
<head>
<style>
body {
font-family: Arial, Verdana;
font-size: 13px;
color: #ffffff;
background-color: #000000;
margin:0;
padding:0;
}
p {width:789px;
text-indent: 5em;
display: block;
margin:0;
padding:0;
float:none;
}
div.content{
color: #2d88f9;
text-indent: 2em;
line-height: 150%;
text-align: justify;
margin-left: auto;
margin-right: auto;
width: 789px;
}
img.promocje{
float: left;
display: block;
margin:0 10px 0 0;
}
h3{margin:0;padding:0;}

</style>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
</head><body>
<div class="content">
<h3>tytul1</h3>

tresc1<hr>

<h3>tytul2</h3>

<p><img class="promocje" src="/images/personel.jpg" alt="eeeeeeeeeeeeeeeeeeeeeee" >tresc2</p><hr>

<h3>tytul3</h3>

<p><img class="promocje" src="/images/my.jpg" alt="wwwwwwwwwwwwwwww">tresc3</p>

</div>
</body>
</html>

PiiiT

12.11.2008, 13:50:22

niestety, w dalszym ciągu w IE obrazki są nad treścią..

nevt

12.11.2008, 15:48:53

korek_a - proszę umieścić kod html w odpowiednich znacznikach BBcode.

PiiiT

12.11.2008, 16:03:59

przeszukałem google i zmieniłem kod na tabele bo nic innego nie działało..

korek_a

13.11.2008, 06:23:05

Cytat(PiiiT @ 12.11.2008, 13:50:22 )

niestety, w dalszym ciągu w IE obrazki są nad treścią..

no nie wiem jak ty to zrobiłeś

a zauważyłeś że wsadziłem obrazek w <p>

PiiiT

13.11.2008, 15:45:32

Dzięki pomogło.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.