Autor | Zpráva | ||
---|---|---|---|
markett Profil |
#1 · Zasláno: 20. 11. 2007, 10:05:12
Hezký den, mohl bystemi někdo prosím poradit...asi je to hloupost, ale nemůžu na to přijít...chtěla bych aby kolem celého dokumentu byl bílý rámeček...jakž takž e mi to podařilo, ale nejde mi ho správně udělat po pravé straně pravého sloupce, vždycky je kousek odstrčený od zbytku
no a pak ještě jestli by jste někdo nevěděl, proč mi odskakuje hover menu v ie... Moc díky a krásný den...markett ...přidávám odkaz na stránky www.markett.ic.cz a kód body { margin: 0px auto; margin-top : 30px; margin-bottom : 20px; padding: 0px auto; font-family: "arial ce", "helvetica ce", sans-serif; font-size: 14px; color: #000000; background-color : #162820; text-align : center; } img { border : none; } .kontejner{ width : 800px; height : 650px; text-align : center; margin : auto; } .top { width: 800px; height:440px; text-align : right; border : 1px solid white; } .top-banner { width: 800px; height: 30px; background-color: #546C54; text-align : center; border-left : 1px solid white; border-right : 1px solid white; } .column { width: 800px; } .left-column { float: left; width: 644px; height: 400px; background-color: white; } .right-column { float: right; width: 155px; height: 400px; background-color : #546C54; border-right : 1px solid white; } .bottom { width: 800px; height: 30px; background-color : #546C54; border : 1px solid white; clear: both; } ul#mainMenu, ul{ color:#000000; padding:0; margin:0; list-style-type:none; } ul#mainMenu ul{ margin-top:6px; } ul#mainMenu li{ float:left; padding:6px; width:120px; } ul#mainMenu a{ color: #162820; background-color: white; display:block; text-decoration:none; font-weight:bold; } ul#mainMenu ul a{ border-bottom:none; border-left:1px solid #D7E8F5; border-right:1px solid #D7E8F5; padding-left:2px; } ul#mainMenu ul a:hover{ color: #6CAAD9; border-left:1px solid #D7E8F5; border-right:1px solid #D7E8F5; background-color:#ffffff; } ul#mainMenu ul{ position:absolute; visibility:hidden; border-bottom:1px solid #D7E8F5; background-color:white; } ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{ visibility:visible; } ul#mainMenu li li{ float:none; border:none; padding:0; } ul#mainMenu li{ behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */} <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <LINK rel="stylesheet" type="text/css" href="Novy2.css"> <title> </title> </head> <body> <div class="kontejner"> <div class="top"> <A href="http://www.hnidek.com/index.html"> <IMG src="pozadi02.png" alt="markett" title="markett" border="0" height="440" width="800"></A> </div> <div class="top-banner"> <ul id="mainMenu"> <li> <a href="#">Hlavní odkaz 1</a> <ul> <li> <a href="#">Pododkaz 11</a></li> <li> <a href="#">Pododkaz 12</a></li> <li> <a href="#">Pododkaz 13</a></li> </ul></li> <li> <a href="#">Hlavní odkaz 2</a> <ul> <li> <a href="#">Pododkaz 21</a></li> <li> <a href="#">Pododkaz 22</a></li> <li> <a href="#">Pododkaz 23</a></li> </ul></li> <li> <a href="#">Hlavní odkaz 3</a> <ul> <li> <a href="#">Pododkaz 31</a></li> <li> <a href="#">Pododkaz 32</a></li> <li> <a href="#">Pododkaz 33</a></li> </ul></li> <li> <a href="#">Hlavní odkaz 4</a> <ul> <li> <a href="#">Pododkaz 41</a></li> <li> <a href="#">Pododkaz 42</a></li> <li> <a href="#">Pododkaz 43</a></li> </ul></li> <li> <a href="#">Hlavní odkaz 5</a> <ul> <li> <a href="#">Pododkaz 51</a></li> <li> <a href="#">Pododkaz 52</a></li> <li> <a href="#">Pododkaz 53</a></li> </ul></li> <li> <a href="#">Hlavní odkaz 6</a> <ul> <li> <a href="#">Pododkaz 61</a></li> <li> <a href="#">Pododkaz 62</a></li> <li> <a href="#">Pododkaz 63</a></li> </ul></li> </ul> <!--konec menu--> </div> <div class="column"> <div class="left-column"> Levý sloupec stránky </div> <div class="right-column"> Pravy hlavní sloupec stránky </div> </div> <div class="bottom"> Patička stránky </div> </div> </body> </html> |
||
vertigo4 Profil |
#2 · Zasláno: 20. 11. 2007, 18:11:53
stačí nastavit 1px solid white; jen u toho kontejneru a ne jak to máš u každýho zvlášť
no a stím odskakováním nevím... jedině- máš v hlavní složce webu umístěný hover.htc? |
||
Časová prodleva: 16 let
|
0