Linia obok, zamiast pod spodem tekstu

w dziale Dostosowywanie Opery do własnych potrzeb
lukaszz napisał(a):

Chciałbym się dowiedzieć jak dostosować stronę do OPERY.
Moja strona www.informacyjny.info pod każdą wiadmością ma kropkowaną linię.
Niestety w OPERZE linia wyjeżdza obok strony, zamiast znajdować się pod wątkiem wiadomości.
Kod:

<?php
include_once "./rss_fetch.php";

$html .= "      <p class='left' style='color: #FF6600;'>#{title}</p>\n";
$html .= "      <p class='left'>#{description}</p>\n";
$html .= "    <p class='left'><a href='#{link}' target='_blank'>czytaj więcej</a></p>\n";
$html .= "    
\n";
$html .= "    <div align='center'><img src='images/hr02.gif' width='417' height='10' border='0'></div>\n";

$rss = new rss_parser("http://rss.gazeta.pl/pub/rss/gospodarka.xml", 10, $html, 1);
?>


Co może być nie tak ?

nowotny napisał(a):

Typowy błąd w zastosowaniu styli... obrazek jest floatniety w lewo, wyłamuje się z kontekstu a obrazek z linią się układa tak jak powinien czyli obok... I dzieje się tak w każdej przeglądarce, nie tylko w Operze... W innych przeglądarkach tylko ten element chowa się pod innymi elementami strony(IE) lub jest poprawiany przez samą przeglądarkę(Chrome, Firefox)...
http://www.complexspiral.com/publications/containing-floats/

lukaszz napisał(a):

Korzystam z RSS nie mam kontroli nad zdjęciami.
Zastanawiam się czy da się to zmienić w style.css.
W miejscu wiadomości mam <p class='left'>
Styl -> style.css
Ten styl może zmieni położenie obrazka:

.left {
	color : #000000;
	margin-top : 10px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	margin-left : 20px;
	margin-right : 20px;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: normal;
}

Albo wstawić pod tym nowy styl ?
img.left {
	float: left;
	margin: 5px;
}


Edit:
Zmieniłem linki do newsów rss bez zdjęć.

Ryszard napisał(a):

A jakbyś zaczął od posprzątania?
Bo brak "ALT" to jedno, a używanie
/>
na stronie z
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
to zupełnie inna sprawa.