Здесь больше нет рекламы. Но могла бы быть, могла.

Страницы: 1 [2]  Все   Вниз

Автор Тема: Вопросы по HTML и т.п.  (Прочитано 6465 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Аццкая сотона›

  • Гость
Re: Вопросы по HTML и т.п.
« Ответ #20 : 28/11/2005, 13:59:01 »

Цитата из: Corwin Celebdil on 28-11-2005, 13:07:00

Цитата из: Аццкая сотона on 28-11-2005, 12:48:27
Нет времени перекопать. В чем трабла конкретно?



1. background-color:yellow ты применил к #container вместо #yellow.
2. <div id="yellow"> содержит слишком длинную фразу, которая, само собой, растягивает его как нужно.

В общем, изящного решения для одновременного использования во всех браузерах, похоже, нет.
Я выкрутился подключением разных css для IE и для Оперы/Мозиллы.

Итого, для IE мы в стиле #yellow меняем absolute на relative (IE очень удачно для нас обрезает ширину в 100% по экрану :))
Для Оперы/Мозиллы добавляем в стиль #yellow right:14px.



1. Логично. Он затем и нужен. Очень часто используемое решение, весьма корректное, кстати.
2. А ты собирался его пустым оставить? :)

Писать разные цссы - неспортивно :)

               

               
Записан

Аццкая сотона›

  • Гость
Re: Вопросы по HTML и т.п.
« Ответ #21 : 28/11/2005, 14:06:21 »

Цитата из: Corwin Celebdil on 28-11-2005, 13:37:18
Еще один вопрос: чем использование @import лучше тега link?



По сути ничем. Кому как удобней.

               

               
Записан

Corwin Celebdil›

  • Гость
Re: Вопросы по HTML и т.п.
« Ответ #22 : 28/11/2005, 14:39:18 »

Цитата из: Аццкая сотона on 28-11-2005, 13:59:01
1. Логично. Он затем и нужен. Очень часто используемое решение, весьма корректное, кстати.


Для данного упрощенного примера оно-то да, подходит, но в реале у меня картинки-бэкграунды, и при этом способе вылазят разные левые куски в разных местах :)

Цитата из: Аццкая сотона on 28-11-2005, 13:59:01
2. А ты собирался его пустым оставить? :)



Нет, но с гораздо более коротким текстовым блоком.

               

               
Записан

Corwin Celebdil›

  • Гость
Re: Вопросы по HTML и т.п.
« Ответ #23 : 29/11/2005, 12:53:18 »
Следующее :)

Код:
<html>
<head>
<style type="text/css">
li {list-style-type:none;}
li a {display:block; border:3px solid #2CABE2;}
li a:hover {border:3px solid #999;}
</style>
</head>
<body>
<ul>
<li><a href="#">МЕНЮШКА №1</a></li>
<li><a href="#">МЕНЮШКА №2</a></li>
<li><a href="#">МЕНЮШКА №3</a></li>
</ul>
</body>
</html>


Что нужно сделать для того, чтобы вертикальный зазор между ссылками стал меньше (2 пикселя, допустим)? И функциональность сохранилась.
Вот интересно: все сразу знают что нужно делать и я один такой, что искал пол часа решение :)

               

               
Записан

Аццкая сотона›

  • Гость
Re: Вопросы по HTML и т.п.
« Ответ #24 : 29/11/2005, 16:28:53 »
Ты про бордеры? Никак, к сожалению.
Только таблами и border-collapse.

               

               
Записан

Corwin Celebdil›

  • Гость
Re: Вопросы по HTML и т.п.
« Ответ #25 : 29/11/2005, 16:42:48 »

Цитата из: Аццкая сотона on 29-11-2005, 16:28:53
Ты про бордеры?



Эээ.. Я хочу, чтобы ссылки-прямоугольнички были ближе друг к другу :) Без большого количества пустого места между ними.

               

               
Записан

Аццкая сотона›

  • Гость
Re: Вопросы по HTML и т.п.
« Ответ #26 : 29/11/2005, 16:52:37 »
Код:
<html>
<head>
<style type="text/css">
li {list-style-type:none;}
li a {border:3px solid #2CABE2;width:100%;}
li a:hover {border:3px solid #999;}
</style>
</head>
<body>
<ul>
   <li><a href="#">МЕНЮШКА №1</a></li>
   <li><a href="#">МЕНЮШКА №2</a></li>
   <li><a href="#">МЕНЮШКА №3</a></li>
</ul>
</body>
</html>


               

               
Записан

Corwin Celebdil›

  • Гость
Re: Вопросы по HTML и т.п.
« Ответ #27 : 29/11/2005, 18:35:27 »
Нет двухпиксельного зазора между ними :)

               

               
Записан

Аццкая сотона›

  • Гость
Re: Вопросы по HTML и т.п.
« Ответ #28 : 29/11/2005, 21:20:05 »
Мог бы и сам додуматься :)

Код:
<html>
<head>
<style type="text/css">
li {list-style-type:none;margin-bottom: 2px;}
li a {display:block;border:3px solid #2CABE2;width:100%;}
li a:hover {border:3px solid #999;}
</style>
</head>
<body>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</body>
</html>


               

               
Записан

Corwin Celebdil›

  • Гость
Re: Вопросы по HTML и т.п.
« Ответ #29 : 30/11/2005, 10:49:42 »
Вот черт. Почему я это пропустил :))


Стоп! Я знаю почему пропустил. Я не ставил width: 100%.

               


               

      
Записан
Страницы: 1 [2]  Все   Вверх
 

+ Быстрый ответ