| Autor | Zpráva | ||
|---|---|---|---|
| rorsach Profil |
#1 · Zasláno: 15. 7. 2010, 23:38:36
Ahoj,
mám trochu problém s vytvořením položky v CSS. Resp, mám kompletně vše hotové, nastyloáno atak. Jen teď řeším- jak přidělat podpoložku.Jde mi o to aby po kliknutí třeba na bla1 vyjelo, nebo se alespon zobrazila subitem bbla. Jako třeba O nás->položka jedna pod tím, položka dvě pod tím Na dynamiku jsem tupec a nevím jestli to zkoušet JS, nebo jen nějaký Onmouseover atak. Jinak kompletní kod je zde+nahled na Odkaz Za jakýkoliv nápad děkuji. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>menu</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
/*- Menu Tabs E----*/
#tabsE {
float:left;
width:100%;
background:#000;
font-size:93%;
line-height:normal;
}
#tabsE ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsE li {
display:inline;
margin:0;
padding:0;
}
#tabsE a {
float:left;
background:url("tableftE.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsE a span {
float:left;
display:block;
background:url("tabrightE.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Hack IE5-Mac \*/
#tabsE a span {float:none;}
/* +IE5-Mac hack */
#tabsE a:hover span {
color:#FFF;
}
#tabsE a:hover {
background-position:0% -42px;
}
#tabsE a:hover span {
background-position:100% -42px;
}
#tabsE #current a {
background-position:0% -42px;
}
#tabsE #current a span {
background-position:100% -42px;
}
-->
</style>
</head>
<body>
<h2>Tab Menu E</h2>
<div id="tabsE">
<ul>
<!-- CSS Tabs -->
<li><a href="bla.html"><span>bla</span></a></li>
<li><a href="bla2.html"><span>bla</span></a></li>
<li><a href="bla3.html"><span>blat</span></a></li>
<li id="current"><a href="podpora.html"><span>bla</span></a></li>
<li><a href="bla4.html"><span>bla</span></a></li>
<li><a href="bla5.html"><span>bla</span></a></li>
</ul>
</div>
</body>
</html> |
||
| panther Profil |
#2 · Zasláno: 16. 7. 2010, 00:08:54
rorsach:
v HTML si musíš vytvořit zanořený seznam, takže: <ul>
<li><a href="bla.html"><span>bla</span></a>
<ul>
<li>Zanořená položka</li>
</ul>
</li>
<li><a href="bla3.html"><span>blat</span></a></li>
</ul>Teď záleží, jaké menu chceš - jestli vysouvací po najetí myši (hover), nebo rozbalovací po kliknutí (JS onclick). Pokud vysouvací, základní myšlenka CSS je: ul ul {display: none;}
ul li:hover ul {display: block;}IE6 neumí hover jinde než na odkazech, stáhni si nějaký hover.htc. Pokud ani přesto menu dohromady nedáš, koukni se po nějakém hotovém řešení a uprav si styly k obrazu svému (barvy, rozměry, ...) |
||
|
Časová prodleva: 10 dní
|
|||
| rorsach Profil |
#3 · Zasláno: 25. 7. 2010, 22:24:44
panther:
Díky, to vypadá logicky. Menu v téhle podobě mám vytvořené. Ukouším ale torchu zaexperimentovat s dynamikou, a tak jsem vytvořil menu v Xaře. Bohužel jsem včak zase narazil na jinou specialitu, takže to nakonec u toho CSS asi zůstane :-( Menu Xara menu maker- chybné zobrazení při vložení do WP |
||
|
Časová prodleva: 14 let
|
|||
0