Помогите советом по CSS

[Alexcos]

Уважаемые! Ввиду необходимости приходится постигать азы CSS, установил на сайт менюшку. Возникает масса проблем. Помогите разобраться или дайте наводку где найти информацию. Несколько вопросов: через разные браузеры по-разному выводится менюха, а также как мне изменить размер шрифта? Сайт делаю через FrontPage, там вроде все нормально. Но как открываю в инете страницу, ж..па... Подскажите!!!

Сайт лежит http://shower-doors.ru

Премного благодарен!

[deadrash]

Сайт лежит ...

Напомнило "The Website Is Down" из одноимённого видео в интернете

через разные браузеры по-разному выводится менюха

Это нормально, покажите как должно выглядеть и какие броузеры вас не любят.

как мне изменить размер шрифта?

Как в вашей ЦМС это меняется не скажу, но размер шрифта вообще меняется добавлением свойства font-size в CSS файл. В вашем случае нужно дополнить свойство -

#menu li a {

font-size: 12px;

height: 24px;

text-decoration: none;

voice-family: inherit;

}

p.s. А для чего вы адрес сделали картинкой, что бы нельзя было скопировать? Дак можно же переписать, хотя это и не так удобно.

Edited December 25, 2010 by deadrash

[Alexcos]

Насчет адреса, это сделано для того, чтобы не дублировался, т.к. есть еще один сайт полностью по стеклянным конструкциям и там указан такой же телефон. В общем чтобы бана не было, это мне так подсказали.

Очень странно, но таким же образом менял текст в styles.css, а результата никакого. Исходник брал с free-css.com

текст в меню должен лежать ровно, а не так как полцчается. Причем из IE открывается нормально. Из Firefox - ужасно

[Chuv]

Вот эту конструкцию в css:

#menu li a {
	height: 32px;
	  voice-family: "\"}\""; 
	  voice-family: inherit;
	  height: 24px;
	text-decoration: none;
	}	

#menu li a:link, #menu li a:visited {
	color: #656556;
	display: block;
	background:  url(menu.gif);
	padding: 8px 0 0 20px;
	}

#menu li a:hover {
	color: #474739;
	background:  url(menu.gif) 0 -32px;
	padding: 8px 0 0 20px;
	}

замените на эту:

#menu li a, #menu li a:link, #menu li a:visited {
	display: block;
	font-size:14px;
	line-height:32px;
	color: #656556;
	text-decoration: none;
	background:  url(menu.gif) 0 0 repeat-x;
	padding: 0 0 0 18px;
}	

#menu li a:hover {
	color: #474739;
	background:  url(menu.gif) 0 -32px repeat-x;
}

Если хотите действительно научиться верстать, то удалите FrontPage и делайте верстку при помощи кода.

[Alexcos]

Спасибо большое. Только теперь не знаю как высоту кнопок уменьшить, а то какие-то они большие.

Буду познавать CSS, только правда времени нет на это. Надо семимильными шагами сайтик запустить.

Вот эту конструкцию в css:

#menu li a {
	height: 32px;
	  voice-family: "\"}\""; 
	  voice-family: inherit;
	  height: 24px;
	text-decoration: none;
	}	

#menu li a:link, #menu li a:visited {
	color: #656556;
	display: block;
	background:  url(menu.gif);
	padding: 8px 0 0 20px;
	}

#menu li a:hover {
	color: #474739;
	background:  url(menu.gif) 0 -32px;
	padding: 8px 0 0 20px;
	}

замените на эту:

#menu li a, #menu li a:link, #menu li a:visited {
	display: block;
	font-size:14px;
	line-height:32px;
	color: #656556;
	text-decoration: none;
	background:  url(menu.gif) 0 0 repeat-x;
	padding: 0 0 0 18px;
}	

#menu li a:hover {
	color: #474739;
	background:  url(menu.gif) 0 -32px repeat-x;
}

Если хотите действительно научиться верстать, то удалите FrontPage и делайте верстку при помощи кода.

[ShumNo]

Высота кнопок зависит либо от высоты li либо от того, что внутри этого самого ли в данном случае ссылки с фоном.

В стилях у ссылкам у вас стоит

line-height:32px;

Вот эти 32 пикселя и составляют высоту, но если вы измените, то у вас такой фон что он некорректно встанет так как большой по высоте, поэтому и фон перерисовать наверное тоже будет необходимо