Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
МОЛЛь
0 / 0 / 0
Регистрация: 14.05.2013
Сообщений: 8
1

Дайте несколько советов!

13.06.2013, 13:06. Просмотров 439. Ответов 4
Метки нет (Все метки)

И так спустя два не полных раб дня, я подошел к заключению своего макета, но не могу решить ни как 2ве проблемы.
В подвале ни как ни могу опустить ссылки, ни margin,ни padding не помогают, подскажите как сделать, и в шапке когда наводишь на ссылки у под меню не могу поставить фон куда нужно,background-position тоже не помогает.Только кажется мне что дело очень простое))
0
Вложения
Тип файла: rar mnogokolonok.rar (4.47 Мб, 7 просмотров)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.06.2013, 13:06
Ответы с готовыми решениями:

Оценить макет, дайте пару советов
Всем привет. Сверстал не давно свой первый сайт. Он получился очень легким...

Дайте практику=)
Здравствуйте! Прошу откликнуться гуру асов в html и css я получил много теории...

Дайте HTML коды
Привет. Дайте, пожалуйста, html код аудиоплеера и видеоплеера(flash плеер) для...

посмотрите дайте совет
здравствуйте такой вопрос, у меня есть главная страница сайта сделанная в...

Дайте пожалуйста совет...
Здравствуйте! Я начинающий верстальщик! Я только изучил базовые HTML,...

4
Lovrentiy
161 / 161 / 11
Регистрация: 07.09.2011
Сообщений: 995
14.06.2013, 10:47 2
кому как, а мне удобнее смотреть код в теле сообщения, будьте добры отрезок html и css в теме, если есть, то ссылку или скрин того как реализовано сейчас.
1
МОЛЛь
0 / 0 / 0
Регистрация: 14.05.2013
Сообщений: 8
15.06.2013, 09:18  [ТС] 3
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="head">
  <img src="img/logo.png">
   <div id="nav">
    <ul class="select">
     <li><a href="1">Home</a></li>
     <li><a href="1">О нас</a></li>
     <li><a href="1">Консультации</a>
      <ul class="sub">
       <li><a href="1">Учеба в Италии</a></li>
    <li><a href="1">Бизнес в Италии</a></li>
    <li><a href="1">Помощь в Италии</a></li>
       </ul>
      </li>
     <li><a href="1">Контакты</a></li>
    </ul>
  </div>
  <div id="sochead"> 
<a href="1"><img src="img/face.png"/></a>
   <a href="1"><img src="img/vk.png"/></a>
  </div> 
 </div>
и
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
#head{width:1000px;
    }
#heading{margin:20px 0px 20px 2px;
    }
#nav{margin-top:-80px;
    height:67px;
    position:relative;
    margin-left:300px;
    }
#nav a{color:#696969;
    }
#nav .select a:hover{text-decoration:none;
    background:url(img/headafon.png)no-repeat;
    background-position:0px 15px ;
    color:white;
    }
#nav.select{margin:0;
    padding:0;
    list-style:none;
    display:block;
    }
#nav li{display:inline;
    height:auto;
    }
#nav .select a{display:block;
    float:left;
    line-height:40px;
    position:relative;
    padding:10px;
    
    }
#nav .select a b{height:100%;
    display:block;
    padding:0 20px 0 15px;
        
    }
#nav .sub{display:none;
    background:url(vtor.gif)no-repeat;
    background-position:20px 0px ;
    }
#nav .select li a:hover .sub, #nav .select li:hover .sub, #nav .sub_active {
    display:block;
    position:absolute;
    width:100%;
    height: 35px;
    top:40px;
    left:0;
    padding:0px 0px 0px 158px;
    }
#sochead{
    margin-top:-40px;
    margin-left:900px;
    }
Дело в том что когда наводишь на горизонтальные ссылки, первая строка правильно подсвечивается, но мне н нужно чтобы и эта рамка выводилась на вторую строку, т.е как сделать так чтобы у первой строки когда на водишь на ссылку был свой фон, а у второй уже свой? и так вроде только к первой строке прописал , но переводиться еще и на вторую, и еще понять не могу почему в div="sochead" ссылки не активны? просто статические картинки ?
0
Lovrentiy
161 / 161 / 11
Регистрация: 07.09.2011
Сообщений: 995
16.06.2013, 10:15 4
назначаешь каждой нужной ссылке свой фон и прописываешь к ним :hover

HTML5
1
2
<li class="first"></li>
<li class="2nd"></li>
CSS
1
2
3
4
5
6
#nav.first:hover{
background: black;
}
#nav.2nd:hover {
background:yellow;
}
1
censor
8 / 8 / 1
Регистрация: 05.06.2013
Сообщений: 60
16.06.2013, 15:29 5

Не по теме:

Цитата Сообщение от МОЛЛь Посмотреть сообщение
ни как ни могу опустить ссылки, ни margin,ни padding не помогают
эх каскадность каскадность



Добавлено через 6 минут
Цитата Сообщение от МОЛЛь Посмотреть сообщение
#nav .select li a:hover .sub
имеет самый больший приоритет.

Считай 100 очков за ид 10 очков за класс и одно очко за тэг. Сколько тут очков?
Если не помогает то назначай полностью всю ветку селекеторов с самого начала- html body #head #nav .select li a:hover .sub чтобы наверняка
0
16.06.2013, 15:29
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
16.06.2013, 15:29

Дайте совет по верстке
Здравствуйте уважаемые форумчане! Вчера посмотрел краткий видеоурок по...

Дайте простой рецепт по position
Я ничего не понимаю! Когда нужно относительное, когда другое!!! Мне просто...

Дайте ссылку на видеокурс по HTML 5
Пожалуйста, дайте Видеокурс по HTML 5‎ нужна толька силки


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru