Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: смесить блог поиска вниз
 
 автор: shakopee   (21.10.2012 в 08:39)   письмо автору
 
 

На сайте http://11klassniki.ru в верхнем меню есть "пользовательский поиск от google", который требуется сместить на 2 мм вниз.

<div id="menucase">
    <ul id="saturday">
    <li>здесь код пользовательский поиск от google</a></li>


#menucase{
    width:100%; 
    padding-top:124px; 
    }


ul#saturday{
    list-style-type:none;
    width:100%; 
    position:relative;
    display:block;
    height:28px;
    text-transform:uppercase;
    font-family:Helvetica,Arial,Verdana,sans-serif;
    font-size:12px;
    font-weight:700;
    margin:0;
    padding:0
    }
ul#saturday li{display:block;float:left;pading:0;margin:0}
ul#saturday li a{display:block;float:left;color:#fff;text-decoration:none;
height:23px !important;background:transparent url("img/headerandmenu/bgDIVIDER.png") 
no-repeat bottom right;margin-top:1px;padding:5px 25px 0 20px}
ul#saturday li a:hover{background:transparent url("img/headerandmenu/bgHOVER.png") 
no-repeat top right}ul#saturday li a.current,
ul#saturday li a.current:hover{color:#fff;background:transparent url("img/headerandmenu/bgON.png") no-repeat top right}


Подскажите, что прописать в css файле

  Ответить  
 
 автор: ЯСА   (21.10.2012 в 13:53)   письмо автору
 
   для: shakopee   (21.10.2012 в 08:39)
 

смешивают блендером или миксером-взбивалкой

а смещают вниз на 2 пикселя:
-- либо увеличением свойства margin-top смещаемого тега на 2 пикселя от текущего значения
-- либо увеличением свойства top на те же два пикселя (если объект спозиционирован)

но вам не поможет ни первый способ, ни второй
коду, где ссылка оформляется как </a> (и только!) - помочь может только одно: выкинуть его и сесть писать другой с нуля

  Ответить  
 
 автор: Deed   (21.10.2012 в 18:05)   письмо автору
267.6 Кб
 
   для: ЯСА   (21.10.2012 в 13:53)
 

Да ладно там.
<input type="text" size="45" name="q" style="border: 1px solid rgb(126, 157, 185); padding: 2px; background: url("http://www.google.ru/cse/intl/ru/images/google_custom_search_watermark.gif") no-repeat scroll left center rgb(255, 255, 255);margin-top:3px">

  Ответить  
 
 автор: shakopee   (21.10.2012 в 21:00)   письмо автору
 
   для: Deed   (21.10.2012 в 18:05)
 

спасибо. но я что-то конкретно прописать
<div id="menucase"> 
    <ul id="saturday"> 
    <li>здесь код пользовательский поиск от google</li>

либо для menucase или saturday

  Ответить  
 
 автор: Deed   (21.10.2012 в 22:43)   письмо автору
 
   для: shakopee   (21.10.2012 в 21:00)
 

Я ничего не понял.

  Ответить  
 
 автор: shakopee   (22.10.2012 в 05:42)   письмо автору
 
   для: Deed   (21.10.2012 в 22:43)
 

хорошо.
вот этот код
<input type="text" size="45" name="q" style="border: 1px solid rgb(126, 157, 185); padding: 2px; background: url("http://www.google.ru/cse/intl/ru/images/google_custom_search_watermark.gif") no-repeat scroll left center rgb(255, 255, 255);margin-top:3px">

куда прописать?
и что это
"http://www.google.ru/cse/intl/ru/images/google_custom_search_watermark.gif

зачем? это уже есть в самом коде от google

  Ответить  
 
 автор: Deed   (22.10.2012 в 08:17)   письмо автору
 
   для: shakopee   (22.10.2012 в 05:42)
 


<input type="text" size="45" name="q" style="border: 1px solid rgb(126, 157, 185); padding: 2px; background: url("http://www.google.ru/cse/intl/ru/images/google_custom_search_watermark.gif") no-repeat scroll left center rgb(255, 255, 255);">

- это УЖЕ есть на странице. Отурываете ее редактором, ищете это место и добавляете margin-top:3px в стиль:

<input type="text" size="45" name="q" style="border: 1px solid rgb(126, 157, 185); padding: 2px; background: url("http://www.google.ru/cse/intl/ru/images/google_custom_search_watermark.gif") no-repeat scroll left center rgb(255, 255, 255);margin-top:3px">

А

background: url("http://www.google.ru/cse/intl/ru/images/google_custom_search_watermark.gif") no-repeat scroll left center rgb(255, 255, 255);

Уже есть на вашей странице и второй раз ничего никуда добавлять не нужно. Это просто свойство фоновой картинки инпута поиска. Вам нужно добавить только margin-top:3px в перечень стилей.

  Ответить  
 
 автор: shakopee   (22.10.2012 в 13:51)   письмо автору
 
   для: Deed   (22.10.2012 в 08:17)
 

вы в курсе что нельзя вносить изменения в код от гугл?

<div id="menucase">
<ul id="saturday">
<li>здесь код пользовательский поиск от google</a></li>

тут надо поработать с ячеками <div id="menucase">
<ul id="saturday">

  Ответить  
 
 автор: Deed   (22.10.2012 в 15:58)   письмо автору
250.3 Кб
 
   для: shakopee   (22.10.2012 в 13:51)
 

Нельзя вносить изменения в скриптовый код. В украшательствах никто не ограничивает. Это раз.
Второе. Можно вставить свойство margin-top в последний <li> списка, в котором и находится форма поиска.
На картинке пример.

  Ответить  
 
 автор: shakopee   (23.10.2012 в 02:15)   письмо автору
 
   для: Deed   (22.10.2012 в 15:58)
 

картинки нет.

написал вот так
    <li margin-top:3px>

но ничего не изменилось

  Ответить  
 
 автор: Deed   (23.10.2012 в 08:16)   письмо автору
 
   для: shakopee   (23.10.2012 в 02:15)
 

<li style="margin-top:3px">
КАРТИНКА ПРИАТТАЧЕНА!
Confirm! Я не могу больше!

  Ответить  
 
 автор: elenaki   (23.10.2012 в 14:52)   письмо автору
 
   для: ЯСА   (21.10.2012 в 13:53)
 

и не блоГ, а блоК

надоели эти Олбанцы неграмотные

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования