• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по CSS » Размер новостей
Размер новостей
Jokes
Дата: Среда, 06.10.2010, 13:16 | Сообщение # 1
молчун
Группа: Пользователи
Пользователь №: 3255
Сообщений: 7
У меня проблема в дизайне сайта.

Как видите, новость занимает не всё свободное пространство(в ширину, слева).
У меня вопрос, как растянуть? С правой стороны я уже, более-менее адаптировал, а как с левой? В CSS найти не могу.

Желательно смотреть через FireFox.

Сообщение отредактировал Jokes - Среда, 06.10.2010, 13:31
  
Wlodzimierz
Дата: Среда, 06.10.2010, 18:59 | Сообщение # 2
молчун
Группа: Проверенные
Пользователь №: 228
Сообщений: 46
Получено оценок: 4
Quote (Jokes)
У меня проблема в дизайне сайта.

Как видите, новость занимает не всё свободное пространство(в ширину, слева).
У меня вопрос, как растянуть? С правой стороны я уже, более-менее адаптировал, а как с левой? В CSS найти не могу.

Желательно смотреть через FireFox.


Ширину блока укажи. В цсс коде изменяй параметр width:**px, ищи в классе блока.
Все чем могу помочь без наличия кода <_<


Статусы
  
Jokes
Дата: Среда, 06.10.2010, 19:20 | Сообщение # 3
молчун
Группа: Пользователи
Пользователь №: 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
Дата: Среда, 06.10.2010, 19:30 | Сообщение # 4
молчун
Группа: Проверенные
Пользователь №: 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
Дата: Среда, 06.10.2010, 23:24 | Сообщение # 5
молчун
Группа: Проверенные
Пользователь №: 228
Сообщений: 46
Получено оценок: 4
Jokes, попробуй в класс .eBlock добавить значение width с не резиновыми значениями т.е не в % а пикселях.

Статусы
  
Jokes
Дата: Четверг, 07.10.2010, 05:28 | Сообщение # 6
молчун
Группа: Пользователи
Пользователь №: 3255
Сообщений: 7
То есть должно получиться так:
Code
.eBlock {width 100px; border-top:1px solid #685745;border-bottom:1px solid #685745;background:url('') no-repeat #170d03;}

Если так, то не действует :(
Я в таком стандартном укозовском шаблоне, как то делал, чтобы новости всё пространство занимали...
А как не помню :(
  
Wlodzimierz
Дата: Четверг, 07.10.2010, 17:05 | Сообщение # 7
молчун
Группа: Проверенные
Пользователь №: 228
Сообщений: 46
Получено оценок: 4
Не верный синтаксис почитай это.
Code
width:100px;

Если ширина никак не измениться, значит косяк не в шаблоне самого вида новостей, а в блоках твоей верстки


Статусы
  
Jokes
Дата: Четверг, 07.10.2010, 19:38 | Сообщение # 8
молчун
Группа: Пользователи
Пользователь №: 3255
Сообщений: 7
Wlodzimierz, Тут оказывается, нужно положение новости в css менять, а не ширину. Т.к. я исправил, а он изменился в ширь вправо.
  
Форум Studio AD » Сайтостроение » Общий форум по CSS » Размер новостей
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.