Как правельно исправить скрипт с меню - HTML и CSS

kakawkin · 22.10.2010, 16:06

Собственно вот есть скрипт:

Код:

<!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;" />
                        <title>.::. TEST .::.</title>
                        <style type="text/css">
<!--
    body {
        margin:0;
        padding:0;
        font: bold 11px/1.5em Verdana;
}

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

/*- Menu Tabs F--------------------------- */

    #tabsF {
      float:left;
      width:100%;
      background:#efefef;
      font-size:90%;
      line-height:normal;
          border-bottom:0px solid #666;
      }
    #tabsF ul {
        margin:0;
        padding:0px 0px 0 50px;
        list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url("tableftF.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url("tabrightF.gif") no-repeat right top;
      padding:5px 15px 4px 9px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }

        #tabsF #current a {
                background-position:0% -42px;
        }
        #tabsF #current a span {
                background-position:100% -42px;
        }
-->
</style>
                </head>

                <body>
                        <h2>Tab Menu F</h2>
                        <div id="tabsF">
                                <ul>
                                        <!-- CSS Tabs -->
<li id="current"><a href="index.php"><span>WELCOME TO THE FUCK YOU</span></a></li>

                                </ul>
                        </div>
                </body>
</html>

1.неправельно отображается:
поидее должны быть 3 части ( левая, центр, правая ) а тут 1 - левая, а 2 - центр+правая и получается что они отделены

2. Это меню подходит для того чтобы располагать над картинками, текстом или вверху страницы так как оно "садиться" на страницу из-за своих скругленных уголков вверху - нельзя ли сделать его "висячим" - т.е. чтобы эти голки были внизу а не наверху

Заранее большое спасибо

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как правельно спарсировать ?	kakawkin	Общие вопросы Delphi	1	31.07.2010 13:29
Как правельно поставить for между if и and	Des	Общие вопросы Delphi	3	07.05.2009 10:18
Как правельно составить запрос!!	Areostar	SQL, базы данных	3	16.02.2008 19:49