Avatar uživatele
Registrovaný

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 "-//W3C//DTD 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/…" alt="SNTUo.png" border="0" />

Odpovědi:

Avatar uživatele
Stříbrný

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ů 90x120 px přeteče mimo...


Avatar uživatele
Stříbrný

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 "-//W3C//DTD 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/…

 

Diskuze k otázce

 

U otázky nebylo diskutováno.

 

Přihlásit se

Položte otázku, odpovězte, zapojte se, …

začněte zde

Reklama

Kvalitní odpovědi v: Počítače a internet

Zlatý Bedy 1525
Zlatý Michal Kole 1198
Zlatý mosoj 1028
Zlatý Hlada 948
Zlatý ge0rge 894
Zlatý www 829
Zlatý led 820
Zlatý badisko 818
Zlatý gecco 795
Zlatý arygnoc 674

Zobrazit celkový žebříček

Facebook

 

Váš požadavek se vyřizuje, počkejte prosím.