| Autor | Zpráva | ||
|---|---|---|---|
| PN7 Profil |
#1 · Zasláno: 15. 8. 2011, 14:26:55
Ahoj všem,
Jak zarovnat menu horizontálně na střed (v .css), aby se při různých rozlišeních monitoru vždy zobrazilo uprostřed. http://www.testujme.ic.cz/galerie.php Bohužel nefungovalo nic z kódu viz.níže. (zkoušel jsem všechny tagy z poznámek /*... */ ) #outside{
border:1px solid #000000;
background: #000000;
/*margin: 0 auto; new tag */
/* padding: 0; new tag */
/*margin-left: -13%; new tag */
/*margin-right: 26%; new tag */
/* position:relative; new tag - original value: relative */
/* text-align:center; new tag */
/* width: 90%; new tag */Pokud bylo ve středu obrazovky u rozlišení monitoru 1366px, pak nebylo ve středu obrazovky u rozlišení monitoru 1024px a naopak. Napadlo mne nějak zarovnat vů-či grafickým prvkům zarovnaným na střed, viz. přehrávače obrázků - galerie.php , ale zatím jsem nezkoušel. Přehrávače totiž nejsou v každé sekci. Díky za odpověd. |
||
| Davex Profil |
#2 · Zasláno: 15. 8. 2011, 18:39:37
Ve všech prohlížečích a různých šířkách stránky vidím menu uprostřed. Jak lze vyvolat chybné zobrazení?
|
||
| margin Profil * |
#3 · Zasláno: 15. 8. 2011, 19:17:47
Davex:
„Jak lze vyvolat chybné zobrazení?“ Opera 11.50, rozlišení 1024×768, menu je viditelně posunuté doprava. Více jsem nezkoušel. |
||
| PN7 Profil |
#4 · Zasláno: 15. 8. 2011, 20:43:02
Davex:
Mozilla Firefox 5, I.E.-9.0.1, Opera 11.10, u všech menu posunuto jasně doprava při rozlišení 1024×768 |
||
| panther Profil |
#5 · Zasláno: 15. 8. 2011, 20:50:38
PN7:
použij margin: auto společně se zadanou šířkou.
|
||
| Davex Profil |
#6 · Zasláno: 15. 8. 2011, 20:54:17
margin:
„menu je viditelně posunuté doprava“ Tak to máš lepší odhad než já, protože ten rozdíl 20 pixelů nevidím. PN7: Nastav nulové levé a pravé marginy a paddingy vloženému seznamu <ul>.
|
||
| PN7 Profil |
#7 · Zasláno: 15. 8. 2011, 21:14:32
Davex, Davex:
Pro Davex a panther díky a vyzkouším. Pro Davex: ten rozdíl je konkrétně u mne určitě víc než 20 px (1024x768). Viz. prt sc http://www.testujme.ic.cz/Clipboard01.jpg |
||
| Davex Profil |
#8 · Zasláno: 15. 8. 2011, 21:53:17 · Upravil/a: Davex
PN7:
Z nějakého důvodu jsem viděl menu nenastylované, máš nepřesnou cestu k externímu stylopisu. Asi se ti bude hodit Centrování menu s neznámou šířkou. |
||
| margin Profil * |
#9 · Zasláno: 15. 8. 2011, 23:45:23
Davex:
„Asi se ti bude hodit Centrování menu s neznámou šířkou.“ Já osobně bych buď deklaroval položky jako inline, a tedy bez floatu, nebo jim dal pevnou šířku. Obojí pak jde centrovat jednoduše. „ten rozdíl 20 pixelů nevidím“ U mne to je skoro desetinásobek, 190px. |
||
| PN7 Profil |
#10 · Zasláno: 17. 8. 2011, 12:48:54
Díky za rady a nakonec jsem vyřešil následovně:
#outside{
border:1px solid #000000;
padding: 0; /* new tag */
margin: auto; /* new tag */
width:764px; /* new tag */
height:37px; /* new tag */
}
|
||
|
Časová prodleva: 13 let
|
|||
0