X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> class и id в css проблема
KruGoZor
KruGoZor
Topic Starter сообщение 18.12.2008, 14:24; Ответить: KruGoZor
Сообщение #1


Ребяты подскажите как решить такую проблему.
Столкнулся с тем что когда я в ксс указываю id и использую в html их много раз (а не один как нужно валидатору) всё выглядит как должно, а если я делаю class то выглядит очень странно и совсем не ак как должно быть( и как выглядит при id) внутри контейнера css неменю ничего только ". "меняю на "#".
Как добиться того чтобы отображалось также.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 18.12.2008, 14:27; Ответить: Zippovich
Сообщение #2


Для начала показать нерабочий код.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 18.12.2008, 14:29; Ответить: Webmaster_hb
Сообщение #3


KruGoZor, должно работать
попробуйте свести задачу к более мелкой, и выложите пример кода
посмотрим...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kvex
kvex
сообщение 18.12.2008, 16:10; Ответить: kvex
Сообщение #4


Рекомндую всё же не повторять одинаковых id на странице. Для создания нормальной страницы вполне достаточно классов. Покажите код.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 18.12.2008, 16:13; Ответить: pomp
Сообщение #5


Идентификатор ID должен быть уникальным и на странице указывается только один раз, а класс может применяться неоднократно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cccp_hb
cccp_hb
сообщение 18.12.2008, 23:01; Ответить: cccp_hb
Сообщение #6


я вот никак врубится не могу чем id ще class отличается , кроме того что можно только раз использовать. И почему только раз.:wacko:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 18.12.2008, 23:19; Ответить: pomp
Сообщение #7


Почему - потому что ID - "Идентификатор". Слово идентификатор пояснять не нужно? ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
chumpasha
chumpasha
сообщение 26.9.2009, 19:36; Ответить: chumpasha
Сообщение #8


Привет!!! помогите начинающему верстальщику!!! :)
Проблема вот в чем: у меня в классе head есть класс menu. Класс menu принимает все значения класса head, и не реагирует на свои значения. Что ето такое подскажите пожалуйста.:unsure:


<div class="head">
<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>
CSS код:
/*---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
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;
    }


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
 9 malamut 3459 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
 5 CULA 3398 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


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 19.4.2024, 15:36

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet