Autor Zpráva
mato85
Profil
#1 · Zasláno: 28. 1. 2006, 15:34:07
Odpovědět Citovat
zdravim
ako mam menu vycentrovat a posunut dolu o 100px?

<style>
body{
background-image:url("top1.jpg");
background-repeat: no-repeat;
background-position:top center;
}
#menu ul li {
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: transparent;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}
#menu a {
color: #000;
text-decoration: none;
display: block;
width: 70px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}
#menu li#active {
background: url("menu.gif") repeat-x 20px;
}
#menu a:hover {
background: url("menu.gif") repeat-x 20px;
}
</style>
ronan
Profil
#2 · Zasláno: 28. 1. 2006, 16:27:53
Odpovědět Citovat
Snad takhle.. 

#body {

text-align: center;

}

#menu {

padding-top: 100px;

margin: 0 auto;

}
mato85
Profil
#3 · Zasláno: 28. 1. 2006, 16:40:42
Odpovědět Citovat
posunulo sa to o tych 100px ale nechce sa to vycentrovat
ronan
Profil
#4 · Zasláno: 28. 1. 2006, 17:19:13
Odpovědět Citovat
A máš v html <div id="menu"> </div> ?
PerToon
Profil
#5 · Zasláno: 28. 1. 2006, 17:21:17
Odpovědět Citovat
ronan - hlavně by musel mít div #body ;-) a centrování v tom #menu vůbec není ;-)

mato85 - Zkus radši
body {
text-align: center;
}
#menu {
padding-top: 100px;
margin: 0 auto;
}
mato85
Profil
#6 · Zasláno: 28. 1. 2006, 17:40:44 · Upravil/a: mato85
Odpovědět Citovat
nejak to centrovanie nejde 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

  <meta http-equiv="content-type"

 content="text/html; charset=windows-1250">

  <meta name="generator" content="PSPad editor, [url=http://www.pspad.com">

]www.pspad.com">

[/url]

  <title></title>

<style>

body{

text-align: center;

background-color:#CCCC99;

background-image:url("top1.jpg");

background-repeat: no-repeat;

background-position:top center;

}

#menu {

padding-top: 240px;

margin: 0 auto;

}

#menu ul li {

list-style-type: none;

padding: 0;

margin: 0;

display: block;

float: left;

background: transparent;

font: 10px/20px "Lucida Grande", verdana, sans-serif;

text-align: center;

}

#menu a {

color: #fff;

text-decoration: none;

display: block;

width: 70px;



}

#menu li#active { 

background: url("menu.gif") repeat-x 20px;

}

#menu a:hover {

background: url("menu.gif") repeat-x 20px; 

}



</style>



</head>

<body>

<div id="menu">

<ul>

  <li id="active"><a href="a.html">a</a></li>

  <li><a href="b.html">b</a></li>

</ul>

</div>



</body>

</html>
PerToon
Profil
#7 · Zasláno: 28. 1. 2006, 17:44:57
Odpovědět Citovat
Zkus kdyžtak tomu #menu vymazat margin...
mato85
Profil
#8 · Zasláno: 28. 1. 2006, 17:47:21
Odpovědět Citovat
stale nic
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0