Какво ново?
От:
Подробно търсене…
SearchEngines.bg

Това е примерно съобщение за гост. Регистрирайте безплатен акаунт днес, за да станете потребител на SearchEngines.bg! След като влезете, ще можете да участвате в този сайт, като добавите свои собствени теми и публикации, както и да се свържете с други членове чрез вашата лична входяща кутия! Благодарим ви!

Относно CSS и MOZILA

B

billi_g

New member
Има следния проблем, относно едно меню чрез CSS
при Експлорера като утидеш с мишката Отгоре правоъгълника е докрая (тоест по зададена ширина) а при мозилата се "изцепва", и другото което забелязвам е че съм дал определена височина между всеки ред, при Експлореда се вижда а при Mozila се "изцепва" пак

някаква идея
1.gif


ето CSS-a

a.main-menu:link { color: #666666; font-family: tahoma; font-size: 13px; font-weight: normal; text-decoration: none; ; height: 20px; clip: rect( ); padding-right: 5px; padding-left: 5px; margin-left: 20px}
a.main-menu:hover { color: #000066; font-family: tahoma; font-size: 13px; font-weight: normal; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; border: 1px #999999 solid; ; background-color: #FFFFFF; height: 20px; clip: rect( ); padding-right: 5px; padding-left: 5px; width: 260px}
a.main-menu:visited { color: #666666; font-family: tahoma; font-size: 13px; font-weight: normal; text-decoration: none; ; height: 20px; clip: rect( ); padding-right: 5px; padding-left: 5px; margin-left: 20px}
 
Re: Относно CSS и MOZILA

Под ИЕ ти разпознава линка като блок, под мозила като инлайн елемент какъвто си е.
Задай "display: block;" на майн меню линк контейнера за да ти зачита ширината и височината под мозила. Тествай и "line-height" за вертикално подравняване...

И да, за ховър и т.н. не повтаряй вече зададени стилове на елемента... ;)

Едит: Хубаво е да има и линк към сайта иначе, тъй като не знаем контеинера какви параметри са му сетнати или не са... ;D
 
Последно редактирано:
Re: Относно CSS и MOZILA

Viktor Shapilov каза:
Под ИЕ ти разпознава линка като блок, под мозила като инлайн елемент какъвто си е.
Задай "display: block;" на майн меню линк контейнера за да ти зачита ширината и височината под мозила. Тествай и "line-height" за вертикално подравняване...

И да, за ховър и т.н. не повтаряй вече зададени стилове на елемента... ;)

Едит: Хубаво е да има и линк към сайта иначе, тъй като не знаем контеинера какви параметри са му сетнати или не са... ;D
Увеличете...

височината се оправя с "line-height" ама тоя "display: block; нещо неще, става друго

ето какво направих / оправих височината между отделните менюта, но ширината на БЛОК-а при hover немога да се справя

a.main-menu:link { color: #666666; font-family: tahoma; font-size: 13px; font-weight: normal; text-decoration: none; ; height: 20px; clip: rect( ); padding-right: 5px; padding-left: 5px; line-height: 20px; margin-left: 20px; width: 260px}
a.main-menu:hover { color: #000066; font-family: tahoma; font-size: 13px; font-weight: normal; font-style: normal; line-height: 20px; font-variant: normal; text-transform: none; border: 1px #999999 solid; ; background-color: #FFFFFF; height: 20px; clip: rect( ); padding-right: 5px; padding-left: 5px; width: 260px; margin-left: 20px}
a.main-menu:visited { color: #666666; font-family: tahoma; font-size: 13px; font-weight: normal; text-decoration: none; ; height: 20px; clip: rect( ); padding-right: 5px; padding-left: 5px; line-height: 20px; margin-left: 20px; width: 260px}
 
Последно редактирано:
Re: Относно CSS и MOZILA

Здравей, колегата отгоре ти е дал много добър и изчерпателен отговор, но за да нямаш проблеми в бъдеще прочети: Learn distinctions between inline and block HTML elements.

п.п
Преди да размахаш обвинително пръст към някой броузер, първо се увери, че си въвел кода си коректно.

п.п.п
Отидеш, правоъгълникЪТ е, преди -че- и -а- има запетайки, Главна буква само в началото на изречение.

Поздрави
 
Re: Относно CSS и MOZILA

Аднах ти фикснатия стайл шиит така че да ти го познава като блок елемент, но като гледам това ти е най-малкия проблем... ;D
 

Прикачени файлове

  • styles.zip
    640 bytes · Преглеждания: 0
Re: Относно CSS и MOZILA

jindo каза:
Здравей, колегата отгоре ти е дал много добър и изчерпателен отговор, но за да нямаш проблеми в бъдеще прочети: Learn distinctions between inline and block HTML elements.

п.п
Преди да размахаш обвинително пръст към някой броузер, първо се увери, че си въвел кода си коректно.

п.п.п
Отидеш, правоъгълникЪТ е, преди -че- и -а- има запетайки, Главна буква само в началото на изречение.

Поздрави
Увеличете...

"баче" не сме в час по литература, недей да спамиш форума
 
Последно редактирано:
Re: Относно CSS и MOZILA

Едно линкче към страницата, така всеки ще може да направи тестови корекции с firebug или друга developer-ска екстра на място и да ти даде 100% работещо решение :/
 
Re: Относно CSS и MOZILA

yuliyan каза:
Едно линкче към страницата, така всеки ще може да направи тестови корекции с firebug или друга developer-ска екстра на място и да ти даде 100% работещо решение :/
Увеличете...

благодаря за проявеното разбиране
и за да не ВИ обърквам искам да добавя, че оправих малко CSS кода и в момента това което искам е менюто да изглежда какво на картинката под IE (в момента и под Мозила и под ИЕ изглежда по следния начин при "hover" правоъгълника е широк колкото е широка и думата, идеята е правоъгълника да е по зададен размер, да кажем 280px, как мога да постигна това и под 2-та браузера, вчера успях да го направя (както съм показал на изображението) но само под IE, под Мозила не ми излизаше.
Ще бъда много благодарен на всички отзовали се и помогнали

1.gif


www.danelibg.com/1/cutting-machines.html
 
Последно редактирано:
Re: Относно CSS и MOZILA

а.main-menu, а.main-menu:hover { display:block; width:280px; }

Незнам какво точно не разбра от миналите отговори. Бяха съвсем конкретни.
 
Re: Относно CSS и MOZILA

jindo каза:
а.main-menu, а.main-menu:hover { display:block; width:280px; }

Незнам какво точно не разбра от миналите отговори. Бяха съвсем конкретни.
Увеличете...

благодаря, сега ще го вмъкна и ще тествам

2.gif


дотука всичко е ОК. с изключение на този проблем (указан на изображението) при HOVER долния ред пада няколко пиксела надолу
http://www.danelibg.com/1/cutting-machines.html

a.main-menu:hover {
display : block;
width : 240px;
color : #000066;
font-family : tahoma;
font-size : 13px;
font-weight : normal;
font-style : normal;
line-height : 22px;
font-variant : normal;
text-transform : none;
border : 1px solid #999999;
background-color : #ffffff;
padding-right : 5px;
padding-left : 5px;
text-decoration : none;
; clip: rect( )
}
 
Последно редактирано:
Re: Относно CSS и MOZILA

Мислех да не пиша повече в темата но както и да е, сложил си блока на ховъра, а не на неховърнатия елемент.
Както писах в първия ми пост, не повтаряй вече зададени пропъртис на елемент освен ако не желаеш да ги промениш. ;)
 
Re: Относно CSS и MOZILA

Viktor Shapilov каза:
Мислех да не пиша повече в темата но както и да е, сложил си блока на ховъра, а не на неховърнатия елемент.
Както писах в първия ми пост, не повтаряй вече зададени пропъртис на елемент освен ако не желаеш да ги промениш. ;)
Увеличете...

ееее, лесно е за знаещите ...

тоест това ли трябва да направя

a.main-menu:link {
display : block;
color : #000000;
font-family : tahoma;
font-size : 13px;
font-weight : normal;
text-decoration : none;
padding-right : 5px;
padding-left : 5px;
margin-left : 20px;
letter-spacing : normal;
word-spacing : normal;
line-height : 22px;
; clip: rect( )
}
a.main-menu:hover {
width : 240px;
color : #000066;
font-family : tahoma;
font-size : 13px;
font-weight : normal;
font-style : normal;
line-height : 22px;
font-variant : normal;
text-transform : none;
border : 1px solid #999999;
background-color : #ffffff;
padding-right : 5px;
padding-left : 5px;
text-decoration : none;
; clip: rect( )
}
a.main-menu:visited {
color : #000000;
font-family : tahoma;
font-size : 13px;
font-weight : normal;
text-decoration : none;
padding-right : 5px;
padding-left : 5px;
margin-left : 20px;
line-height : 22px;
; clip: rect( )
}


ако е това пак не става под Мозилата
 
Re: Относно CSS и MOZILA

погледни в архива...
 

Прикачени файлове

  • _fordel.zip
    4.4 KB · Преглеждания: 0
  • ss.jpg
    ss.jpg
    84.7 KB · Преглеждания: 0
Re: Относно CSS и MOZILA

Да де... a.main-menu - height:1.667em; и line-height:1.667em; според теб само за красота на кода ли съм ги сложил?
 
Re: Относно CSS и MOZILA

jindo каза:
Да де... a.main-menu - height:1.667em; и line-height:1.667em; според теб само за красота на кода ли съм ги сложил?
Увеличете...

..сигурно аз не схващам, незнам вече, пробвай да промениш стойностите им за да видиш че се увеличава и съответно намалява правоъгълника при HOVER а междуредието си остава, или ако променим правоъгълника: примерно ако го направим по голям, съответно се увеличава и междуредието между всеки линк
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе