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. :)

1 ответов


Эх выыыы, дельцы ))))


#menu a + a {
  margin-left: 40px
}
 

Вот правильный вариант

От сей порнографии можно избавиться чтением Камасутры. Поза номер раз:


#menu a{display: block; float: left; margin-right: 40px;}
 К сожалению, CSS - такая штука, что "без башки" пытаясь исправить одно - можно сломать другое. В примере, который я привел: margin некоторые особо-одаренные браузеры делят на 2. Вместо margin-right можно написать padding-right - но тогда пустое пространство тоже станет ссылкой.

Например так:


div#menu a {
    margin-right:40px;
}