Форум для web-мастеров              

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в эту темуОткрыть новую тему
> Росброузеность, Помогите как это сделать!!!
BlackAngel
сообщение Sep 17 2007, 04:54 AM
Сообщение #1


Участник
*

Группа: Юзеры
Сообщений: 43
Регистрация: 29-January 07
Пользователь №: 3 816



Грубо говоря код меню в HTML выглядит так:

<table border="0" cellpadding="0" cellspacing="0" width="250">
<tr>
<td width="250" height="12"></td>
</tr>
<tr>
<td width="250" height="29"><img src="s005.bmp" width="250" height="29"></td>
</tr>
<tr>
<td width="250">
<div id=button>
<UL>
<LI><A onfocus=this.blur() href="index.php">&nbsp;&nbsp;&nbsp;На главную</A></LI>
<LI><A onfocus=this.blur() href="index.php?cf=0002">&nbsp;&nbsp;&nbsp;2222222222</A></LI>
<LI><A onfocus=this.blur() href="index.php?cf=0003">&nbsp;&nbsp;&nbsp;33333333333</A></LI>
<LI><A onfocus=this.blur() href="index.php?cf=0004">&nbsp;&nbsp;&nbsp;4444444</A></LI>
<LI><A onfocus=this.blur() href="index.php?cf=0005">&nbsp;&nbsp;&nbsp;55555555</A></LI>
<LI><A onfocus=this.blur() href="index.php?cf=0006">&nbsp;&nbsp;&nbsp;6666666</A></LI>
</UL>
</div>
</td>
</tr>
<tr>
<td width="250" height="12"><img src="007.bmp" width="250" height="12"></td>
</tr>
</table>


При этом всё это работает благодаря подключенному файлу стиля menu.css со следующим содержанием:


#button {
WIDTH: 250px; FONT-FAMILY: verdana; HEIGHT: 15px
}
#button UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 2px; LIST-STYLE-TYPE: none
}
#button LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 18px; PADDING-BOTTOM: 2px; WIDTH: 100%; PADDING-TOP: 0px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#button LI A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 18px; PADDING-BOTTOM: 3px; WIDTH: 100%; COLOR: #666699; PADDING-TOP: 2px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #ededed; TEXT-DECORATION: none
}
#button LI A:hover {
COLOR: #000000; BACKGROUND-COLOR: #6B79AE
}



В опере и интернет эксплорере проблем нет, проблемы в фирефоксе, верхний и нижние картинки съезжаются на минимальное растояние (хотя по идее являються верхней и нижней каймой меню) а сама менюха выступает из под них. Как исправить злостный казус sad.gif
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
BlackAngel
сообщение Sep 17 2007, 01:50 PM
Сообщение #2


Участник
*

Группа: Юзеры
Сообщений: 43
Регистрация: 29-January 07
Пользователь №: 3 816



Извеняюсь за опечатку в названии темы. Ну кто ни будь что ни будь подскажите, просто не разбираюсь в css
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
maxicon13
сообщение Sep 21 2007, 07:30 PM
Сообщение #3


Прохожий


Группа: Юзеры
Сообщений: 6
Регистрация: 17-September 07
Пользователь №: 8 663





Вариант1:
...можно просто выкинуть из файла стилей эту часть кода:

#button {
WIDTH: 250px; FONT-FAMILY: verdana; HEIGHT: 15px
}

чтоб осталось тока:

#button UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 2px; LIST-STYLE-TYPE: none
}
#button LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 18px; PADDING-BOTTOM: 2px; WIDTH: 100%; PADDING-TOP: 0px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#button LI A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 18px; PADDING-BOTTOM: 3px; WIDTH: 100%; COLOR: #666699; PADDING-TOP: 2px; FONT-FAMILY: verdana; BACKGROUND-COLOR: #ededed; TEXT-DECORATION: none
}
#button LI A:hover {
COLOR: #000000; BACKGROUND-COLOR: #6B79AE
}


...и все попрет.

Вариант2:

Это место

#button {
WIDTH: 250px; FONT-FAMILY: verdana; HEIGHT: 15px
}

заменить на

#button LI A{
WIDTH: 250px; FONT-FAMILY: verdana; HEIGHT: 22px
}


...но первый вариант мне больше нрав.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
BlackAngel
сообщение Sep 25 2007, 08:20 AM
Сообщение #4


Участник
*

Группа: Юзеры
Сообщений: 43
Регистрация: 29-January 07
Пользователь №: 3 816



maxicon13, просто безразмерно огромное тебе спасибо, я уж думал всё встрял smile.gif smile.gif smile.gif
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

Быстрый ответОтветить в эту темуОткрыть новую тему
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0

 



Текстовая версия Сейчас: 22nd January 2018 - 02:26 PM
IPB Предупреждение [2] in_array() [function.in-array]: Wrong datatype for second argument (Строка: 192 файла /2a4c1e47b05ea5f29b174030a49f0c9b/sape.php)