Перейти к содержимому



Помогите перенести стили в таблицу.

#1 Sergey_Ivanisov

Sergey_Ivanisov
  • Пользователь
  • 29 сообщений
  • Репутация: 4
0

Отправлено 27 Сентябрь 2015 - 14:29

Добрый день. У меня блог на WP. Я решил установить форму смартреспондера в статью. Без учета скрипта получился следующий код:

<div id="outer_alignment" align="center">
    <form class="sr-box" method="post" action="https://smartresponder.ru/subscribe.html" target="_blank" name="SR_form_14_53" style="width: 339px; border: 1px solid rgb(198, 176, 168); margin-left: ; border-radius: 0px;">
        <input type="text" name="field_name" class="sr-name">
        <div id="sr-preload_" style="display: none; background-color: #f6f6f6; opacity: 0.5; position: absolute; z-index: 100; text-align: center; font: bold 15px Arial;">Загрузка...</div>
        <ul class="sr-box-list"><li class="sr-14_53" style="text-align: center; border-radius: 0px; height: 50px; margin-bottom: 0px;">
<label class="remove_labels" style="font-weight: normal; font-family: arial; color: rgb(98, 98, 99); font-size: 13px; font-style: italic; display: none;"></label>
<input type="text" name="field_email" class="sr-required" style="font-weight: normal; font-family: arial; color: rgb(102, 102, 102); font-size: 14px; font-style: italic; border: 1px solid rgb(222, 218, 187); border-radius: 0px; height: 34px; box-shadow: none; margin-top: 15px; background-image: none; background-color: rgb(255, 255, 255);" value="Ваш E-mail">
            </li><li class="sr-14_53" style="text-align: center; border-radius: 0px; height: 50px; margin-bottom: 0px;"><label class="remove_labels" style="font-weight: normal; font-family: arial; color: rgb(98, 98, 99); font-size: 13px; font-style: italic; display: none;;"></label><input type="text" name="field_name_first" style="font-weight: normal; font-family: arial; color: rgb(102, 102, 102); font-size: 14px; font-style: italic; border: 1px solid rgb(222, 218, 187); border-radius: 0px; height: 34px; box-shadow: none; margin-top: 15px; background-image: none; background-color: rgb(255, 255, 255);" value="Ваше имя"></li><li class="sr-14_53" style="text-align: center; border-radius: 0px; border: 0px; height: 78px; margin-bottom: 0px;"><table id="elem_table_subscribe" border="0" cellspacing="0" cellpadding="0" style="display: inline-table; border-collapse: separate; margin-top: 22px; width: 100%;"><tbody><tr><td id="elem_container_subscribe" style="vertical-align: middle;"><input type="submit" name="subscribe" value="Подписаться" style="font-weight: normal; font-family: georgia; color: rgb(255, 255, 255); font-size: 20px; font-style: normal; border: 0px solid rgb(99, 129, 18); height: 45px; width: 100%; margin: 0px; box-shadow: none; background: #EA6E5E; border-radius: 5px;"></td></tr></tbody></table></li></ul>
        <input type="hidden" name="uid" value="699867">
    <input type="hidden" name="tid" value="0"><input type="hidden" name="lang" value="ru"><input type="hidden" name="did[]" value="856439"><input name="script_url_14_53" type="hidden" value="https://imgs.smartresponder.ru/on/ab56041b1029cf05b0e72706e07a057c4c9014e3/14_53"></form>
</div>

Подскажите пожалуйста, как задать в CSS стили для элементов с классом: 

  • sr-box
  • sr-box-list
  • sr-14_53
  • remove_labels

Для "sr-14_53" смог сам разобраться, методом"смотрения на подобные вещи". Получилось так:

#main_content_post ul li.sr-14_53:before {параметры}

А вот с другими, ну, никак не получатся.... Буду рад, если поможете :)

 

Если быть конкретней то интересует, лишь то, то что находится за {


 

 

Сообщение отредактировал Sergey_Ivanisov: 27 Сентябрь 2015 - 14:51

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Помогите со style.css
  2. Как подключить таблицу стилей в HTML 5
  3. Помогите перенести сайт с DLE на Wordpress или Joomla
  4. Помогите перенести сайт .рф на полноценный конструктор!
  5. Помогите с таблицей wp_commnets в базе данных wordpress

#2 Russlav

Russlav
  • Пользователь
  • 370 сообщений
  • Репутация: 18

Отправлено 27 Сентябрь 2015 - 15:31

sr-box
 

Для этого случая, разве это вот не работает:

 

.sr-box {

параметры;

}


  • 0

#3 Sergey_Ivanisov

Sergey_Ivanisov
    Topic Starter
  • Пользователь
  • 29 сообщений
  • Репутация: 4

Отправлено 27 Сентябрь 2015 - 16:16

@Russ33, нет не получилось. Почему-то, когда так делал, то у элемент наследовал CSS другой. Сегодня свежую голову получилось так: 

 

#main_content_post ul li.sr-14_53 {параметры}

 

Предполагаю, суля по строчкам "main_content_post", что нужно было задавать стиль именно для контента внутри сообщения:)


Сообщение отредактировал Sergey_Ivanisov: 27 Сентябрь 2015 - 16:18

  • 0

#4 Russlav

Russlav
  • Пользователь
  • 370 сообщений
  • Репутация: 18

