Avatar uživatele
shutdown

HTML – velikost ráměčku v menu

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 Transiti­onal//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:bot­h‘></div>
</body>
</html>

<img src=„http://im­gup.cz/images/2014/02/­06/SNTUo.png“ alt=„SNTUo.png“ border=„0“ />

Zajímavá 0 před 3974 dny Sledovat Nahlásit



Odpovědi
Avatar uživatele
lukas.zmizik

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


Avatar uživatele
ivzez

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 Transiti­onal//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


Diskuze k otázce

U otázky nebylo diskutováno.

Nový příspěvek
Zajímavé otázky v kategorii Počítače a internet