| Autor | Zpráva | ||
|---|---|---|---|
| karin Profil |
Pisu vstupni stranku k jednomu webu.Pouzivam Dreamweaver CS4. Kdesy jsem si nasla vysouvaci menu, ktere potrebuji. Ovsem melo jen dve polozky s podslozkami. Potrebovala jsem pridat dalsi tri polozky. Pridala jsem je, u tech jsem pospolozky nepotrebovala, jenze nejsou na webu vubec videt, ackoli jsem zadala visible. Navic na mem kompu tedy pokud jdu na web se vidi...na cizich nekdy ano nekdy ne. Poradte prosim, jak menu upravit????Uz opravdu nevim....
Prikladam obrazek, jak by mela strana vypadat, podpolozky by se mely objevovat po najeti mysi na hlavni slozky-na obrazku jsou videt. Dekuji!!!!! Karin 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Laura Arioli</title>
<style type="text/css">
#menu {
position:relative;
list-style-type:none;
padding:0;
width:30em;
height:5px;
background-color: #000000;
top: 0px;
margin-top: 0px;
margin-right: 0;
margin-bottom: 1em;
background-position: center;
font-family: frutiger45;
line-height: 1;
color: #020202;
margin-left: 0px;
border: 0 0 #020202;
left: 11em;
}
.menuitem {
position:absolute;
top:35px;
margin:0;
padding:0;
width:135;
height:33px;
overflow:hidden;
background-color: #000000;
visibility: visible;
z-index: 2;
}
#mi01 {
left:52px;
border: none;
}
#mi02 {
left:188px;
border: none;
width: 78px;
}
#mi03 {
left:20em;
border-left-color: #000000;
background-color: #000000;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
}
.menuitem ul {
display:block;
margin: 0; padding:0;
list-style-type:none;
}
.menuitem li { margin:0; padding:0 }
.submenu li {
position:relative;
background-color: #000000;
height: 30px;
text-align: left;
overflow: hidden;
font-family: "Frutiger 45 Light";
font-size: 12px;
text-transform: none;
color: #666666;
margin: 0px;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
cursor: auto;
line-height: normal;
display: block;
background-position: 100px;
}
/* 2-class selector to have higher weight than ".menuitem ul" */
.submenu .subsubmenu {
position:absolute; top:0; left:10em;
width:10em;
display:none;
}
.menuitem:hover {
height:9em;
overflow:hidden;
margin: 0px;
padding-bottom: 0px;
display: compact;
visibility: visible;
}
.submenu li:hover > .subsubmenu {
display:block;
}
#menu a {
display:block;
margin:0;
text-decoration:none;
color:#666666;
border-top:0px;
border-left:0px;
padding-top: 0.2em;
padding-right: 0.2em;
padding-bottom: 0.2em;
padding-left: 0.2em;
font-size: 16px;
left: 200px;
}
#menu a:hover {
overflow: hidden;
}
.menuitem a { background:black }
.menuitem ul a {
background-color: #000000;
}
.menuitem ul ul a { background:blue }
.menuitem ul ul ul a { background:violet }
.menuitem ul ul ul ul a { background:orange }
.styl3 {font-size: 70%}
body {
background-color: #000000;
border: none;
background-image: url(utilita/prova.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 170px 130px;
font-family: "Frutiger 45 Light";
text-transform: none;
float: none;
margin-left: 50px;
margin-bottom: 0px;
}
.styl10 {
font-family: "Frutiger 45 Light";
font-size: 100%;
visibility: visible;
}
.styl11 {font-size: 110%}
.styl12 {font-family: "Frutiger 45 Light"; font-size: 10pt; }
.styl14 {font-size: 10pt; }
.styl15 {font-family: "Frutiger 45 Light"}
.styl16 {
font-family: "Frutiger 45 Light";
font-size: 115%;
left: 200px;
clip: rect(auto,auto,auto,200px);
}
.styl18 {font-size: 90%}
body,td,th {
font-size: medium;
top: 0px;
width: 1024px;
height: 768px;
}
</style>
</head>
<body>
<ul id="menu" name="menu">
<li class="menuitem" id="mi01" name="mi01">
<div align="left"><a href="index.php" class="styl16"><img src="utilita/photographers.jpg" alt="" width="129" height="23" border="0" align="top" /></a>
<ul class="submenu">
<li><a href="albertorugolotoimage.html"><img src="utilita/albertohome.gif" alt="" width="116" height="13" border="0" align="middle" /></a></li>
<li class="styl3"> <a href="detournement.html" class="styl12"><img src="utilita/detournementhome.gif" alt="" width="94" height="11" border="0" align="middle" /></a> </li>
<li> <a href="pietromariimage.html" class="styl12"><img src="utilita/pietrohome.gif" alt="" width="69" height="11" border="0" align="middle" /></a></li>
</ul>
</div>
</li>
<li class="menuitem" id="mi02" name="mi02">
<div align="left"><a href="marioorfei.html" class="styl16"><img src="utilita/stylist.jpg" alt="" width="55" height="23" border="0" /></a>
<ul class="submenu">
<li> <a href="marioorfei.html" class="styl12"><img src="utilita/mariohome.gif" alt="" width="73" height="12" border="0" align="middle" /></a></li>
</ul>
</div>
</li>
<div class="styl10" id="mi03" style="position: absolute; left: 268px; top: 35px; width: 50px; height: 23px; z-index: 2; background: #000000; vertical-align: middle; font-weight: bold; visibility: visible;">
<div align="center" class="styl11">
<div align="left"><a href="links.html"><img src="utilita/links1.jpg" alt="" width="40" height="23" border="0" /></a></div>
</div>
</div>
<div class="styl10" id="mi04" style="position: absolute; left: 324px; top: 35px; width: 70px; height: 23px; z-index: 2; background: #000000; vertical-align: middle; font-weight: bold; visibility: visible;">
<div align="center" class="styl11">
<div align="left"><a href="contact.html"><img src="utilita/contact.jpg" alt="" width="66" height="23" border="0" /></a></div>
</div>
</div>
<div class="styl10" id="mi05" style="position: absolute; left: 400px; top: 35px; width: 86px; height: 23px; z-index: 2; background: #000000; vertical-align: middle; font-weight: bold; visibility: visible;">
<div align="center" class="styl11">
<div align="left"><a href="copyright.html"><img src="utilita/copyright.jpg" alt="" width="84" height="23" border="0" /></a></div>
</div>
</div>
<div align="center"></div>
</ul>
</body>
</html>Moderátor Chamurappi: Vkládej prosím kód mezi značky [pre] a [/pre] (stačí kliknout na  ).Moderátor Chamurappi: … a piš prosím s diakritikou.
|
||
| panther Profil |
#2 · Zasláno: 21. 7. 2009, 18:36:45
karin
a co třeba odkaz na stránku místo zdlouhavého kódu? |
||
| Chamurappi Profil |
#3 · Zasláno: 21. 7. 2009, 18:38:43
Reaguji na karin:
Prosím o odkaz na živou ukázku. „Navic na mem kompu tedy pokud jdu na web se vidi...na cizich nekdy ano nekdy ne.“ To „někdy“ závisí na čem? Na čase? Na prohlížeči? Na náladě Putina? „jak menu upravit????“ … „Dekuji!!!!!“ Oprav si klávesnici, zasekávají se ti interpunkční znaky. |
||
| karin Profil |
#4 · Zasláno: 21. 7. 2009, 20:00:52
stranka: http://www.lauraarioli.com/
klavesnici mam italskou, tak proto hacky a carky nic moc.... vidi se ruzne ve firefoxu, kde to slape dobre, v exploreru ne.... |
||
|
Časová prodleva: 15 let
|
|||
0