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 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 3731 dny |
Sledovat
Nahlásit
|
Odpovědi
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ěvek- HTML texty.. (2 odpovědi)
| Bedy | 1527 | |
| Michal Kole | 1199 | |
| led | 1148 | |
| Hlada | 1127 | |
| mosoj | 1124 | |
| gecco | 904 | |
| www | 828 | |
| badisko | 817 | |
| cochee | 816 | |
| Dochy | 718 |
Kategorie otázek
| Software |
| Hardware |
| Internet |
| Programování a webdesign |
| Sítě |
| Bezpečnost |
| Ostatní počítače a internet |