Отправлено 27 Сентябрь 2015 - 16:35

Почему-то, когда так делал, то у элемент наследовал CSS другой.
 

Может у вас, к этим классам уже применены, какие то стили и всё из-за этого? Проверьте!

Или дайте этому:


sr-box

sr-box-list

sr-14_53

remove_labels

 

ID, а не классы, и уже к самим id применяйте правила.


  • 1

#5 Sergey_Ivanisov

Sergey_Ivanisov
    Topic Starter
  • Пользователь
  • 29 сообщений
  • Репутация: 4

Отправлено 27 Сентябрь 2015 - 16:54

@Russ33, да. Так оно и было. Теперь понял. Спасибо.

 

Подскажите ещё, а как перенести эти стили:

<input type="submit" name="subscribe" value="ПОЛУЧИТЬ ССЫЛКУ" style="font-weight: normal; font-family: georgia; color: rgb(255, 255, 255); font-size: 20px; font-style: normal; border: 0px solid rgb(99, 129, 18); height: 45px; width: 100%; margin: 0px; box-shadow: none; background: #EA6E5E; border-radius: 5px;">

в таблицу? Нужно задать свой класс? Пример пожалуйста приведите :)


Сообщение отредактировал Sergey_Ivanisov: 27 Сентябрь 2015 - 16:54

  • 0

#6 Sergey_Ivanisov

Sergey_Ivanisov
    Topic Starter
  • Пользователь
  • 29 сообщений
  • Репутация: 4

Отправлено 27 Сентябрь 2015 - 23:06

Недожидаясь ответов сделал сам, как смог. Если кто-то сможет быстренько пробежаться и указать на очевидные ошибки, буду благодарен.

#main_content_post ul li.sr-14_53:before {
   background: none;
}
#main_content_post ul li.sr-14_53 {
  text-align: center;
   border-radius: 0px;
   height: 50px;
   margin-bottom: 0px;
}
#main_content_post .remove_labels {    
    font-weight: normal;
    font-family: arial;
    color: rgb(98, 98, 99);
    font-size: 13px;
    font-style: italic;
    display: none;
}
#main_content_post .sr-box {  
    width: 339px;
    height: 200px;
    border: 1px solid rgb(198, 176, 168);
    border-radius: 0px;
}
#main_content_post .sr-required {  
   font-weight: normal;
   font-family: arial;
   color: rgb(102, 102, 102);
   font-size: 14px;
   font-style: italic;
   border: 1px solid rgb(222, 218, 187);
   border-radius: 0px;
   height: 34px;
   box-shadow: none;
   margin-top: 15px;
   background-image: none;
   background-color: rgb(255, 255, 255);
}
#sr-preload_14_53 {
  display: none;
  background-color: #f6f6f6;
  opacity: 0.5;
  position: absolute;
  z-index: 1200;
  text-align: center;
  font: bold 15px Arial;
}
#smart-resp-pole {
  font-weight: normal;
  font-family: arial;
  color: rgb(102, 102, 102);
  font-size: 14px;
  font-style: italic;
  border: 1px solid rgb(222, 218, 187);
  border-radius: 0px;
  height: 34px;
  box-shadow: none;
  margin-top: 15px;
  background-image: none;
  background-color: rgb(255, 255, 255);
}
#main_content_post #elem_table_subscribe {
  border: 0px;
  cellspacing: 0px;
  cellpadding: 0;px
  display: inline-table;
  border-collapse: separate;
  margin-top: 22px;
  width: 100%;
}
#elem_container_subscribe {
  vertical-align: middle;
}
#smart-resp-knopka {
  font-weight: normal;
  font-family: georgia;
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-style: normal;
  border: 0px solid rgb(99, 129, 18);
  height: 45px;
  width: 100%;
  margin: 0px;
  box-shadow: none;
  background: #EA6E5E;
  border-radius: 5px;
}

  • 0

#7 Russlav

Russlav
  • Пользователь
  • 370 сообщений
  • Репутация: 18

Отправлено 28 Сентябрь 2015 - 05:16

border-radius: 0px;
 

Когда значение 0, то px можно не писать. ;) То же и здесь:

 

margin-bottom: 0px;

border-radius: 0px;

border-radius: 0px;

border-radius: 0px;

border: 0px; cellspacing: 0px;

margin: 0px;
 

cellpadding: 0;px

Это повторяющееся правило, его необходимо удалить.

font-weight: normal; font-family: arial; font-size: 13px; font-style: italic;

Это всё можно заменить на font: italic normal 13px arial;

background-image: none; background-color: rgb(255, 255, 255);

Я не понимаю, зачем закрывать изображение, если заданный вами цвет сам его закроет, стоп, а оно вообще там есть? 

font-weight: normal; font-family: arial; font-size: 14px; font-style: italic;

Это можно заменить на  font: italic normal 14px arial;

И ещё, желательно заменить все italic в тексте на bold.

font-weight: normal; font-family: arial; font-size: 14px; font-style: italic;

Опять же это лучше написать так font: italic normal 14px arial;

Arial

Это дело нужно писать с маленькой буквы.

font-weight: normal; font-family: georgia; font-size: 20px; font-style: normal;

Можно заменить на font: normal normal 20px georgia;


  • 0


Оформление форума – IPBSkins.ru