Tvořím horizontální menu, ale když dám jako název položky v menu delší slovo, sami vidíte, co to udělá… Úplně to změní rámeček… Prosím pomoc, co mám do kódu připsat, aby byl ten rámeček u všech položek v menu stejný…
<!DOCTYPE HTML PUBLIC „-W3CDTD HTML
4.01 Transitional//EN“>
<html>
<head>
<meta http-equiv=„content-type“ content=„text/html;
charset=UTF-8“>
<meta name=„generator“ content=„PSPad editor, www.pspad.com“>
<style>
.menuitem {padding: 15px 15px; float:left; border: 5px solid black; heigh:90px;
width: 120px}
box-shadow: 0px 0px 5px black;
</style>
<title></title>
</head>
<body>
<div id=„menu“>
<div class=„menuitem“><a
href=""#>ODKAZ</a></div>
<div class=„menuitem“><a
href=""#>ODKAZ</a></div>
<div class=„menuitem“><a
href=""#>ODKAZ</a></div>
<div class=„menuitem“><a
href=""#>ODKAZ</a></div>
<div class=„menuitem“><a
href=""#>ODKAZ</a></div>
<div class=„menuitem“><a href=""#>ODKAZ ODKAZ ODKAZ ODKAZ
ODKAZ</a></div>
</ul>
</div>
<div style=‚clear:both‘></div>
</body>
</html>
<img src=„http://imgup.cz/images/2014/02/06/SNTUo.png“ alt=„SNTUo.png“ border=„0“ />
Zajímavá 0 před 3924 dny |
Sledovat
Nahlásit
|
nepíše se „heigh“ ale ""height"
Doplňuji:
navíc, ten řádek " box-shadow: 0px 0px 5px black; " máš blbě a příjde do
té složené závorky do vlastnosti stylu „menuitem“ …a za width:120px
příjde středník
a co vlastně chceš aby to udělalo? takhle jak to máš ti text, pokud se nevejde do těch rozměrů 90×120 px přeteče mimo…
Upravil/a: lukas.zmizik
0 Nominace Nahlásit |
Na tak krátký kousek kódu se mi v tom zdá dost chyb.
Já bych použila seznam a ostylovala jeho položky.
Kód:
<!DOCTYPE HTML PUBLIC „-W3CDTD HTML
4.01 Transitional//EN“>
<html lang=„cs-CZ“>
<head>
<meta http-equiv=„content-type“ content=„text/html;
charset=windows-1250“>
<title>Menu</title>
<style>#menu, #menu li { margin: 0; padding: 0; font-weight: bold;
text-align: center; list-style-type: none; }
#menu li { float: left; width: 115px; height: 20px; margin-right: 7px; padding:
7px; font-size: 75%; border: #000 5px solid; }
#menu li a { color: #B22; }
#menu #last { width: auto; margin: 0; }</style>
</head>
<body>
<ul id=„menu“><li><a
href=„#“>Odkaz</a></li>
<li><a href=„#“>Odkaz</a></li><li><a
href=„#“>Odkaz</a></li>
<li><a href=„#“>Odkaz</a></li><li><a
href=„#“>Odkaz</a></li>
<li id=„last“><a href=„#“>Text dlouhého (posledního)
odkazu</a></li>
</ul>
</body></html>
„Zkousne“ to i MsIE6 – viz obrázek:
http://imgup.cz/NHy
0 Nominace Nahlásit |
U otázky nebylo diskutováno.
Nový příspěvekBedy | 1528 | |
Michal Kole | 1199 | |
led | 1156 | |
Hlada | 1131 | |
mosoj | 1124 | |
gecco | 904 | |
www | 828 | |
badisko | 817 | |
cochee | 815 | |
Dochy | 724 |
Software |
Hardware |
Internet |
Programování a webdesign |
Sítě |
Bezpečnost |
Ostatní počítače a internet |