Новости
Видео
Microsoft
Windows 10
Железо
Программы
Форум

Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Проблема с CSS

Ответить
Настройки темы
Проблема с CSS

Аватара для QUMATOZ

Ветеран


Сообщения: 665
Благодарности: 4


Конфигурация

Профиль | Сайт | Отправить PM | Цитировать

Изменения
Автор: QUMATOZ
Дата: 14-12-2008
Я хочу поставить это горизонтальное меню http://4dle.uz/2007/11/27/gorizontal...lock_menu.html

вот CSS этого меню:
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(/blockactive.gif) center center repeat-x;
}

Я хочу его сделать по центру но когда меняю это:

.solidblockmenu{
margin: 0;
padding: 0;
float: center;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: center;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(/blockactive.gif) center center repeat-x;
}

тогда оно ставится по центру но пропадает бэкграундное изображение

-------
Я сторонник монархии, при условии, что монархом буду я.

Отправлено: 14:45, 13-12-2008

 

Пользователь


Сообщения: 74
Благодарности: 11

Профиль | Сайт | Отправить PM | Цитировать

Короче, засовывай его в таблицу. ПОМОГЛО ))) по другому никак с этой заразой не справиться )))) Только по краям некрасиво!

<table align="center">
<tr>
<td>
<ul class="solidblockmenu">
<li><a href="/" title="Домой">Домой</a></li>
<li><a href="/" title="PHP">PHP</a></li>
<li><a href="/" title="JavaScript">JavaScript</a></li>
<li><a href="/">JavaScript</a></li>
<li><a href="/" title="CSS" class="current">CSS</a></li>
<li><a href="/" title="Контакты">Контакты</a></li>
</ul>
<br style="clear: left" />
</td>
</tr>
</table>

-------
На все вопросы не хватит ответов - www.luzerblog.ru

Это сообщение посчитали полезным следующие участники:

Отправлено: 20:31, 15-12-2008 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Аватара для QUMATOZ

Ветеран


Сообщения: 665
Благодарности: 4

Профиль | Сайт | Отправить PM | Цитировать

Да, помогло но смотрится просто ужасно вот скрин:

Можно ли как то заполнить пространство которое позади меню? отмечено стрелочками

-------
Я сторонник монархии, при условии, что монархом буду я.

Отправлено: 21:07, 15-12-2008 | #3


Пользователь


Сообщения: 74
Благодарности: 11

Профиль | Сайт | Отправить PM | Цитировать

Короче чтоб было красиво я на скорую руку сделал так: картинка bl.jpg высотой 36. и видом как чёрная картинка.

<table width="100%" background="bl.jpg" cellpadding="0" cellspacing="0">
<tr>
<td >
<table align="center" cellpadding="0" cellspacing="0" ><tr> <td> <ul class="solidblockmenu">
<li><a href="/" title="Домой">Домой</a></li>
<li><a href="/" title="PHP">PHP</a></li>
<li><a href="/" title="JavaScript">JavaScript</a></li>
<li><a href="/">JavaScript</a></li>
<li><a href="/" title="CSS" class="current">CSS</a></li>
<li><a href="/" title="Контакты">Контакты</a></li>
</ul>
<br style="clear: left" /></td>
</tr>
</table>
</td>
</tr>
</table>

Результат

-------
На все вопросы не хватит ответов - www.luzerblog.ru

Это сообщение посчитали полезным следующие участники:

Отправлено: 21:16, 15-12-2008 | #4


Аватара для QUMATOZ

Ветеран


Сообщения: 665
Благодарности: 4

Профиль | Сайт | Отправить PM | Цитировать

Цитата:
Короче чтоб было красиво я на скорую руку сделал так: картинка bl.jpg высотой 36. и видом как чёрная картинка.
Супер!!! то что надо! спасибо.

-------
Я сторонник монархии, при условии, что монархом буду я.

Отправлено: 21:24, 15-12-2008 | #5



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Проблема с CSS

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Проблема с CSS у моего юкозовского сайта QUMATOZ Вебмастеру 6 25-10-2008 14:09
CSS границы E-mail Вебмастеру 5 02-09-2006 23:53
[решено] CSS RasKolbas Вебмастеру 6 09-11-2005 14:36
css FADE Вебмастеру 42 04-08-2005 18:07
CSS Guest Вебмастеру 1 14-04-2004 03:45


« Предыдущая тема | Следующая тема »


 
Переход