Как адаптировать форму комментариев под телефон?

голоса: 0

Добрый вечер, не могли бы вы мне помочь... не как не могу адаптировать форму добавление коментрарий под телефон

 

<style> 
 .securityCode { 
 border:0px; 
 border-right:1px solid #ccc; 
 } 
</style> 

<div style="padding:10px;border-radius: 2px;background: #000;color:#fff;margin-bottom:5px;"><b>Добавить комментарий</b></div> 

<table border="0" width="100%" cellspacing="0" cellpadding="0"> 
 <tr><td class="commTd2" colspan="2">$ERROR$</td></tr> 
 <?if(!$USER_LOGGED_IN$)?> 
 <tr><td width="240" class="commTd1" nowrap><input style="width:235px;border:1px 
solid #dcdcdc;border-radius: 4px;padding:8px;" type="text" name="name" placeholder="Имя" value="$NAME$"></td> 
 <td class="commTd1" align="left"><input style="width:235px;border:1px solid 
#dcdcdc;border-radius: 2px;padding:8px;" type="text" name="email" placeholder="Email" value="$EMAIL$"></td> 
 
 </tr> 
 <?endif?> 
 <tr><td class="commTd2" colspan="2"><table border="0" cellpadding="0" 
cellspacing="0" width="100%"><tr><td valign="top"><textarea class="commFl" style="height:80px;border:1px solid #dcdcdc;border-radius: 4px;padding:8px;margin-top:5px;margin-bottom:5px;" rows="8" name="message" id="message" cols="50">$MESSAGE$</textarea></td></tr></table></td></tr> 
 <tr><?if($SECURITY_CODE$)?><td style="width: 250px !important;" align="right" 
class="commTd20">$SECURITY_CODE$</td><?endif?><td align="right"><input sty type="submit" class="commSbmFl" id="addcBut" name="submit" style="border:1px solid #000;border-radius: 2px;padding:8px;margin-left:5px;" value="Отправить"></td></tr> 
</table>

Проблема в том что когда гость видет форму через телефон нету адаптации. а когда залогинен, то все норм. немогу понять в чем проблема 

| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0

Попробуйте в стили прописать:

#postFormContent input,#postFormContent textarea,#postFormContent form {width:100%!important;}

станет немного лучше.

| Автор:
это добавить как новый код или его надо где то изменить в CSS?
вы бы не могли подсказать <font size="2">пример</font> как его изпользывать только в пикселях типо 15px, что бы вместо "2" было например "15px" через CSS это понятно как, а вот через обычный html... что то я немогу вспомнить как правильно должен писатся код.
Виталий Селезнёв,
  1. Как новую строку в стили.
  2. Лучше использовать подобно: <span style="font-size:15px;">пример</span> так будет лучше так как тег font устаревший тег.
Yuri_Geruk,
спасибо за ответ, но у меня есть еще один вопрос который только что пришел в голову. "Устаревшие теги и атрибуты" есть разница в изпользывание? например если я буду изпользывать старые теги и атрибуты. как то это может повлиять на сам сайт в целом и для поиска в google например? просто я привык к старым тегам и атрибутам.
Виталий Селезнёв,
Разные браузеры по разному отображают содержимое устаревших тегов. Учитите, что в будущем браузеры могут перестать  поддерживать этот тег вовсе и он перестанет работать как вы ожидаете. Делайте правильно сейчас, чтобы потом не пришлось редактировать все наново.
Yuri_Geruk,
<meta property="og:description" content="$SEO_DESCRIPTION$"> и <meta name="description" content="$SEO_DESCRIPTION$"> оба варианта правельные или какой то из них хуже? просто думаю какой лучше ставить вариант на сайт. и так же хотел узнать если я вручную буду писать через HTML "description" он так же будет работать как и через модуль SEO?
Виталий Селезнёв,
Оба имеют разное предназначение, тот который с приставкой og он для соц-сетей ( вконтакте, фейсбук, однокласники ), второй тег для поисковиков. Использовать нужно оба.
...