NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Jan Troják
Brigádník
Avatar
Jan Troják:2.4.2017 8:46

Ahoj, potřeboval bych seznam v mém menu na stránkách posunout přesně doprostřed menu. Už dlouho na to nemůžu přijít. Nenapadá vás něco? Předem díky

HTML:
<nav>
<a href="index.html"><img src="img/LOGO.png" style="float: left;"></a>

<ul id="menuseznam">
<li><a href="index.html">DO­MŮ</a></li>
<li><a href="index.html">RE­FERENCE</a></li>
<li><a href="index.html">OB­JEDNÁVKA</a></li>
<li><a href="index.html">CE­NÍK</a></li>
<li><a href="index.html">KON­TAKT</a></li>
</ul>
</nav>

css:
nav
{
background-image: url("menubg.png");
background-repeat: repeat-x;
height: 82px;
}
ul.menuseznam {
display:inline-block;
text-align: center;
list-style:none;
margin: 0px 0px;
}
ul.menuseznam li {

float: left;
padding: 0px 25px;
margin: 0 5px;
font-size: 17px;
height: 82px;
line-height: 4.3em;

}
ul.menuseznam li a {
font-family: Tahoma;
color: white;
text-decoration: none;
}
ul.menuseznam li:hover {
background: #168be5;
box-shadow: 0px 0px 5px black;
}

 
Odpovědět
2.4.2017 8:46
Avatar
Petr Čumpelík
Člen
Avatar
Odpovídá na Jan Troják
Petr Čumpelík:2.4.2017 8:53

Zkus svému seznamu dát doprava a doleva margin: auto; .

 
Nahoru Odpovědět
2.4.2017 8:53
Avatar
Jan Troják
Brigádník
Avatar
Jan Troják:2.4.2017 9:09

to už jsem zkoušel
i tak:
margin: 0px auto 0px auto;

i tak:
margin: 0px auto;

 
Nahoru Odpovědět
2.4.2017 9:09
Avatar
mkub
Tvůrce
Avatar
Odpovídá na Jan Troják
mkub:2.4.2017 14:40

na vkladanie zdrojoveho kodu pouzi tlacitko "</>" pre druhy krat...

 
Nahoru Odpovědět
2.4.2017 14:40
Avatar
Jakub Rychlý
Člen
Avatar
Odpovídá na Jan Troják
Jakub Rychlý:2.4.2017 15:17

Jako první, máš tam chybu...místo "class" tam máš "id". Nepochopil jsem úplně, co přesně chceš dát doprostřed, chceš, aby to menu bylo přesně ve prostřed stránky?
Ještě abys nemusel všechna písmena vypisovat velká, tak jim stačí dát vlastnost "text-transform" a potom "uppercase" (uppercase = všechna písmena v oblasti se převedou na velká).

Editováno 2.4.2017 15:17
Nahoru Odpovědět
2.4.2017 15:17
Čím víc toho vím, tím víc zjišťuju, že vlastně nic nevím.
Avatar
Jan Troják
Brigádník
Avatar
Jan Troják:2.4.2017 15:22

OK to class tam blbě mám. Díky. A doprostřed chci dát ten seznam ul. Jako text-align (to nejde).

 
Nahoru Odpovědět
2.4.2017 15:22
Avatar
Jakub Rychlý
Člen
Avatar
Odpovídá na Jan Troják
Jakub Rychlý:2.4.2017 15:27

Chceš tedy docílit asi něčeho takového ?

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
2.4.2017 15:27
Čím víc toho vím, tím víc zjišťuju, že vlastně nic nevím.
Avatar
Jan Troják
Brigádník
Avatar
Jan Troják:2.4.2017 17:40

jo díky moc takhle to bude vypadat:

 
Nahoru Odpovědět
2.4.2017 17:40
Avatar
Alexej Haman
Člen
Avatar
Alexej Haman:3.4.2017 8:51

Dáš tomu menu nějakou šířku např:

width: 1200px;

a pak mu dáš

margin: auto;
 
Nahoru Odpovědět
3.4.2017 8:51
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 9.