А как?

Imperil · December 9, 2011

Собственно как сделать, чтобы выпадающий список выстраивался по центру а не по левому краю как сейчас?

Подскажите кто знает, заранее благодарен.

Сам код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

<HTML>

<HEAD>

<TITLE>DiMetro</TITLE>

</HEAD>

<BODY>

#mainmenu {

float: left;

width: 100%;

margin: 77px -34px;

list-style: none;

}

#mainmenu li {

float: left;

width: auto;

padding: 0 10px;

font-family:MyriadPro;

font-size:14px;

list-style: none;

}

#mainmenu li ul {

display: none;

width: 200px;

}

#mainmenu li:hover ul {

display: block;

position: absolute;

list-style: none;

margin: 0;

padding: 0;

}

#mainmenu li ul li {

float: left;

margin-right:0px;

padding: 8px 0;

font-family:Meiryo;

font-size:8px;

width: 200px;

}

#mainmenu a{

text-decoration: none;

}

</style>

<ul>

<li><a href="#">Название</a>

<li><a href="#">ПОРТФОЛИО</a></li>

</ul>

</li>

<li><a href="#">НАШИ КЛИЕНТЫ</a>

<li><a href="#">ОТЗЫВЫ</a></li>

</ul>

</li>

<li><a href="#">НАШИ ПАРТНЕРЫ</a></li>

<li><a href="#">ИНТЕРЕСНОЕ</a></li>

<li><a href="#">КОНТАКТЫ</a></li>

</ul>

</div>

</BODY>

</HTML>

Imperil · December 9, 2011

В инете нету ни подсказок ни уроков я даже меню подобное найти не могу нигде чтобы файрбагом посмотреть можно было

Если кому попадется дайте ссылочку. Может я не ясно написал вначале вот картинка для наглядности нужно чтобы надписи "о нас" и "портфолио" выравнивались под надписью "название" по центру а не по левому краю как сейчас.

Edited December 9, 2011 by Imperil

dostel1 · December 9, 2011

<!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=utf-8" />
<title>Документ без названия</title>
<style>
ul{list-style:none;}
ul{list-style:none;text-align:center;font-size:0;}
li{display:inline-block;
*display:inline;

zoom:1;}
a{display:block;padding:20px;display:block;font-size:14px;
background:red;}

</style>
</head>

<body>
<ul>
<li><a href="#">ONE</a></li>
<li><a href="#">two</a></li>
<li><a href="#">tree</a></li>
<li><a href="#">four</a></li>
</ul>
</body>
</html>

оформление сам клепать будеш

Edited December 9, 2011 by dostel1

Imperil · December 10, 2011

Чет ты не то написал совсем

dostel1 · December 10, 2011

Собственно как сделать, чтобы выпадающий список выстраивался по центру а не по левому краю как сейчас?

Как выровнять список я тебе сказал ,написал кросс !Тебе осталось только сделать выпадающий список))

У меня с выпадающим списком все оК!

Sign In

А как?

Question

Imperil

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Imperil

Link to comment

Share on other sites

dostel1

Link to comment

Share on other sites

Imperil

Link to comment

Share on other sites

dostel1

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information