| Autor | Zpráva | ||
|---|---|---|---|
| dEVIANT Profil |
Zdravim...mam taky problem..vid
http://omega.tuke.sk/te080936/portal/ potrebujem to CSS submenu posunut trosku vyssie...aby to bolo priblizne v strede toho siveho ramca neviete mi pomoct ako?skusal som vela veci ale nic nepomohlo...tu je kod html <!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" xml:lang="sk" lang="sk"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="styl.css" type="text/css" /> <link rel="shortcut icon" href="favicon.ico" /> <title>Portál</title> </head> <body><div id="allcenter"> <div id="vrchnypanel"></div> <a href="index.php"><h1>Vas Portal <span><!-- --></span> </h1></a> <div id="menuz"></div> <ul id="menu"> <li><a href="#">Menu1</a> <ul> <li><a href="#">Menu11</a></li> <li><a href="#">Menu12</a></li> <li><a href="#">Menu13</a></li> <li><a href="#">Menu14</a></li> <li><a href="#">Menu15</a></li> <li><a href="#">Menu16</a></li> <li><a href="#">Menu17</a></li> <li><a href="#">Menu18</a></li> </ul> </li> <li><a href="#">Menu2</a></li> <li><a href="#">Menu3</a></li> <li><a href="#">Menu4</a></li> <li><a href="#">Menu5</a></li> <li><a href="#">Menu6</a></li> <li><a href="#">Menu7</a></li> </ul> <div id="menuk"></div> <div id="submenu"></div> </div> </body> </html> a CSS kod body {
text-align:center; /*vycentrovanie pre IE*/
background-image:url("images/background.gif"); background-repeat:repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#404043;
margin-top: 10px;
margin-bottom: 0px;
}
#allcenter {
width:901px; /*šírka layoutu*/
height:auto;
text-align: left; /*zrušenie vycentrovania textu*/
margin: 0 auto; /*vycentrovanie v ostatných prehliadacoch*/
}
#vrchnypanel {
background:#fff url("images/portal_03.gif") no-repeat left top;
width:901px;
height:30px;
position:relative;
}
.vrchnypaneltext {
padding:5px 10px 3px 14px; font-weight:bold;
}
h1 {
margin:0; padding:0;
position:relative;
width:901px; height:95px;
overflow:hidden;
}
h1 span {
display:block;
position:absolute; left:0; top:0; z-index:1;
width:901px; height:95px;
margin:0; padding:0;
background:url("images/portal_05.gif") top left no-repeat;
}
#menuz {
background:#fff url("images/portal_06.gif") no-repeat left top;
width:140px;
height:30px;
float:left;
}
#menuk {
background:#fff url("images/portal_07.gif") no-repeat left top;
width:12px;
height:30px;
float:left;
}
#submenu {
background:#fff url("images/portal_10.gif") no-repeat left top;
width:901px;
height:28px;
float:left;
}
#menu {
margin:0px;
padding:0px;
}
#menu li {
display:inline;
float:left;
}
#menu li a {
display:block;
background:url('images/portal_08.gif') 0 0 no-repeat;
height:30px;
width:107px;
line-height:28px;
text-align:center;
text-decoration:none; font-weight:bold;
color:#343437;
}
#menu li a:hover {
background:url('images/portall_08.gif') 0 0 no-repeat;
color:#d9d9d9;
}
#menu li ul {
display:none;
}
#menu li:hover ul {
display:inline;
position:absolute; left:165px;
}
#menu li:hover ul a {
float:none;
background-image:none;
color:#d9d9d9; font-size:11px;
}
#menu li:hover ul a:hover {
text-decoration:underline;
}Moderátor Chamurappi: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou.
|
||
| Chamurappi Profil |
#2 · Zasláno: 29. 7. 2009, 12:49:54 · Upravil/a: Chamurappi
Reaguji na dEVIANTa:
Nastav podpoložkám menší line-height. „<span><!-- --></span>“ Proč ten prázdný komentář? Je zbytečný, ne? |
||
| dEVIANT Profil |
ked nastavim mensi line-height tak to hlavne menu1 sa posunie vyssie...asi budem musiet spravit nejaky unosny kompromis...k tomu spanu to je koli SEO...tak riesim h1 "Vas portal" s obrazkovym klikacim pozadim...aby bolo vidno h1 len v pripade nenacitania obrazku...
Moderátor Chamurappi: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou. Za výpustkami se dělá mezera, na začátek nové věty patří velké písmeno.
|
||
| Chamurappi Profil |
#4 · Zasláno: 29. 7. 2009, 13:30:05
Reaguji na dEVIANTa:
„ked nastavim mensi line-height tak to hlavne menu1 sa posunie vyssie“ Nastav podpoložkám menší line-height. „k tomu spanu to je koli SEO“ Prázdný komentář je kvůli SEO? Já se ptal na komentář, tedy na „<!-- -->“, ne na <span>. |
||
| dEVIANT Profil |
#5 · Zasláno: 29. 7. 2009, 13:34:50
jaj...ten komentar je tam koli validite...
|
||
| dEVIANT Profil |
#6 · Zasláno: 29. 7. 2009, 13:36:46
a diky moc...ten lineheight to vyriesil:D
|
||
| Chamurappi Profil |
#7 · Zasláno: 29. 7. 2009, 13:45:29 · Upravil/a: Chamurappi
Reaguji na dEVIANTa:
„jaj...ten komentar je tam koli validite...“ To je nesmysl, podle specifikací smí být <span> prázdný. Validátor si nestěžuje (ani ten na w3.org). |
||
| Bubák Profil |
#8 · Zasláno: 30. 7. 2009, 00:30:52
„ten komentar je tam koli validite...“
Na prázdné elementy vyhazuje varování Tidy "validátor". |
||
|
Časová prodleva: 16 let
|
|||
0