Проблем с картинка

[Meniak]

Здравете, Правя един сайт в който има новини, кък мовините има и картинка.
Проблема ми е че при по голяма резолюция от 1024 X 768 катринката излиза извън дива.

 

[IvanAdamov]

Ами дай малко код де...

 

[stanimir_95]

Да не би размерите на картинката да са в проценти? Я пробвай да и сложиш едно id и после в .css:
[css]#id{max-height:/*височината на див-а*/;}[/css]

П.П Ако дадеш малко код, ще е по-лесно

 

[Meniak]

PHP - кода с които изкарвам резултата

$query = mysql_query('SELECT * FROM theme WHERE ID = "' . $id . '"') or die(mysql_error());
                        $row = mysql_fetch_assoc($query);
                        echo '<div class="calendar">';
                        echo '<div class="title">' . $row['title'] . '</div>';
                        echo '<div class="theme"><img style="float: left; padding: 0px 5px 0px 5px;" src="admin/'.$row['thumb_directory'] . $row['imagename'].'"border="0">' . $row['text'];
                        echo '<br><br>Източници: ' . $row['source'] . '</div></div>';

CSS на дивовете

[css]
div.calendar
{
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-top-style: solid;
border-right-width: 2px;
border-left-width: 2px;
border-bottom-width: 2px;
border-top-width: 2px;
border-right-color: black;
border-left-color: black;
border-bottom-color: black;
border-top-color: black;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 5px;
margin-left: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
background-color: grey;
}

div.title
{
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
margin-bottom: 5px;
font-family: 'Times New Roman',Times,serif;
font-size: 20px;
font-style: italic;
border-right-style: double;
border-left-style: double;
border-bottom-style: double;
border-top-style: double;
border-right-width: 5px;
border-left-width: 5px;
border-bottom-width: 5px;
border-top-width: 5px;
border-right-color: black;
border-left-color: black;
border-bottom-color: black;
border-top-color: black;
background-color: grey;
}
div.theme
{
color: black;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
font-family: 'Times New Roman',Times,serif;
font-size: 16px;
border-right-style: double;
border-left-style: double;
border-bottom-style: double;
border-top-style: double;
border-right-width: 5px;
border-left-width: 5px;
border-bottom-width: 5px;
border-top-width: 5px;
border-right-color: black;
border-left-color: black;
border-bottom-color: black;
border-top-color: black;
background-color: white;
}
[/css]

 

[stanimir_95]

Не разбрах защо си сложил padding на картинката.
Ето тук:

echo '<div class="theme"><img style="float: left; padding: 0px 5px 0px 5px;" src="admin/'.$row['thumb_directory'] . $row['imagename'].'"border="0">' . $row['text'];

Може от това да бъгва, пробвай и кажи .

 

[Meniak]

padding слагам за да не се слепва картинката за текста.
Махах падинга и резултата си е съшия.

 

[Nazi_93]

Ще ти кажа какъв ти е проблема :
1 Или картинката не е в този див
2. Или е голяма и главния див не се разпъва надолу т.е си му фиксирал височината и картинката излиза извън него.

 

[Fakeheal]

Преди да затвориш див-а сложи:

<div style="clear: both;"></div>

Това се прави така, защото картинката ти, която в текста е със зададен align="left" или float: left; и затова трябва да се изчисти.

 

[stanimir_95]

Проблемът тук е, доколкото виждам, че div-овете calendar и theme се уголемяват на височина не спрямо картинката, а спрямо текста. Пробвай да им зададеш фиксирана дължина. Други идеи нямам...

 

[Meniak]

Благодаря на всички за отзивите и наи вече на stanimir_95
Трябвало е в theme дива да задам height: 300px; и спи града.

Благодаря на всички.