| Autor | Zpráva | ||
|---|---|---|---|
| CSSproblem Profil * |
#1 · Zasláno: 6. 6. 2013, 16:59:58
Č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> * {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;}Potřebuji je přesně nastřed. |
||
| Fisir Profil |
#2 · Zasláno: 6. 6. 2013, 17:02:24
|
||
| CSSproblem Profil * |
#3 · Zasláno: 6. 6. 2013, 18:00:59
|
||
| margin Profil * |
#4 · Zasláno: 6. 6. 2013, 18:05:24
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 |
#5 · Zasláno: 6. 6. 2013, 18:08:52
|
||
| CSSproblem Profil * |
#6 · Zasláno: 6. 6. 2013, 18:12:41 · Upravil/a: CSSproblem
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 |
#7 · Zasláno: 6. 6. 2013, 19:23:33
Nebude toto skôr problém nastavenia monitoru?
|
||
| CSSproblem Profil * |
#8 · Zasláno: 6. 6. 2013, 19:26:25
Vám se to zobrazuje normálně ?
|
||
| margin Profil * |
#9 · Zasláno: 6. 6. 2013, 19:32:16
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 |
#11 · Zasláno: 6. 6. 2013, 19:34:28
CSSproblem:
V opeře přesně uprostřed. |
||
|
Časová prodleva: 11 let
|
|||
0