Страницы: (2) [1] 2  ( Перейти к первому непрочитанному сообщению ) Reply to this topicStart new topicStart Poll

Помощь в css

gregst
Отправлено: Mar 16 2008, 08:52 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1012
Пользователь №: 1169
Регистрация:
28-September 07



Народ, выручайте!
необходимо сверстать меню как вот тут: _http://www.avantechmash.ru/pages/atm_comp.html

основная мысль - первый li - над чертой, вложенные списки должны быть под чертой.
т.е. вот так:
CODE
<ul>
 <li>О компании
   <ul>
     <li>О нас</li>
   </ul>
     <ul>
     <li>Клиенты</li>
   </ul>
   <ul>
     <li>Партнеры</li>
   </ul>
</li>
</ul>


пол дня бился - ничего не придумал пока((

надеюсь на помощь
PMEmail Poster
Top
Max
Отправлено: Mar 16 2008, 09:41 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Admin
Сообщений: 989
Пользователь №: 44
Регистрация:
13-September 06



gregst, тут ведь проще таблицей сделать
надо именно с li?

li отлично подходит для своего - для текстовых меню


--------------------
IXBB.RU - бесплатный хостинг форумов
Альтернативный бесплатный софт! - аналог офиса, корела, ftp клиент
Сапа бот ищет тебя!

user posted image
PMEmail Poster
Top
gregst
Отправлено: Mar 16 2008, 10:10 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1012
Пользователь №: 1169
Регистрация:
28-September 07



дело в том, что меню генерируется в виде списка с вложенными списками.. поэтому необходимо именно css + ul/li
PMEmail Poster
Top
Max
Отправлено: Mar 16 2008, 10:50 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Admin
Сообщений: 989
Пользователь №: 44
Регистрация:
13-September 06



потестил я несколько комбинаций
ничего не вышло

надо звать Дельфиста


--------------------
IXBB.RU - бесплатный хостинг форумов
Альтернативный бесплатный софт! - аналог офиса, корела, ftp клиент
Сапа бот ищет тебя!

user posted image
PMEmail Poster
Top
gregst
Отправлено: Mar 16 2008, 11:24 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1012
Пользователь №: 1169
Регистрация:
28-September 07



вот и я пробовал - тольку к сожалению ноль((

буду надеяться, что он подскажет)
но все равно спасибо
PMEmail Poster
Top
rudvil
Отправлено: Mar 17 2008, 02:07 AM
Quote Post


  Генерал
*

Группа: Members
Сообщений: 235
Пользователь №: 1216
Регистрация:
25-October 07



там же картинка стоит
А вобще мжно так сделать)
CODE

<ul>
<li>О компании
<table width="100">
<tr>
<td>
<hr></td>
</tr>
</table>
<ul>
<li>О нас</li>
</ul>
<ul>
<li>Клиенты</li>
</ul>
<ul>
<li>Партнеры</li>
</ul>
</li>
</ul>

там где width="100" ставим длину равную длине текста)
CODE
<style type="text/css">
ul{list-style:none;}
</style>
а это убирает точки слева от текста


--------------------
xor
PMEmail Poster
Top
gregst
Отправлено: Mar 17 2008, 10:21 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1012
Пользователь №: 1169
Регистрация:
28-September 07



ну ясное дело что там картинка - это макет который нужно сверстать.
если просто постваить
<style type="text/css">
ul{list-style:none;}
</style>
то это лишь уберет точки, ага. но того эффекта, которые необходим (т.е. подчеркивание, линию справа и т.д. не даст.


поясню, что мне необходимо.
меню генерируется автоматически цмской. меню генерируется в виде списка с вложенными списками. необходимо средствами css придать вид, показанный на макете (ссылка в первом посте)
PMEmail Poster
Top
DelphiST
Отправлено: Mar 17 2008, 11:10 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1093
Пользователь №: 796
Регистрация:
23-May 07



Сделал, но не работает в IE. sad.gif


--------------------
user posted image
PMEmail PosterICQ
Top
gregst
Отправлено: Mar 17 2008, 11:27 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1012
Пользователь №: 1169
Регистрация:
28-September 07



а напиши плиз тут как получилось реализовать..
быть может смогу под иэ подогнать
PMEmail Poster
Top
DelphiST
Отправлено: Mar 17 2008, 11:36 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1093
Пользователь №: 796
Регистрация:
23-May 07



Всё, сделал! работает во ВСЕХ браузерах



Код:
CODE

<?xml version="1.0" encoding="windows-1251"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<style type="text/css">

body {
font-family: Tahoma;
}

ul {
margin: 0px;
padding: 0px;

width: 230px;
display: block;
list-style: none;

margin-right: 20px;
}

ul li {
font-size: 24px;
margin: 0px;
padding: 0px;
border-right: 1px solid red;
}

ul li ul li {
border: 0px;
list-style: none;
font-size: 13px;
margin: 0px;
margin-left: 20px;
}

ul li ul {
border: 0px;
padding: 8px;
margin: 0px;
border-top: 1px solid red;
}

</style>
</head>
<body>
<ul>
<li>Сайт</li>

<li>
<ul>
<li>Главная</li>
<li>Скачать</li>
<li>Посрать в гостевую</li>
</ul>

</ul>
<br>
<ul>
<li>Сайт 2</li>
<li>
<ul>
<li>Главная</li>
<li>Скачать</li>
<li>Ещё раз посрать</li>
</ul>
</li>

</ul>
</body>
</html>


user posted image

Поблагодорить можно здесь - Z336367481157 и здесь - R123380330287


--------------------
user posted image
PMEmail PosterICQ
Top

Topic OptionsСтраницы: (2) [1] 2  Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0197 ]   [ 10 queries used ]   [ GZIP выключен ]