Размер новостей
Jokes
молчун
Группа: Пользователи
Пользователь №: 3255
Сообщений: 7
У меня проблема в дизайне сайта . Как видите, новость занимает не всё свободное пространство(в ширину, слева). У меня вопрос, как растянуть? С правой стороны я уже, более-менее адаптировал, а как с левой? В CSS найти не могу.
Желательно смотреть через FireFox.
Сообщение отредактировал Jokes - Среда, 06.10.2010, 13:31
Wlodzimierz
молчун
Группа: Проверенные
Пользователь №: 228
Сообщений: 46
Получено оценок: 4
Quote (Jokes )
У меня проблема в дизайне сайта.
Как видите, новость занимает не всё свободное пространство(в ширину, слева). У меня вопрос, как растянуть? С правой стороны я уже, более-менее адаптировал, а как с левой? В CSS найти не могу.
Желательно смотреть через FireFox.
Ширину блока укажи. В цсс коде изменяй параметр width:**px, ищи в классе блока. Все чем могу помочь без наличия кода Статусы
Jokes
молчун
Группа: Пользователи
Пользователь №: 3255
Сообщений: 7
Wlodzimierz , Извини, запамятовал. Вот код: Code
<table class="eBlock" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="padding:5px;"> <?if($MODER_PANEL$)?><div style="float: right;">$MODER_PANEL$</div><?endif?> <div class="eTitle" style="text-align: left;"><a href="$ENTRY_URL$">$TITLE$</a></div> <?if($MESSAGE$)?><div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;">$MESSAGE$</div><?endif?> <?if($ATTACHMENTS$)?><div class="eAttach">Прикрепления: $ATTACHMENTS$</div><?endif?><div class="eDetails" style="clear: both;"> <?if($RATING$)?><div style="float: right;"><br></div><?endif?> <!--IF--> <a href="$COMMENTS_URL$"><img border="0" align="absmiddle" src="http://jokes.ucoz.ru/img/readon.png"></a><!--ENDIF--> </div></td></tr></tbody></table><br>
CSS
strike
Группа: Проверенные
Пользователь №: 1081
Сообщений: 37
Получено оценок: 2
Code
.eBlock {border-top:1px solid #685745;border-bottom:1px solid #685745;background:url('') no-repeat #170d03;} .eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:11pt;font-weight:bold;color:#FFFFFF; padding: 0px 5px 5px 5px;} .eTitle a:link {text-decoration:underline; color:#C7D9D5;} .eTitle a:visited {text-decoration:underline; color:#C7D9D5;} .eTitle a:hover {text-decoration:none; color:#FFFFFF;} .eTitle a:active {text-decoration:underline; color:#C7D9D5;} .eText, .eMessage {text-align:justify; padding:10px !important;} .eDetails {background:#170d03;color:#999999;padding:10px;text-align:right;font-size:7pt;margin-left:100px;border-bottom:1px solid #170d03;} .eDetails1 {background:#353535;color:#999999;padding:10px;text-align:right;font-size:8pt;margin-left:100px;border-bottom:1px solid #F2401E;} .eDetails2 {background:#353535;color:#999999;padding:10px;text-align:right;font-size:8pt;margin-left:100px;border-bottom:1px solid #F2401E;} .eRating {font-size:7pt;} .eAttach {margin: 15px 0 10 0; padding: 0 0 0 15px; background: url('') no-repeat 0px 0px;}
CSS новости
Сообщение отредактировал strike - Среда, 06.10.2010, 19:33
Wlodzimierz
молчун
Группа: Проверенные
Пользователь №: 228
Сообщений: 46
Получено оценок: 4
Jokes , попробуй в класс .eBlock добавить значение width с не резиновыми значениями т.е не в % а пикселях.Статусы
Jokes
молчун
Группа: Пользователи
Пользователь №: 3255
Сообщений: 7
То есть должно получиться так: Code
.eBlock {width 100px; border-top:1px solid #685745;border-bottom:1px solid #685745;background:url('') no-repeat #170d03;}
Если так, то не действует Я в таком стандартном укозовском шаблоне, как то делал, чтобы новости всё пространство занимали... А как не помню
Wlodzimierz
молчун
Группа: Проверенные
Пользователь №: 228
Сообщений: 46
Получено оценок: 4
Не верный синтаксис почитай это . Если ширина никак не измениться, значит косяк не в шаблоне самого вида новостей, а в блоках твоей верстки Статусы
Jokes
молчун
Группа: Пользователи
Пользователь №: 3255
Сообщений: 7
Wlodzimierz , Тут оказывается, нужно положение новости в css менять, а не ширину. Т.к. я исправил, а он изменился в ширь вправо.