Перейти к содержимому


Пользователь месяца
Андрей WPMasterKZ Андрей WPMasterKZ 1-й за Ноябрь
Очков активности: 888 1 тема, 71 сообщение, 8 баллов репутации
Сайт: wpmaster.kz
ТОП самых активных за этот месяц
  • Фотография OlgaGetman
    #1

    OlgaGetman
    Очков активности: 684 5 тем, 99 сообщений, 4 балла репутации

  • Фотография Mandarin
    #2

    Mandarin
    Очков активности: 552 3 темы, 83 сообщения, 4 балла репутации

  • Фотография TimurR
    #3

    TimurR
    Очков активности: 150 Вне конкурса за определение пользователя месяца

  • Фотография Андрей WPMasterKZ
    #4

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 117 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 102 0 тем, 17 сообщений, 4 балла репутации

  • Фотография Rodiola
    #6

    Rodiola
    Очков активности: 48 1 тема, 13 сообщений, 2 балла репутации

  • Фотография WGN
    #7

    WGN (worldgamenews.com)
    Очков активности: 40.5 Вне конкурса за определение пользователя месяца

  • Фотография pozitron123
    #8

    pozitron123
    Очков активности: 27 2 темы, 12 сообщений, 1 балл репутации

  • Фотография thisismyname
    #9

    thisismyname
    Очков активности: 27 4 темы, 6 сообщений, 1 балл репутации

  • Фотография m3Re
    #10

    m3Re
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 29.11.2018
  • Яндекс выдача: 11.12.2018
Топ 5 участников по репутации


Помогите разобраться со стилем

#1 lakki-alex

lakki-alex
  • Неактивные
  • 2 сообщений
  • Репутация: 0
0

Отправлено 16 November 2012 - 16:01

я новичок. Вопрос такой: выпадающее меню не получается затолкать в блок (в ксс файле он именуется - .cat, в html соответственно также) получается вот так: http://upwap.ru/2905896 .Под логотипом получается квадратик в котором мне бы хотелось видеть это самое выпадающее меню. Скажите что не так?

Прикрепленные файлы

  • Прикрепленный файл  css.css   2.76К   Количество загрузок: 105
  • Прикрепленный файл  index.html   1.77К   Количество загрузок: 160
  • Прикрепленный файл  index.html   1.77К   Количество загрузок: 135
  • Прикрепленный файл  css.css   2.76К   Количество загрузок: 104

 

 

  • 0

#2 yury

yury
  • Пользователь
  • 645 сообщений
  • Репутация: 190

Отправлено 16 November 2012 - 21:18

lakki-alex,
проблема в том, что у вас блок с id="nav" — плавающий (имеет стилевое свойство float:left;) и таким образом выведен из потока, в котором находится блок-родитель (тот что с классом "cat"). А блок вне потока располагается сам по себе вне зависимости от того, как расположен родитель. Подобная проблема решается очисткой потока. В вашем случае поможет, например, добавление в html-код строки
<br clear="all">
в конец блока с классом "cat"
  • 1

#3 lakki-alex

lakki-alex
    Topic Starter
  • Неактивные
  • 2 сообщений
  • Репутация: 0

Отправлено 17 November 2012 - 16:46

http://upwap.ru/2906827

я правильно сделал? не помогло
  • 0

#4 yury

yury
  • Пользователь
  • 645 сообщений
  • Репутация: 190

Отправлено 17 November 2012 - 20:12

lakki-alex,
правильно так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Моя первая веб-страница</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<div class="logo">
  <img src="logo.png">
</div>
<div class="cat">
  <ul id="nav">
	<li>
	  <a href="#" title="Вернуться на главную страницу">Главная</a>
	</li>
	<li>
	  <a href="#" title="Информация о компании">О нас</a>
	  <ul>
		<li><a href="#">Продукты</a></li>
		<li><a href="#">Команда</a></li>
	  </ul>
	</li>
	<li>
	  <a href="#" title="Что мы можем для вас сделать">Услуги</a>
	  <ul>
		<li><a href="#">Услуга один</a></li>
		<li><a href="#">Услуга два</a></li>
		<li><a href="#">Услуга три</a></li>
		<li><a href="#">Услуга четыре</a></li>
	  </ul>
	</li>
	<li>
	  <a href="#" title="Наша продуктовая линейка">Продукты</a>
	  <ul>
		<li><a href="#">Маленький продукт (первый)</a></li>
		<li><a href="#">Маленький продукт (второй)</a></li>
		<li><a href="#">Маленький продукт (третий)</a></li>
		<li><a href="#">Маленький продукт (четвертый)</a></li>
		<li><a href="#">Большой продукт (пятый)</a></li>
		<li><a href="#">Большой продукт (шестой)</a></li>
		<li><a href="#">Большой продукт (седьмой)</a></li>
		<li><a href="#">Большой продукт (восьмой)</a></li>
		<li><a href="#">Невообразимый продукт (девятый)</a></li>
		<li><a href="#">Невообразимый продукт (десятый)</a></li>
		<li><a href="#">Невообразимый продукт (одиннадцатый)</a></li>
	  </ul>
	</li>
	<li>
	  <a href="#" title="Как с нами связаться">Контакт</a>
	  <ul>
		<li><a href="#">Часы работы</a></li>
		<li><a href="#">Местоположение</a></li>
	  </ul>
	</li>
  </ul>
  <br clear="all"><!-- тут добавлено-->
</div>
<!--</div> тут убрано-->
</body>
</html>
По сравнению с вашим кодом:
* добавлена строка (5я строка с конца в моем примере):
<br clear="all">
* убран один лишний закрывающий тэг (убрана строка перед закрывающим тэгом </body>):
</div>

  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru