css расстояние между элементами
/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/
.html4strict.geshi_code {font-family:monospace;}
.html4strict.geshi_code .imp {font-weight: bold; color: red;}
.html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;}
.html4strict.geshi_code .kw3 {color: #000066;}
.html4strict.geshi_code .es0 {color: #000099; font-weight: bold;}
.html4strict.geshi_code .br0 {color: #66cc66;}
.html4strict.geshi_code .sy0 {color: #66cc66;}
.html4strict.geshi_code .st0 {color: #ff0000;}
.html4strict.geshi_code .nu0 {color: #cc66cc;}
.html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;}
.html4strict.geshi_code .sc0 {color: #00bbdd;}
.html4strict.geshi_code .sc1 {color: #ddbb00;}
.html4strict.geshi_code .sc2 {color: #009900;}
.html4strict.geshi_code span.xtra { display:block; }
<div id="menu">
<a onMouseOver="hover('company')" onMouseOut="unhover('company')" href="company.php"><img id="company" src="images/site/buttons/<?PHP echo $lang; ?>/company.png" border="0" /></a>
<a onMouseOver="hover('games')" onMouseOut="unhover('games')" href="games.php"><img id="games" src="images/site/buttons/<?PHP echo $lang; ?>/games.png" border="0" /></a>
<a onMouseOver="hover('news')" onMouseOut="unhover('news')" href="news.php"><img id="news" src="images/site/buttons/<?PHP echo $lang; ?>/news.png" border="0" /></a>
<a onMouseOver="hover('forum')" onMouseOut="unhover('forum')" href="forum"><img id="forum" src="images/site/buttons/<?PHP echo $lang; ?>/forum.png" border="0" /></a>
</div>
Друзья, подскажите, плз, как избавиться от сей порнографии и заменить /** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }
нормальными параметрами css?
Фактически надо выставить расстояние между элементами меню равное 40px. :)
<div id="menu">
<a onMouseOver="hover('company')" onMouseOut="unhover('company')" href="company.php"><img id="company" src="images/site/buttons/<?PHP echo $lang; ?>/company.png" border="0" /></a>
<a onMouseOver="hover('games')" onMouseOut="unhover('games')" href="games.php"><img id="games" src="images/site/buttons/<?PHP echo $lang; ?>/games.png" border="0" /></a>
<a onMouseOver="hover('news')" onMouseOut="unhover('news')" href="news.php"><img id="news" src="images/site/buttons/<?PHP echo $lang; ?>/news.png" border="0" /></a>
<a onMouseOver="hover('forum')" onMouseOut="unhover('forum')" href="forum"><img id="forum" src="images/site/buttons/<?PHP echo $lang; ?>/forum.png" border="0" /></a>
</div>
Друзья, подскажите, плз, как избавиться от сей порнографии и заменить /** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }
Фактически надо выставить расстояние между элементами меню равное 40px. :)
1 ответов
От сей порнографии можно избавиться чтением Камасутры. Поза номер раз:
#menu a{display: block; float: left; margin-right: 40px;}
К сожалению, CSS - такая штука, что "без башки" пытаясь исправить одно - можно сломать другое. В примере, который я привел: margin некоторые особо-одаренные браузеры делят на 2. Вместо margin-right можно написать padding-right - но тогда пустое пространство тоже станет ссылкой.