none
Помогите с CSS RRS feed

  • Вопрос

  • Вот мой код страницы:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css" media="all">
    #menu {
    	background:#333 url(http://fr3d00m-team.clan.su/iimg/menu.gif);
    	border-bottom:1px solid #000;
    	height:28px;
    }
    #menu a:link, #menu a:visited, #menu a:active {
    	background:#333 url(http://fr3d00m-team.clan.su/iimg/menu.gif);
    	color:#fff;
    	border-left:1px solid #000;
    	border-right:1px solid #333;
    	font-size:11px;
    	font-weight:normal;
    }
    #menu a:hover, #menu #selected:link, #menu #selected:visited {
    	background-color:#111;
    }
    #menu ul {
    	margin:0;
    	padding:0;
    }
    #menu li {
    	float:left;
    	list-style:none;
    	line-height:28px;
    	font-size:.9em;
    	margin:0;
    	padding:0;
    }
    #menu a:link, #menu a:visited, #menu a:active {
    	display:block;
    	padding:0 19px;
    	text-decoration:none;
    }
    #menu a:hover, #menu #selected:link, #menu #selected:visited {
    	background-position:0 -28px;
    }
    </style>
    </head>
    <body>
    <!-- Меню горизонтальное -->
    <div id="menu" align="center">
     <ul>
      <li><font face="Arial"><a href="http://floodlight.do.am/" title="Главная"><span>Главная</span></a></font></li>
      <li><font face="Arial"><a href="http://floodlight.do.am/forum" title="Форум"><span>Форум</span></a></font></li>
      <li><font face="Arial"><a href="http://floodlight.do.am/load" title="Программы"><span>Программы</span></a></font></li>
      <li><font face="Arial"><a href="http://floodlight.do.am/stuff" title="Онлайн игры"><span>Онлайн игры</span></a></font></li>
      <li><font face="Arial"><a href="http://floodlight.do.am/index/chat/0-23" title="Чат"><span>Чат</span></a></font></li>
      <li><font face="Arial"><a href="http://floodlight.do.am/index/filmy_online/0-22" title="Фильмы онлайн"><span>Фильмы онлайн</span></a></font></li>
      <li><font face="Arial"><a href="http://floodlight.do.am/photo" title="Фотоальбомы"><span>Фотоальбомы</span></a></font></li>
      <li><font face="Arial"><a href="http://floodlight.do.am/board" title="Доска объявлений"><span>Объявления</span></a></font></li>
      <li><font face="Arial"><a href="http://floodlight.do.am/shop" title="Интернет-магазин"><span>Магазин</span></a></font></li>
      <li><font face="Arial"><a href="http://floodlight.do.am/gb" title="Гостевая книга"><span>Гостевая книга</span></a></font></li>
      <li><font face="Arial"><a href="http://floodlight.do.am/index/0-3" title="Обратная связь"><span>Обратная связь</span></a></font></li>
     </ul>
    </div>
    <!-- Меню горизонтальное -->
    </body>
    </html>
    Когда я её открываю в браузере, то есть линия меню и все кнопки которые там находятся по левую часть всего этого, а мне надо чтобы все кнопки выравнивались па середине. Подскажите как это сделать. Я полагаю изменения будут в CSS.

    18 апреля 2010 г. 12:22

Ответы

  • В таких вопросах помогают пограммы

    IE:Internet Explorer Developer Toolbar

    FireFox: FireBug

    Opera:WebDevToolbar

    Они позволяют в режиме реального времени экспериментировать с CSS, HTML, Javascript, DOM - моментально отображая результаты изменений.

    18 апреля 2010 г. 16:17
  • #menu {
    	background:#333 url(http://fr3d00m-team.clan.su/iimg/menu.gif);
    	border-bottom:1px solid #000;
    	height:28px;
    }
    #menu a:link, #menu a:visited, #menu a:active {
    	background:#333 url(http://fr3d00m-team.clan.su/iimg/menu.gif);
    	color:#fff;
    	border-left:1px solid #000;
    	border-right:1px solid #333;
    	font-size:11px;
    	font-weight:normal;
    }
    #menu a:hover, #menu #selected:link, #menu #selected:visited {
    	background-color:#111;
    }
    #menu ul {
    	margin:0;
    	padding:0;
    }
    #menu li {
    	display:inline;
    	list-style:none;
    	line-height:28px;
    	font-size:.9em;
    	margin:0;
    	padding:0;
    }
    #menu a:link, #menu a:visited, #menu a:active {
    	padding: 5px;
    	text-decoration:none;
    }
    #menu a:hover, #menu #selected:link, #menu #selected:visited {
    	background-position:0 -28px;
    }

    18 апреля 2010 г. 18:03

Все ответы

  • В таких вопросах помогают пограммы

    IE:Internet Explorer Developer Toolbar

    FireFox: FireBug

    Opera:WebDevToolbar

    Они позволяют в режиме реального времени экспериментировать с CSS, HTML, Javascript, DOM - моментально отображая результаты изменений.

    18 апреля 2010 г. 16:17
  • Простите, но у меня не чего не получается( Может просто дадите код, что мне изменить?
    18 апреля 2010 г. 17:25
  • #menu {
    	background:#333 url(http://fr3d00m-team.clan.su/iimg/menu.gif);
    	border-bottom:1px solid #000;
    	height:28px;
    }
    #menu a:link, #menu a:visited, #menu a:active {
    	background:#333 url(http://fr3d00m-team.clan.su/iimg/menu.gif);
    	color:#fff;
    	border-left:1px solid #000;
    	border-right:1px solid #333;
    	font-size:11px;
    	font-weight:normal;
    }
    #menu a:hover, #menu #selected:link, #menu #selected:visited {
    	background-color:#111;
    }
    #menu ul {
    	margin:0;
    	padding:0;
    }
    #menu li {
    	display:inline;
    	list-style:none;
    	line-height:28px;
    	font-size:.9em;
    	margin:0;
    	padding:0;
    }
    #menu a:link, #menu a:visited, #menu a:active {
    	padding: 5px;
    	text-decoration:none;
    }
    #menu a:hover, #menu #selected:link, #menu #selected:visited {
    	background-position:0 -28px;
    }

    18 апреля 2010 г. 18:03
  • Большое спасибо!)))

     

    18 апреля 2010 г. 18:41