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

HTML+CSS+JavaScript

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

 

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

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

тема: Ссылки в меню
 
 автор: Golovastik   (02.09.2010 в 21:35)   письмо автору
46 Кб
 
 

Скажите, как сделать меню как здесь http://ruseller.com
без использования <br> после каждого пункта меню.
Раньше использовал display:block; и каждая ссылка переходила на другю строку, а теперь получаетсья всё вместе.
Ещё проблеммка, шапка уехала от 2-ой строки нужно её соединить, подскажите как.
Заранее благодарю.
http://www.sharemania.ru/0107797

  Ответить  
 
 автор: bishake   (02.09.2010 в 21:42)   письмо автору
 
   для: Golovastik   (02.09.2010 в 21:35)
 

>Раньше использовал display:block; и каждая ссылка переходила на другю строку, а теперь получаетсья всё вместе.
Не надо всё вместе, тут лучше всего использовать список:
li {
   display: block;
   width: XXXpx;
   height: XXXpx;
   }

  Ответить  
 
 автор: Golovastik   (02.09.2010 в 22:09)   письмо автору
 
   для: bishake   (02.09.2010 в 21:42)
 

Чего-то не выходит, напишите пож. полным кодом.

  Ответить  
 
 автор: bishake   (02.09.2010 в 23:02)   письмо автору
 
   для: Golovastik   (02.09.2010 в 22:09)
 

Хм, ну предположим, что так:
<style type='text/css'>
li { 
   display: block; 
   width: 150px; 
   height: 50px; 
   }
</style>

<body>
   <ul>
      <li><a href='#'>Link1</a></li>
      <li><a href='#'>Link2</a></li>
      <li><a href='#'>Link3</a></li>
   </ul>
</body>

  Ответить  
 
 автор: Golovastik   (02.09.2010 в 23:09)   письмо автору
 
   для: bishake   (02.09.2010 в 23:02)
 

А есл икаждую ссылку взять в отдельный див, так не лучше будет?

  Ответить  
 
 автор: bishake   (02.09.2010 в 23:52)   письмо автору
 
   для: Golovastik   (02.09.2010 в 23:09)
 

Можно и в див. Просто в данном случае, список является семантически верным элементом.

  Ответить  
 
 автор: Golovastik   (03.09.2010 в 00:42)   письмо автору
 
   для: Golovastik   (02.09.2010 в 23:09)
 

Всё поисправлял уже, последняя проблема в меню. В браузере имено ИЕ6 и ИЕ7, зазор от таблицы, как исправить скажите,условными коментариями может, не получаеться подогнать, убрать отступ, он показан на фото. Вот фото проблемы и архив новый вылаживаю, уже с меню.
http://ipicture.ru/uploads/100903/R5oUaRLLw5.jpg
http://www.sharemania.ru/0158454

  Ответить  
 
 автор: Golovastik   (03.09.2010 в 01:36)   письмо автору
 
   для: Golovastik   (03.09.2010 в 00:42)
 

Точно,вот так сработало:

<img  style="display:block;" src="img/videoyroki.png" ><




Теперь я хочу сделать отступ текста от лева на 20 пикселей, во всех браузерах,включая нетскейп, кроме именно И7 и И6, не хочет работать вот это:



.d a{display:block; border-top:1px solid black;

padding:10px; text-indent:20px;

}





Вот эта ерунда text-indent:20px; не срабатывает там(И7,ИЕ6), подскажите что можно сделать?

  Ответить  
 
 автор: Golovastik   (03.09.2010 в 01:54)   письмо автору
 
   для: Golovastik   (03.09.2010 в 01:36)
 

Скажите, каким пользуються браузерами кроме ИЕ,Опера,Мозила,Гугхром,нетскейп?

  Ответить  
 
 автор: Golovastik   (03.09.2010 в 03:10)   письмо автору
 
   для: Golovastik   (03.09.2010 в 01:54)
 

Последняя проблема, я заметил, что при уменьшении окна, в браузерах Мозила,ГуГхром,нетскейп,сафари,Опера, кроме ИЕ, не появляеться полоса прокрутки, при уменьшении окна до ниже 800....700....600....500 пикселей.Как преодолеть это?

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

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