Autor | Zpráva | ||
---|---|---|---|
piiiiiiiip Profil |
#1 · Zasláno: 15. 6. 2010, 16:07:19
Jak udělám obrázkove menu s 3.bunkami přez stred stránky?
|
||
panther Profil |
#2 · Zasláno: 15. 6. 2010, 16:36:06
piiiiiiiip:
úplně normálně. Jak se centruje blok s neurčitou šířkou si najdi a jak se tvoří menu? <menu> <li>položka</li> ... </menu> |
||
Bubák Profil |
#3 · Zasláno: 15. 6. 2010, 17:34:51
panther:
Předpokládal bych, že v případě obrázkového menu se dá jeho šířka spočítat jako součet šířek obrázků plus případných mezer. |
||
piiiiiiiip Profil |
#4 · Zasláno: 15. 6. 2010, 18:36:31
tak dik
|
||
panther Profil |
#5 · Zasláno: 15. 6. 2010, 18:54:40
Bubák:
„Předpokládal bych, že v případě obrázkového menu se dá jeho šířka spočítat jako součet šířek obrázků plus případných mezer.“ pravdu díš :) |
||
piiiiiiiip Profil |
<!-- ?xml version="1.0" encoding="windows-1250"? --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs"> <head> <meta http-equiv="Content-Language" content="cs"/> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"/> <title></title> <style type="text/css"> ul, li { margin: 0; padding: 0; } .cl { clear: both; } ul.menu { font-size: 18px; font-family: sans-serif; } ul.menu li { list-style-type: none; } ul.menu li.item { float: left; width: 100px; height: 74px; margin-right: 5px; margin-bottom: 5px; } ul.menu li.item a { display: block; width: 450px; height: 400px; line-height: 74px; /* svisle centrovani */ text-align: center; /* vodorovne centrovani */ background: white url('81-1.jpg'); color: #333; border: solid #333 1px; font-weight: bold; text-decoration: none; font-style: italic; } ul.menu li.item a:hover { background-image: url('81-2.jpg '); color: black; border-color: #000; } body { font-family: sans-serif; text-align: center; /* IE */ } #obal { margin: 74px auto 0; text-align: right; background: #eee; padding: 100px; width: 70%; } div#obrazky { background: #f7f7f7; text-align: center; padding-top: 10px; margin-top: 30px; } #obrazky img { margin: 10px; border: solid #ddd 1px; } #obal h1 { font-size: 130%; text-align: center; background: #f7f7f7; padding: .5em .5em; margin: 0 0 1em; } </style> </head> <body> <div id="obal"> <ul class="menu"> <li class="item"><a href="#">odkaz1</a></li> <li class="item"><a href="#">odkaz2</a></li> <li class="cl"></li> </ul> Jak zvetsim mezery aby se mi ty tlacitka nezobrazovala jedno prez druhe? Moderátor Chamurappi: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou.
|
||
panther Profil |
#7 · Zasláno: 15. 6. 2010, 19:29:39
piiiiiiiip:
margin, padding Proč máš na začátku XML deklaraci, když web je prachobyčejné HTML? |
||
pavuk Profil |
#8 · Zasláno: 15. 6. 2010, 19:30:45 · Upravil/a: pavuk
edit: tak už nic...
|
||
Davex Profil |
#9 · Zasláno: 15. 6. 2010, 19:32:06
piiiiiiiip:
Elementy <li> mají nastavenu menší velikost než vložené odkazy, takže je bude asi nejlepší velikostně přizpůsobit. |
||
pavuk Profil |
#10 · Zasláno: 15. 6. 2010, 19:34:19 · Upravil/a: pavuk
a odkazy v „ul.menu li.item a“ mající šířku 450px jsou uvnitř položek „ul.menu li.item“ který mají šířku 100px
edit: já už ani nic psát nebudu... :-) |
||
Časová prodleva: 14 let
|
0