X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Вопрос
Дез
Дез
Topic Starter сообщение 23.11.2010, 6:24; Ответить: Дез
Сообщение #1


Здравствуйте. Не так давно начал кодить и конечно же много косячу. К вам существует следующий вопрос.
Существует меню сайта:

Css:

#nav, #nav ul{
list-style:none;
margin:0;
padding:0;
background:url(/image/menusko.png);
font:12px/28px Verdana, Arial, Helvetica, sans-serif;
}
#nav{
height:28px;
width:847px; <!--660-->
border:1px solid #000;
}
#nav li{
float:left;
position:relative;
}
#nav li:hover, #nav li.jshover{
background:url(/image/vsplivuska.png);
}
#nav a{
display:block;
width:80px;
color:#000;
padding:0 20px;
text-align:center;
text-decoration:none;
border-right:1px solid #;
}
#nav a:hover{
background:url(/image/vsplivuska.png);
color:#000;
}
#nav ul{
border:1px solid #000;
border-top:0;
border-bottom:0;
display:none;
width:118px;
position:absolute;
top:28px;
left:0;
}
#nav ul a{
border:0;
border-bottom:1px solid #000;
width:78px;
}
#nav li:hover ul, #nav li.jshover ul{display:block;}



Html:

<ul id="nav">
<li><a href="#">Главная</a></li>
<li><a href="#">Название</a></li>
<li><a href="#">Название</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>

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


Проблема следующая. Фон меню переползает во всплывающую часть и отображается там некорректно. Угловато (Ибо у фона меню скруглены углы). Как сделать, так что бы у всплывающей части меню был собственный фон?
Надеюсь, мне удалось донести суть проблемы.
Буду очень вам благодарен если поможете разобраться в этом.
Сорри если создал тему не в том разделе.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 23.11.2010, 6:43; Ответить: MetSerp
Сообщение #2


width:847px; <!--660-->

так нельзя, коментарии в css
[PHP]// для 1 строчных коментариев и
/*
многострочные
коментарии
*/[/PHP]
дальше этой ошибки у вас вообще нельзя гарантировать работу стиля
примерно так выглядит корректный стиль
[PHP]#nav, #nav ul {
list-style : none;
margin : 0;
padding : 0;
background : url(/image/menusko.png);
font : 12px/28px Verdana, Arial, Helvetica, sans-serif;
}
#nav {
height : 28px;
width : 847px;
border : 1px solid #000;
}
#nav li {
float : left;
position : relative;
}
#nav li:hover, #nav li.jshover {
background : url(/image/vsplivuska.png);
}
#nav a:hover {
background : url(/image/vsplivuska.png);
color : #000;
}
#nav ul {
border : 1px solid #000;
border-top : 0;
border-bottom : 0;
display : none;
width : 118px;
position : absolute;
top : 28px;
left : 0;
}
#nav ul a {
border : 0;
border-bottom : 1px solid #000;
width : 78px;
}
#nav li:hover ul, #nav li.jshover ul {
display : block;
}[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Дез
Дез
Topic Starter сообщение 23.11.2010, 13:06; Ответить: Дез
Сообщение #3


Стиль вполне себе работает. Просто он в файле html документа прописан. А вот если изменить его на вышеуказанный, то работать он корректно перестает.
Прошу прощения, но всеж е хотелось бы получить ответ на вопрос ибо как бы не старался ничего не выходит.
Если нужно могу закинуть ссыль на сайт в личку.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 23.11.2010, 18:01; Ответить: MetSerp
Сообщение #4


можно прямо тут ссылку оставить
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Дез
Дез
Topic Starter сообщение 23.11.2010, 23:56; Ответить: Дез
Сообщение #5


http://starsfall.org/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
to0n1
to0n1
сообщение 24.11.2010, 0:10; Ответить: to0n1
Сообщение #6


хм дизайн-задумка сайта прикольная но у меня на 4мб инете фон грузится как то долговато и это реально бесит... сорри за оффтоп
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 24.11.2010, 1:12; Ответить: MetSerp
Сообщение #7


[PHP]*html #layer1 {

height: поставить нужное значение в %; /* растягиваем высоту фона для IE6 под размер текста */

position:absolute;/* меняем позишн для IE6 возвращая текст на исходную позицию */

}
[/PHP] эмм? О_о
[PHP]#nav, #nav ul{

list-style:none;

margin:0;

padding:0;

background:url(/image/menusko.png);

font:12px/28px Verdana, Arial, Helvetica, sans-serif;

}
[/PHP]
тут вы и присваиваете данный фон помимо тому кому надо #nav еще и выпадающему меню #nav ul, от того он там и показывается. если сделать так:
[PHP]#nav, #nav ul{
list-style:none;
margin:0;
padding:0;
font:12px/28px Verdana, Arial, Helvetica, sans-serif;
}
#nav {
background:url(/image/menusko.png);
}[/PHP]
должно работать:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Дез
Дез
Topic Starter сообщение 24.11.2010, 2:16; Ответить: Дез
Сообщение #8


(to0n1 @ 24.11.2010, 02:10) *
хм дизайн-задумка сайта прикольная но у меня на 4мб инете фон грузится как то долговато и это реально бесит... сорри за оффтоп

Согласен. Нужно с загрузкой что-то сделать.

MetSerp, Благодарю. Действительно все заработало.:beer:
Есть ещё вопросы по блокам, но попробую разобраться для начала сам. =)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Дез
Дез
Topic Starter сообщение 26.11.2010, 5:38; Ответить: Дез
Сообщение #9


Все же не смог исправить проблему. Суть вопроса:

Мне нужно создать ещё два блока которые будут идти после Хедера и после Контента. Их я создаю. Проблема не в этом. Мне нужно что бы эти блоки были вплотную прижаты к Контентному блоку когда они прижимаються к Хедеры и Футеру. В чем проблема? Помогите пожалуйста.

CSS:

body, html {
margin:0px;
padding:0px;
text-align:center;
}
#container{
min-width:550px;
max-widyh: 11152px;
width:847px;/*600 px na samom dele*/
margin:0 auto;
text-align:left;
background-attachment:fixed;
background-repeat:repeat;
}

#header{
background-color:#;
}
#left{
background-color:#;
}

#content{
background:url(/image/content666.jpg)

}


#clear{
height:0px;
font-size:1px;
line-height:0px;
clear:both;
}


#footer{
background-color:#9C6;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 26.11.2010, 10:59; Ответить: MetSerp
Сообщение #10


а что у вас получается вместо желаемого?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вопрос - платное размещение баннеров на сайте
10 WGN 3125 14.12.2020, 14:20
автор: Peterson
Открытая тема (нет новых ответов) Вопрос по рекламе в "инстаграме"
Только активные аккаунты могут создавать или редактировать рекламу
8 Zubkov 16020 17.1.2020, 17:49
автор: Forumacc
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВопрос-ответ о работе форума
307 dos1k 43056 9.11.2019, 17:59
автор: heks
Открытая тема (нет новых ответов) Жена логопед, собрался ей приводить клиентов. Встал вопрос, куда приводить.
В теме перечисление доступного мне продвижения, но с чего начать?
9 memeplex 3689 16.2.2019, 15:45
автор: zyzy
Открытая тема (нет новых ответов) Предлагаю размещение качественных ссылок на форумах и сервисах вопрос ответ
21 ПроФФи 4960 2.3.2018, 20:56
автор: ShowPrint


 



RSS Текстовая версия Сейчас: 28.3.2024, 18:41
Дизайн