Картинка кнопки вертикального меню

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем Fetka, 29.08.2009.

  1. Offline

    Fetka Недавно здесь

    Регистрация:
    16.03.2007
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Женский
    Доброй ночи!
    Подскажите, пожалуйста, как выровнять меню.
    вот что сейчас
    FF: ff.jpg
    IE: ie.jpg
    Должно быть: 1.jpg

    css
    Код (CODE):
    1. /* CSS Document */
    2.  
    3. body {
    4.     height: 1583px;
    5.     padding: 0px;
    6.     margin: 0px;
    7.     font-family: Georgia, "Times New Roman", Times, serif;
    8.     font-size: 12px;
    9.     background-image:url(../images/fon.jpg);
    10.     background-repeat:repeat-x;
    11. }
    12.  
    13. #layer {            /*patifon*/
    14. position:absolute;
    15. top: 4px;
    16. left: 74px;
    17. }
    18.  
    19. #layer2 {           /*klubok*/
    20. position:absolute;
    21. left:895px;
    22. top: 90px;
    23. }
    24.  
    25. #layer3 {           /*poloska*/
    26. position:absolute;
    27. top: 334px;
    28. left: 70px;
    29. }
    30.  
    31. #layer4 {           /*stoleshnica*/
    32. position:absolute;    
    33. left: 70px;
    34. top: 347px;
    35. margin: 0px;
    36. }
    37.  
    38. #player {
    39. position: absolute;
    40. left: 215px;
    41. top: 269px;
    42. }
    43.  
    44. #flashob {
    45. margin:0px;
    46. top: 52px;
    47. left: 288px;
    48. position:absolute;
    49. }
    50.  
    51. #topmenu {
    52.     position:relative;
    53.     left: 47px;
    54.     top:11px;}
    55.    
    56. #bord {
    57.     position:absolute;
    58.     top:485px;
    59.     left:105px;
    60. }
    61.  
    62. #kolumnleft {
    63.     position:absolute;
    64.     left:105px;
    65.     top: 537px;}
    66. #kolumnright{
    67.     position:absolute;
    68.     left:1103px;
    69.     top:537px;}
    70.  
    71. #fon1 {
    72.     background-image:url(../images/doska1.jpg);
    73.     background-repeat:repeat-x;
    74.     position:absolute;
    75.     height: 93px;
    76.     width: 1055px;
    77.     left: 106px;
    78.     top: 392px;}
    79.    
    80. #moduleLeft {
    81.     position:absolute;
    82.     width: 229;
    83.     height: 59;
    84.     top:532px;
    85.     left:162px;}
    86.    
    87. #moduleRight {
    88.     position:absolute;
    89.     top:528px;
    90.     left:880px;}
    91.    
    92. #layer {z-index: 2;}
    93. #layer2 {z-index:5;}
    94. #layer3 {z-index:3;}
    95. #layer4 {z-index:4;}
    96. #flashob {z-index:1;}
    97. #player {z-index:5;}
    98. #fon1 {z-index:9;}
    99. #topmenu {z-index:10;}
    100. #bord {z-index:8;}
    101. #moduleLeft {z-index:11;}
    102. #moduleRight {z-index:12;}
    103.  
    104.  
    105.  
    106.  
    107. .clr {
    108.     clear: both;
    109. }
    110.  
    111. .outline {
    112.   border: 1px solid #cccccc;
    113.   background: #ffffff;
    114.     padding: 2px;
    115. }
    116.  
    117. #buttons_inner {
    118.     border: 1px solid #cccccc;
    119.     height: 21px !important;
    120.     height: 23px;
    121. }
    122.  
    123. #pathway_text {
    124.   overflow: hidden;
    125.     display: block;
    126.     height: 25px;
    127.     line-height: 25px !important;
    128.     line-height: 22px;
    129.     padding-left: 4px;
    130.     border: 1px solid #ccc;
    131.     margin-bottom: 2px;
    132. }
    133.  
    134. #pathway_text img {
    135.     margin-left: 5px;
    136.     margin-right: 5px;
    137.     margin-top: 6px;
    138. }
    139.  
    140. #buttons {
    141.     float: left;
    142.     margin: 0px;
    143.     padding: 0px;
    144.     width: auto;
    145. }
    146.  
    147.  
    148. ul#mainlevel
    149. {
    150.     list-style: none;
    151.     padding:0;
    152.     margin: 0;
    153.     font-size: 12px;
    154. }
    155.  
    156. ul#mainlevel li{
    157.     float: left;
    158.     font-size: 12px;
    159. }
    160.  
    161. ul#mainlevel li a
    162. {   text-decoration: none;
    163.     color: #333333;
    164.     font-size:12px;
    165. }
    166.  
    167.  
    168. a.mainlevel-nav :link, a.mainlevel-nav:visited {
    169.     font-family:Georgia, "Times New Roman", Times, serif;
    170.     font-size: 14px;
    171.     font-weight: bold;
    172.     text-decoration: none;
    173.     padding-top: 29px;
    174.     width:229px;
    175.     background-image:url(../images/fonkn.jpg);
    176.     background-repeat:no-repeat;
    177. }
    178.  
    179. a.mainlevel-nav :hover {
    180.     font-family:Georgia, "Times New Roman", Times, serif;
    181.     text-decoration: none;
    182.     font-size:12px;
    183.     height:59;
    184.     width:229;
    185.     background-image:url(../images/fonkn.jpg);
    186.     background-repeat:no-repeat;
    187. }
    188.  
    189. a.mainlevel-nav #active_menu {
    190.     font-family:Georgia, "Times New Roman", Times, serif;
    191.     text-decoration: none;
    192.     font-size:12px;
    193.     height:59;
    194.     width:229;
    195.     background-image:url(../images/fonkn.jpg);
    196.     background-repeat:no-repeat;
    197. }
    198.    
    199. a.mainlevel-nav #active_menu:hover {
    200.     color: #630;
    201.     font-family:Georgia, "Times New Roman", Times, serif;
    202.     text-decoration: none;
    203.     font-size:12px;
    204.     height:59;
    205.     width:229;
    206.     background-image:url(../images/fonkn.jpg);
    207.     background-repeat:no-repeat;
    208.     }
    209.  
    210. a.sublevel:link, a.sublevel:visited {
    211.     padding-left: 1px;
    212.     vertical-align: middle;
    213.     font-size: 12px;
    214.     font-weight: bold;
    215.     color: #630;
    216.     text-align: left;
    217. }
    218.  
    219. a.sublevel:hover {
    220.     color: #630;
    221.     text-decoration: none;
    222. }
    223.  
    224. a.sublevel#active_menu {
    225.     color: #630;
    226. }
    227.  
    228. a:link, a:visited {
    229.     color: #7c4d1b; text-decoration: none;
    230.     font-weight: bold;
    231.    
    232. }
    233.  
    234. a:hover {
    235.     color: #7c4d1b; text-decoration: none;
    236.     font-weight: bold;
    237. }
    238.  
    239. #search_outer {
    240.     float: left;
    241.     /*width: 165px;*/
    242. }
    243.  
    244. #search_inner {
    245. /*  border: 1px solid #cccccc;*/
    246.     padding: 0px;
    247.   height: 21px !important;
    248.   height: 23px;
    249.   overflow: hidden;
    250. }
    251.  
    252. #search_inner form {
    253.   padding: 0;
    254.   margin: 0;
    255. }
    256.  
    257. #search_inner .inputbox {
    258.     border: 0px;
    259.     padding: 3px 3px 3px 5px;
    260.     font-family: arial, helvetica, sans-serif;
    261.     font-size: 11px;
    262.     color: #c64934;
    263. }
    264.  
    265. #header_outer {
    266.     text-align: left;
    267.     border: 0px;
    268.     margin: 0px;
    269. }
    270.  
    271. #header {
    272.     padding: 0px;
    273.     margin: 0px;
    274.     font-size:12px;
    275.  
    276. }
    277.  
    278.  
    279. table.content_table {
    280.   width: 100%;
    281.     padding: 0px;
    282.     margin: 0px;
    283. }
    284.  
    285. table.content_table td {
    286.     padding: 0px;
    287.     margin: 0px;
    288. }
    289.  
    290.  
    291. #banner_inner {
    292.     float: left;
    293.     padding: 0px;
    294.     height: 70px;
    295. }
    296.  
    297. #poweredby_inner {
    298.     float: right;
    299.     padding: 0px;
    300.     margin-left: 0px;
    301.     height: 70px;
    302. }
    303.  
    304.  
    305.  
    306. table td.body_outer {
    307.     padding: 2px;
    308. /*  border: 1px solid #cccccc;*/
    309. }
    310.  
    311. /*.maintitle {
    312.     color: #7c4d1b;
    313.     font-size: 40px;
    314.     padding-left: 15px;
    315.     padding-top: 20px;
    316. }*/
    317.  
    318. .error {
    319.   font-style: italic;
    320.   text-transform: uppercase;
    321.   padding: 5px;
    322.   color: #7c4d1b;
    323.   font-size: 14px;
    324.   font-weight: bold;
    325. }
    326.  
    327. /** old stuff **/
    328.  
    329. .back_button {
    330.     float: left;
    331.   text-align: center;
    332.   font-size: 11px;
    333.   font-weight: bold;
    334.   width: auto;
    335.   padding: 0px 10px;
    336.   line-height: 20px;
    337.   margin: 1px;
    338. }
    339.  
    340. .pagenav {
    341.   text-align: center;
    342.   font-size: 11px;
    343.   font-weight: bold;
    344.   border: 3px double #300;
    345.   width: auto;;
    346.   padding: 0px 10px;
    347.   line-height: 20px;
    348.   margin: 1px;
    349. }
    350.  
    351. .pagenavbar {
    352.     margin-right: 10px;
    353.     float: right;
    354. }
    355.  
    356. #footer {
    357.     text-align: center;
    358.     padding: 3px;
    359. }
    360.  
    361.  
    362. td {
    363.     text-align: left;
    364.     font-size: 12px;
    365.     padding: 0px;
    366.     margin:0px;
    367.     color: #630;
    368. }
    369.  
    370. table.contentpaneopen {
    371.   width: 100%;
    372.     padding: 0px;
    373.     margin: 0px;
    374. }
    375. table.contentpaneopen td {
    376.    padding-right: 5px;
    377. }
    378. table.contentpaneopen td.componentheading {
    379.     padding-left: 4px;
    380. }
    381.  
    382.  
    383.  
    384. table.contentpane {
    385.   width: 100%;
    386.     padding: 0px;
    387.     border-collapse: collapse;
    388.     border-spacing: 0px;*
    389.     margin: 0px;
    390. }
    391.  
    392. table.contentpane td {
    393.     margin: 0px;
    394.     padding: 0px;
    395. }
    396.  
    397. table.contentpane td.componentheading {
    398.     padding-left: 4px;
    399. }
    400.  
    401. table.contentpaneopen fieldset {
    402.     border: 0px;
    403.     border-bottom: 1px solid #eee;
    404. }
    405.  
    406. .button {
    407.   color: #c64934;
    408.   font-family: Georgia, "Times New Roman", Times, serif;
    409.   text-align: center;
    410.   font-size: 11px;
    411.   font-weight: bold;
    412.   border: 3px double #cccccc;
    413.   width: auto;
    414.   padding: 0px 5px;
    415.   line-height: 18px !important;
    416.   line-height: 16px;
    417.   height: 26px !important;
    418.   height: 24px;
    419.   margin: 1px;
    420. }
    421.  
    422. .inputbox {
    423.     padding: 2px;
    424.     border:solid 1px #cccccc;
    425.     background-color: #ffffff;
    426. }
    427.  
    428. .componentheading {
    429.     color: #7c4d1b;
    430.     text-align: left;
    431.     padding-top: 4px;
    432.     padding-left: 4px;
    433. /*  height: 21px;*/
    434.     font-weight: bold;
    435.     font-size: 12px;
    436.     text-transform: uppercase;
    437.  
    438. }
    439.  
    440. .contentcolumn {
    441.     padding-right: 5px;
    442. }
    443.  
    444. .contentheading {
    445.     color: #630;
    446.     font-weight: bold;
    447.     font-size: 14px;
    448. /*  white-space: nowrap;*/
    449. }
    450.  
    451.  
    452.  
    453. .contentpagetitle {
    454.     font-size: 13px;
    455.     font-weight: bold;
    456.     color: #cccccc;
    457.     text-align:left;
    458. }
    459.  
    460. table.searchinto {
    461.     width: 100%;
    462. }
    463.  
    464. table.searchintro td {
    465.     font-weight: bold;
    466. }
    467.  
    468. table.moduletable {
    469.     width: 229px;
    470.     /*margin-bottom: 5px;*/
    471.     padding: 0px;
    472.     border-spacing: 0px;
    473.     border-collapse: collapse;
    474. }
    475.  
    476. table.moduletable-nav {
    477.     padding: 0px;
    478. }
    479.  
    480.  
    481. div.moduletable {
    482.     padding: 0;
    483.     /*margin-bottom: 2px;*/
    484. }
    485.  
    486. table.moduletable th, div.moduletable h3 {
    487.     color: #630;
    488.     font-family:Georgia, "Times New Roman", Times, serif
    489.     text-align: left;
    490.     padding-left: 4px;
    491.     height: 21px;
    492.     line-height: 21px;
    493.     font-weight: bold;
    494.     font-size: 12px;
    495.     text-transform: uppercase;
    496.     margin: 0 0 2px 0;
    497. }
    498.  
    499. table.moduletable td {
    500.     font-size: 11px;
    501.     padding: 0px;
    502.     margin: 0px;
    503.     font-weight: normal;
    504. }
    505.  
    506. table.moduletable-nav td {
    507.     font-size: 12px;
    508. }
    509.  
    510. table.pollstableborder td {
    511.   padding: 2px;
    512. }
    513.  
    514. .sectiontableheader {
    515.   font-weight: bold;
    516.   background: #f0f0f0;
    517.   padding: 4px;
    518. }
    519.  
    520. .sectiontablefooter {
    521.  
    522. }
    523.  
    524. .sectiontableentry1 {
    525.     background-color : #ffffff;
    526. }
    527.  
    528. .sectiontableentry2 {
    529.     background-color : #f9f9f9;
    530. }
    531.  
    532. .small {
    533.     color: #cda77e;
    534.     font-size: 11px;
    535. }
    536.  
    537. .createdate {
    538.     height: 15px;
    539.     padding-bottom: 10px;
    540.     color: #cda77e;
    541.     font-size: 11px;
    542. }
    543.  
    544. .modifydate {
    545.     height: 15px;
    546.     padding-top: 10px;
    547.     color: #cda77e;
    548.     font-size: 11px;
    549. }
    550.  
    551. table.contenttoc {
    552. /*  border: 1px solid #cccccc;*/
    553.   padding: 2px;
    554.   margin-left: 2px;
    555.   margin-bottom: 2px;
    556. }
    557.  
    558. table.contenttoc td {
    559.   padding: 2px;
    560. }
    561.  
    562. table.contenttoc th {
    563.   color: #630;
    564.     text-align: left;
    565.     padding-top: 2px;
    566.     padding-left: 4px;
    567.     height: 21px;
    568.     font-weight: bold;
    569.     font-size: 13px;
    570.     text-transform: uppercase;
    571. }
    572.  
    573.  
    574. .highlight {
    575.     background-color: #C60;
    576.     color: #630;
    577.     padding: 0;
    578. }
    579. .code {
    580.     background-color: #ddd;
    581.     border: 1px solid #bbb;
    582. }
    583.  
    584. form {
    585. /* removes space below form elements */
    586.     margin: 0;
    587.     padding: 0;
    588. }
    589.  
    590. div.mosimage {
    591.   border: 0px solid #ccc;
    592. }
    593.  
    594. .mosimage {
    595.   border: 1px solid #cccccc;
    596.   margin: 5px
    597. }
    598.  
    599. .mosimage_caption {
    600.   margin-top: 2px;
    601.   background: #efefef;
    602.   padding: 1px 2px;
    603.   color: #666;
    604.   font-size: 10px;
    605.   border-top: 1px solid #cccccc;
    606. }
    607.  
    608. span.article_seperator {
    609.     display: block;
    610.     height: 1.5em;
    611. }


    php
    Код (CODE):
    1. <?php
    2. defined( '_VALID_MOS' ) or die( 'Restricted access' );
    3. // needed to seperate the ISO number from the language file constant _ISO
    4. $iso = explode( '=', _ISO );
    5. // XML prolog
    6. echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
    7. ?>
    8. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    9. <html xmlns="http://www.w3.org/1999/xhtml">
    10. <head>
    11. <?php if ( $my->id ) { initEditor(); } ?>
    12. <meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
    13. <?php mosShowHead(); ?>
    14. <?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
    15. <link href="css/template_css.css" rel="stylesheet" type="text/css" />
    16. <script defer type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/nitochka2/pngfix_map.js"></script>
    17. <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    18. </head>
    19. <title><?php echo $mosConfig_sitename; ?></title>
    20. <body>
    21. <table width="100%" border="0" height="1580">
    22.   <tr>
    23.     <td >
    24. <div id="layer"><img src="<?php echo $mosConfig_live_site;?>/templates/nitochka2/images/patefon.jpg"/></div><img src="<?php echo $mosConfig_live_site;?>/templates/nitochka2/images/klubok.png" border="0" id="layer2"/><div><img id="layer3" src="<?php echo $mosConfig_live_site;?>/templates/nitochka2/images/poloska.jpg"/></div>
    25.             <div id="player"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="68" height="31">
    26.             <param name="movie" value="<?php echo $mosConfig_live_site;?>/templates/nitochka2/swf/player.swf" />
    27.             <param name="quality" value="high" />
    28.             <param name="wmode" value="opaque" />
    29.             <param name="swfversion" value="7.0.70.0" />
    30.             <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    31.             <param name="expressinstall" value="<?php echo $mosConfig_live_site;?>/templates/nitochka2/Scripts/expressInstall.swf" />
    32.             <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    33.             <!--[if !IE]>-->
    34.             <object type="application/x-shockwave-flash" data="<?php echo $mosConfig_live_site;?>/templates/nitochka2/swf/player.swf" width="68" height="31">
    35.               <!--<![endif]-->
    36.               <param name="quality" value="high" />
    37.               <param name="wmode" value="opaque" />
    38.               <param name="swfversion" value="7.0.70.0" />
    39.               <param name="expressinstall" value="<?php echo $mosConfig_live_site;?>/templates/nitochka2/Scripts/expressInstall.swf" />
    40.               <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
    41.               <div>
    42.                 <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
    43.                 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    44.                          </div><!--[if !IE]>-->
    45.             </object>
    46.             <!--<![endif]-->
    47.           </object></div>
    48.           <div id="layer4"><img src="<?php echo $mosConfig_live_site;?>/templates/nitochka2/images/st.jpg" height="45" /></div>          
    49. <div id="flashob">
    50.   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="713" height="282" id="FlashID">
    51.           <param name="movie" value="<?php echo $mosConfig_live_site;?>/templates/nitochka2/swf/pupitr.swf" />
    52.           <param name="quality" value="high" />
    53.           <param name="wmode" value="opaque" />
    54.           <param name="swfversion" value="6.0.65.0" />
    55.           <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    56.           <param name="expressinstall" value="<?php echo $mosConfig_live_site;?>/templates/nitochka2/Scripts/expressInstall.swf" />
    57.           <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    58.           <!--[if !IE]>-->
    59.           <object data="<?php echo $mosConfig_live_site;?>/templates/nitochka2/swf/pupitr.swf" type="application/x-shockwave-flash" width="713" height="282">
    60.             <!--<![endif]-->
    61.             <param name="quality" value="high" />
    62.             <param name="wmode" value="opaque" />
    63.             <param name="swfversion" value="6.0.65.0" />
    64.             <param name="expressinstall" value="<?php echo $mosConfig_live_site;?>/templates/nitochka2/Scripts/expressInstall.swf" />
    65.             <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
    66.             <div>
    67.               <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
    68.               <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    69.             </div>
    70.             <!--[if !IE]>-->
    71.           </object>
    72.           <!--<![endif]-->
    73.         </object>
    74.     </div>
    75. <div id="fon1"><div id="topmenu"><?php mosLoadModules ( 'top' ); ?></div></div><div id="bord"><img src="<?php echo $mosConfig_live_site;?>/templates/nitochka2/images/bord.jpg" width="1055" height="56" /></div>  
    76. <div id="moduleLeft"><?php mosLoadModules ( 'left' ); ?></div>
    77.  
    78.           <div id="kolumnleft"><img src="<?php echo $mosConfig_live_site;?>/templates/nitochka2/images/kolnleft.jpg" width="57" height="966" /></div>
    79.  
    80. <div id="moduleRight"><?php mosLoadModules ( 'right' ); ?></div>
    81.  
    82.    <div id="kolumnright"><img src="<?php echo $mosConfig_live_site;?>/templates/nitochka2/images/kolonright.jpg" width="57" height="966" /></div>
    83.   </td></tr>
    84. </table>
    85. <script type="text/javascript">
    86. <!--
    87. swfobject.registerObject("FlashID");
    88. swfobject.registerObject("FlashID2");
    89. //-->
    90. </script>
    91. </body>
    92. </html>


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

    Вложения:

    • 1.JPG
      1.JPG
      Размер файла:
      8.3 КБ
      Просмотров:
      4
    • ff.JPG
      ff.JPG
      Размер файла:
      15.2 КБ
      Просмотров:
      3
    • IE.JPG
      IE.JPG
      Размер файла:
      29.7 КБ
      Просмотров:
      3
  2.  
  3. Offline

    Fetka Недавно здесь

    Регистрация:
    16.03.2007
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Женский
    Спасибо. Тема закрыта. Сама справилась :)
     

Поделиться этой страницей

Загрузка...