Autor Zpráva
CSSproblem
Profil *
Čaute, mám tento HTML kod :
<!DOCTYPE HTML>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" href="styles/css.css" />
  <title>Test</title>
  </head>
  <body>
<ul id="menu">
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
</ul>
<div class="clear"></div>
  </body>
</html>
a tento CSS :
* {margin: 0; padding: 0;}
body{margin: 0 auto;}
ul#menu{margin: 0 auto;-moz-box-shadow: 0 0 5px #888;
 -webkit-box-shadow: 0 0 5px#888;
 box-shadow: 0 0 5px #888;height: 60px;text-align: center;}
ul#menu li{display: inline-block;height: 60px;list-style-type: none;margin-right: 30px;}
ul#menu li a{display: inline-block;font-family: Arial;padding-bottom: 2px;color: black;text-decoration: none;margin-top: 20px;-webkit-transition: all 1s;  /* Saf3.2+, Chrome */
  -moz-transition: all 1s;  /* FF4+ */
  -ms-transition: all 1s;  /* IE10 */
  -o-transition: all 1s;  /* Opera 10.5+ */
  transition: all 1s;}
ul#menu li:first-child{border-bottom: 2px solid red;}
ul#menu li:nth-child(2){border-bottom: 2px solid LimeGreen;}
ul#menu li:nth-child(3){border-bottom: 2px solid Gold;}
ul#menu li:hover a{text-shadow: gray 1px 1px 1px;}
.clear{clear: both;}
Pokud si to zobrazíte, tak zjistíte, že odkazy jsou posunuté více doprava, takže nejsou na středu.

Potřebuji je přesně nastřed.
Fisir
Profil
Reaguji na CSSproblema [#1]:
To bude asi paddingem u ul. Pokud ne, prosím o živou ukázku.
CSSproblem
Profil *
http://bambula.mablog.eu/
margin
Profil *
CSSproblem:
Pokud si to zobrazíte, tak zjistíte, že odkazy jsou posunuté více doprava, takže nejsou na středu.
Čučel jsem na to jenom v Opeře, ale já vidím odkazy více nalevo.
Na řádku 6 svého CSS dáváš položkám 30px pravý margin.
Fisir
Profil
Reaguji na CSSproblema [#3]:
Výborně, stačí nastavit margin-right u poslední položky na nulu.
CSSproblem
Profil *
Ale to je více doprava, tím, že oddělám margin-right se to posune ještěn více doprava.


<!DOCTYPE HTML>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>
   <center>sdfsdf</center>
  </body>
</html>


I příklad není úplně uprostřed.
weroro
Profil
Nebude toto skôr problém nastavenia monitoru?
CSSproblem
Profil *
Vám se to zobrazuje normálně ?
margin
Profil *
Fisir:
Výborně, stačí nastavit margin-right u poslední položky na nulu.
Podrbat se levou nohou za pravým uchem, nebo nastavit stejný pravý a levý margin: 0 15px;
Já bych to upravil nějak takto:
http://jsfiddle.net/7Lped/54/, http://fiddle.jshell.net/7Lped/54/show/

CSSproblem:
Ale to je více doprava
Taky je tvůj původní kód se značkou uprostřed, položky uhnuté doleva 0 15 px (polovina z 30px pravého marginu LI
http://jsfiddle.net/7Lped/55/, http://fiddle.jshell.net/7Lped/55/show/

Vám se to zobrazuje normálně ?
Před otazník nepatří mezera.
Co má být uprostřed, mám uprostřed, co jsi měl o 15px posunuté, bylo posunuté.
weroro
Profil
CSSproblem:
Ukážka s tagom <center> sa mi zobrazuje normálne.
ts_istudio
Profil
CSSproblem:
V opeře přesně uprostřed.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: