 [HTML][CSS] Opływanie obrazków, float źle pokazywany w IE |
  |
| [HTML][CSS] Opływanie obrazków, float źle pokazywany w IE |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 49 Pomógł: 0 Dołączył: 29.02.2008 Skąd: Poznań Ostrzeżenie: (0%) 
 |
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. |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 115 Pomógł: 9 Dołączył: 26.09.2008 Skąd: krzesło Ostrzeżenie: (0%)
|
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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) 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> Ten post edytował korek_a 13.11.2008, 06:23:41 |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 49 Pomógł: 0 Dołączył: 29.02.2008 Skąd: Poznań Ostrzeżenie: (0%)
|
niestety, w dalszym ciągu w IE obrazki są nad treścią..
|
|
|
|
|
Post
#4
|
|
|
Grupa: Przyjaciele php.pl Postów: 1 595 Pomógł: 282 Dołączył: 24.09.2007 Skąd: Reda, Pomorskie. Ostrzeżenie: (0%)
|
korek_a - proszę umieścić kod html w odpowiednich znacznikach BBcode.
|
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 49 Pomógł: 0 Dołączył: 29.02.2008 Skąd: Poznań Ostrzeżenie: (0%)
|
przeszukałem google i zmieniłem kod na tabele bo nic innego nie działało..
|
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 115 Pomógł: 9 Dołączył: 26.09.2008 Skąd: krzesło Ostrzeżenie: (0%)
|
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ś (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) a zauważyłeś że wsadziłem obrazek w <p> |
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 49 Pomógł: 0 Dołączył: 29.02.2008 Skąd: Poznań Ostrzeżenie: (0%)
|
Dzięki pomogło.
|
|
|
|
|
|
Aktualny czas: 23.08.2025 - 23:59 |
