Помощник
|
class и id в css проблема |
KruGoZor
|
Сообщение
#1
|
||
|
|
||
|
|||
Zippovich |
18.12.2008, 14:27;
Ответить: Zippovich
Сообщение
#2
|
|
Для начала показать нерабочий код.
|
|
|
Webmaster_hb |
18.12.2008, 14:29;
Ответить: Webmaster_hb
Сообщение
#3
|
|
KruGoZor, должно работать
попробуйте свести задачу к более мелкой, и выложите пример кода посмотрим... |
|
|
kvex |
18.12.2008, 16:10;
Ответить: kvex
Сообщение
#4
|
|
Рекомндую всё же не повторять одинаковых id на странице. Для создания нормальной страницы вполне достаточно классов. Покажите код.
|
|
|
pomp |
18.12.2008, 16:13;
Ответить: pomp
Сообщение
#5
|
|
Идентификатор ID должен быть уникальным и на странице указывается только один раз, а класс может применяться неоднократно.
|
|
|
cccp_hb |
18.12.2008, 23:01;
Ответить: cccp_hb
Сообщение
#6
|
|
я вот никак врубится не могу чем id ще class отличается , кроме того что можно только раз использовать. И почему только раз.:wacko:
|
|
|
pomp |
18.12.2008, 23:19;
Ответить: pomp
Сообщение
#7
|
|
Почему - потому что ID - "Идентификатор". Слово идентификатор пояснять не нужно? ;)
|
|
|
chumpasha |
26.9.2009, 19:36;
Ответить: chumpasha
Сообщение
#8
|
|
Привет!!! помогите начинающему верстальщику!!! :)
Проблема вот в чем: у меня в классе head есть класс menu. Класс menu принимает все значения класса head, и не реагирует на свои значения. Что ето такое подскажите пожалуйста.:unsure: <div class="head"> CSS код:<div> <img src="img/logo.png" alt="Логотип" /> <p>Кафедра</p> </div> <div class="menu"> <ul> <li><a href="#">Головна</a></li> <li><a href="#">Page_01</a></li> <li><a href="#">Page_02</a></li> <li><a href="#">Page_03</a></li> <li><a href="#">Page_04</a></li> </ul> </div> </div> /*---head---*/
.head{ width:1000px; height:145px; background:url(../img/head.jpg) no-repeat; } .head div{ margin:0px 0px 0px 300px; padding:20px 0px 0px 0px; width:500px; height:70px; } .head div img{ float:left; } .head div p{ font-family:"Times New Roman", Times, serif; font-size:24px; color:#fff; margin:18px 0px 0px 90px; } /*---menu---*/ .menu{ margin:25px 0px 0px 450px; padding:0px 0px 0px 0px; width:550px; height:30px; } .menu ul { margin:0px; padding:0px; list-style:none; } .menu li { float:left; background:url(../img/key_menu.png) repeat-x; margin:0px 1px 0px 0px; padding:7px 10px 7px 10px; } .menu li a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; } |
|
|
chumpasha |
26.9.2009, 20:51;
Ответить: chumpasha
Сообщение
#9
|
|
|
Я уже нашел ответ. Если у кого-то будет такая проблема, вот решение:
.head .menu{ margin:25px 0px 0px 450px; padding:0px 0px 0px 0px; width:550px; height:30px; } .head .menu ul { margin:0px; padding:0px; list-style:none; } .head .menu li { float:left; background:url(../img/key_menu.png) repeat-x; margin:0px 1px 0px 0px; padding:7px 10px 7px 10px; } .head .menu li a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; }
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3463 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3403 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6459 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1667 | 3.3.2021, 12:22 автор: kozak199110 |
|
Продам адаптивный шаблон (css/html/js) под cj/tube сайт | 2 | zaiko | 1434 | 29.12.2020, 23:49 автор: zaiko |
Текстовая версия | Сейчас: 20.4.2024, 13:20 |