CSS меню

Bayanruby · January 16, 2011

Помогите сделать такую менюшку на КСС.

С КСС ещё не до конца разобрался.

Вот такого типа надо http://i013.radikal.ru/1101/e5/6a365512fe7d.gif

Надо чтоб в таком порядке ссылки стояли. Как сделать это в таблице знаю, а в КСС нет. Помогите

Вот что сделал

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<style>
ul {
float: left;
margin: 0 3.5% 0 0;
padding: 0;
width: 31%;
}
ul li {
list-style: none outside none;
}
A.dot {
	text-decoration: none; /* Убираем подчеркивание */
	border-bottom: 1px dashed #000080;
	color: #6f4a25; /* Добавляем свою линию */ 
   }
A.dot:hover {
	color: #f00000; /* Цвет ссылки при наведении на нее курсора */ 
   }
A.dot:visited { 
	color: purple; /* Цвет посещенных ссылок */ 
   }
</style>
</head>

<body>
<div>
<ul>
<li><a href="#" class="dot" title="Photoshop">Главная</a></li>
<li><a href="#" class="dot" title="Flash">История Белоруси</a></li>
</ul>
<ul>
<li><a href="#" class="dot" title="Photoshop">Главная</a></li>
<li><a href="#" class="dot" title="Flash">История Белоруси</a></li>
</ul>
</div>
</body>
</html>

То что я сделал не очень правильно рабатает.

wildhind · January 16, 2011

в чём именно неправильность?

Пока вижу одну: наша страна называется Беларусь, а не Белорусь. (або Белоруссия, калi па-руску)

Edited January 16, 2011 by wildhind

Bayanruby · January 17, 2011

У меня такая ситуация. ul и li у меня уже, какбы, заняты для одной менюшки, для них я прописал стиль и всё такое.

Начал второе меню делать, но там надо другие стили как мне быть? Если я вставлю второе меню у меня каша полусчается. Может есть замена ul и li

psywalker · January 17, 2011

А ты задай всем спискам отдельный классы и через них рули ими.

Bayanruby · January 17, 2011

Задал класы. Криво и неправильно отображается.

Может кто поможет вот ШТМЛ

<div class="div">
<ul>
<li><a href="#" class="dot" title="Photoshop">Главная</a></li>
<li><a href="#" class="dot" title="Шаблоны сайтов">Контакты</a></li>
<li><a href="#" class="dot" title="Шаблоны сайтов">О сайте</a></li>
</ul>
<ul class="last">
<li><a href="#" class="dot" title="Photoshop">Карта сайта</a></li>
<li><a href="#" class="dot" title="Шаблоны сайтов">Каталог</a></li>
<li><a href="#" class="dot" title="Шаблоны сайтов">Книги</a></li>
</ul>
</div>

Вот КСС

.div{
margin-left:23px;
margin-bottom:65px;
}

ul {
float: left;
margin: 0 3.5% 0 0;
padding: 0;
width: 100px;
}

ul.last {
margin-right: 0;
}

ul li {
list-style: none outside none;
}

A.dot {
text-decoration: none;
border-bottom: 1px dashed  #0FF;
color:#FFF;
}

A.dot:hover {
color: #F00;
}

psywalker · January 17, 2011

Да ты хрень сделал какую-то. Классы нужно было задавать самим UL, т.е. каждому списку свой. И тогда у тебя будет доступ ко всем элементам определённого списка.

Sign In

CSS меню

Question

Bayanruby

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

wildhind

Link to comment

Share on other sites

Bayanruby

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Bayanruby

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information