Autor | Zpráva | ||
---|---|---|---|
Ajka Profil * |
#1 · Zasláno: 31. 8. 2007, 22:50:21
ahoj,potrebuji radu. chtela bych do layoutu do leve navigace vlozit menu - take pomovi CSS, ale pisu internim zapisem! snazim se o to, ale menu se mi ukazuje uplne jinde - uprostred obsahu (misto vlevem menu), uplne vpravo, dole... nevite,co s tim?
|
||
Nox Profil |
#2 · Zasláno: 31. 8. 2007, 22:58:28
Potřebujem buď adresu nebo aspoň vypsat to css a html
|
||
Ajka Profil * |
#3 · Zasláno: 1. 9. 2007, 22:54:46
<head>
<style> #obalovydiv { width: 90%; margin: 10px auto; background-color: #eeffee; color: #333; border: 3px solid green; line-height: 110%; } #hlavicka { padding: .5em; background-color: #eeffee; border-bottom: 3px solid green; } #levanavigace { float: left; width: 160px; margin: 0; padding: 1em; background-color: #eeffee; } #pravanavigace { float: right; width: 160px; margin: 0; padding: 1em; background-color: #eeffee; } #obsah { margin-left: 200px; border-left: 1px solid green; margin-right: 200px; border-right: 1px solid green; padding: 1em; max-width: 36em; background-color: #eeffee; } #paticka { clear: both; margin: 0; padding: .5em; color: #333; background-color: #eeffee; border-top: 5px solid green; } body { text-align:center; } #levanavigace p, #pravanavigace p { margin: 0 0 1em 0; } #obsah h2 { margin: 0 0 .5em 0; } </head> </style> <html> <body> <div id="obalovydiv"> <div id="hlavicka"> <p> <style> <head> #nav { width: 100%; float: left; background-color: green; } #nav ul { padding: 0; } #nav ul li { display: inline; } #nav ul { margin: 0; padding: 0 0 0 7%; color: #FFFFFF; font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif; font-size: .8em; letter-spacing: 2px; font-weight: bold; } #nav ul li a { padding: 0.2em 12px; background-color: green; color: #FFFFFF; text-decoration: none; float: left; border-right: 1px solid #128ac8; } #nav ul li a:hover { background-color: green; color: #FFFFFF; } #nav li#active a { background-color: green; color: #FFFFFF; } </head> </style> <html> <body> <div id="nav"> <ul> <li><a href="novinky.html">Novinky</a></li> <li><a href="odkazy.html">Odkazy</a></li> <li><a href="kontakt.html">Kontakt</a></li> <li><a href="nk.html">Kniha návštěv</a></li> </ul> </div> </body> </html> </p> </div> <div id="levanavigace"> <p> <style> <head> body { background-color:#dddddd; } ul#hlavniMenu { width:100px; background-color:white; } ul#hlavniMenu, ul { padding:0; margin:0; list-style-type:none; } ul#hlavniMenu ul { position:absolute; top:0; left:100px; visibility:hidden; background-color:white; } ul#hlavniMenu li { position:relative; width:100px; } ul#hlavniMenu a { color:black; display:block; font:12px arial,sans-serif; text-decoration:none; display:block; width:100%; } ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a { background-color:black; color:white; } ul#hlavniMenu li:hover ul a, ul#hlavniMenu li.hover ul a { background-color:white; color:black; } ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover { background-color:black; color:white; } ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul { visibility:visible; } ul#hlavniMenu li li { border:none; padding:0; background-color:white; } ul#hlavniMenu li { behavior: url(hover.htc); } </head> </style> <html> <body> <ul id="hlavniMenu"> <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> </ul> </body> </html> </p> </div> <div id="pravanavigace"> <p> </p> </div> <div id="obsah"> <h2>Podnadpis</h2> <p> </p> </div> <div id="paticka"> <p>© 2008 - </p> </div> </div> </body> </html> |
||
ajka Profil * |
#4 · Zasláno: 2. 9. 2007, 19:36:35
pomohl by mi s tim nekdo?
|
||
ajka Profil * |
#5 · Zasláno: 2. 9. 2007, 20:14:35
moc moc prosím
|
||
Časová prodleva: 3 dny
|
|||
peter poloma Profil * |
#6 · Zasláno: 5. 9. 2007, 15:34:54
Ahoj,
mno vsimol som si ze tam mas strasne vela tagov head a html, nechaj prve a ostatne vymaz potom ti to bude fungovat |
||
peter poloma Profil * |
#7 · Zasláno: 5. 9. 2007, 15:36:58
resp. tu je kod ak ti to pomoze aj ked viem ze sem by sa nemal "pastovat" a ja by som to spravil trosku inak ale nemam teraz casu.
<head> <style> #obalovydiv { width: 90%; margin: 10px auto; background-color: #eeffee; color: #333; border: 3px solid green; line-height: 110%; } #hlavicka { padding: .5em; background-color: #eeffee; border-bottom: 3px solid green; } #levanavigace { float: left; width: 160px; margin: 0; padding: 1em; background-color: #eeffee; } #pravanavigace { float: right; width: 160px; margin: 0; padding: 1em; background-color: #eeffee; } #obsah { margin-left: 200px; border-left: 1px solid green; margin-right: 200px; border-right: 1px solid green; padding: 1em; max-width: 36em; background-color: #eeffee; } #paticka { clear: both; margin: 0; padding: .5em; color: #333; background-color: #eeffee; border-top: 5px solid green; } body { text-align:center; } #levanavigace p, #pravanavigace p { margin: 0 0 1em 0; } #obsah h2 { margin: 0 0 .5em 0; } </head> </style> <div id="obalovydiv"> <div id="hlavicka"> <p> <style> #nav { width: 100%; float: left; background-color: green; } #nav ul { padding: 0; } #nav ul li { display: inline; } #nav ul { margin: 0; padding: 0 0 0 7%; color: #FFFFFF; font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif; font-size: .8em; letter-spacing: 2px; font-weight: bold; } #nav ul li a { padding: 0.2em 12px; background-color: green; color: #FFFFFF; text-decoration: none; float: left; border-right: 1px solid #128ac8; } #nav ul li a:hover { background-color: green; color: #FFFFFF; } #nav li#active a { background-color: green; color: #FFFFFF; } </style> <div id="nav"> <ul> <li><a href="novinky.html">Novinky</a></li> <li><a href="odkazy.html">Odkazy</a></li> <li><a href="kontakt.html">Kontakt</a></li> <li><a href="nk.html">Kniha návštìv</a></li> </ul> </div> </p> </div> <div id="levanavigace"> <p> <style> { background-color:#dddddd; } ul#hlavniMenu { width:100px; background-color:white; } ul#hlavniMenu, ul { padding:0; margin:0; list-style-type:none; } ul#hlavniMenu ul { position:absolute; top:0; left:100px; visibility:hidden; background-color:white; } ul#hlavniMenu li { position:relative; width:100px; } ul#hlavniMenu a { color:black; display:block; font:12px arial,sans-serif; text-decoration:none; display:block; width:100%; } ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a { background-color:black; color:white; } ul#hlavniMenu li:hover ul a, ul#hlavniMenu li.hover ul a { background-color:white; color:black; } ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover { background-color:black; color:white; } ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul { visibility:visible; } ul#hlavniMenu li li { border:none; padding:0; background-color:white; } ul#hlavniMenu li { behavior: url(hover.htc); } </style> <ul id="hlavniMenu"> <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> </ul> </p> </div> <div id="pravanavigace"> <p> </p> </div> <div id="obsah"> <h2>Podnadpis</h2> <p> </p> </div> <div id="paticka"> <p>© 2008 - </p> </div> </div> </body> </html> |
||
Časová prodleva: 17 let
|
0