Vycentrovanie listu – CSS – Fórum – Programujte.com

TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Trvalé přihlášení

Zapomněl jsi heslo?

Vycentrovanie listu – CSS – Fórum – Programujte.com

Rozšířené hledání ›

Nejnovější témata ve fóru

11:33, .NET AAAJILI Casino: Masaya at Ligtas na Online na Paglalaro sa…

17:02, Software Jak vytvořit crosscompiler pro nestandardní MCU/CPU

10:08, Vzdělání Proč se Češi neprosazují v IT? Kde je chyba?

20:06, Hardware 3.5inch ESP32-32E Display Module

21:47, Číslicová technika Vánoční kvíz pro české programátory

09:50, Offtopic Patent, který skončil jako přísně tajný v sejfu ministerst…

Stavba Laser Arény
Laser Game Brno

Vycentrovanie listu

Peter

~ Anonymní uživatel
~ 4040 příspěvků

25. 1. 2012 #1

Dobrý deň. Snažím sa vycentrovať list, ale nejde mi to. Prečo? Napr. obrázky alebo aj text mi idú týmto spôsobom. Snažil som sa dopátrať niečo aj na internete, žial bezúspešne. Tak dúfam, že tu lepšie pochodím :-) Ďakujem.

Tu je kód:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>steam-ish slider</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
	
<style>
	body {
		margin: 0;
		padding: 0;
	}

	#content {
		text-align: center;
	}

	#content li {
		float: left;
		list-style-type: none;
	}
</style>

</head>
<body>
	<div id="content">
		<li>Text</li>
		<li>Slovo</li>
	</div>
</body>
</html>

Tým text-align: center; som sa to snažil umiestniť do stretu. Ale nešlo.

Nahlásit jako SPAM

IP: 87.197.139.–

darkwind+1

Newbie

25. 1. 2012 #2

Máš špatně napsane <li>, měl bys to uzavřít do tagu <ul>, viz:

<ul>
  <li>Text</li>
  <li>Text</li>
</ul>

Jinak zarovnání na střed funguje v pořádku, jenom nesmíš dávat "float: left" na ten prvek :-)

Nahlásit jako SPAM

IP: 78.45.3.–

Peter

~ Anonymní uživatel
~ 4040 příspěvků

25. 1. 2012 #3

Heh, tie tagy <ul> som si ani nevšimol :-P Ako by sa to dalo inak spraviť bez toho float? Lebo ja to potrebujem mať vedľa seba. Alebo dá sa to nejak inak vycentrovať, keď tam to float budem mať?

Nahlásit jako SPAM

IP: 87.197.139.–

darkwind+1

Newbie

25. 1. 2012 #4

Nastav pro ty <li> vlastnost display: inline;

jestli spravně chapu, co chceš udělat, tak by ti to mělo pomoct :)

Nahlásit jako SPAM

IP: 78.45.3.–

Peter

~ Anonymní uživatel
~ 4040 příspěvků

26. 1. 2012 #5

Chcem vytvoriť navigačnú lištu. Vytvoril som si zoznam, ktorý bude neskôr obsahovať odkazy a tie som si dal do float:left;. A chcem ich umiestniť do stredu obrazovky. Potom tam pridám nejaký background a upravím text a mal by som takú jednoduchú navigáciu.

Len mi to nejde hodiť do stredu obrazovky, asi kvôli tomu float. Idem vyskúšať tú tvoju radu :-)

Nahlásit jako SPAM

IP: 87.197.139.–

Chrasty

~ Redaktor

Posthunter

TOP Kultivátor příspěvků ve starém fóru – 16.92 % z celku

26. 1. 2012 #6

#5 Peter
Pokud chceš něco zarovnat horizontálně zarovnat do středu obrazovky, slouží k tomu malý trik s marginem:

#menu
{
    width: 500px;
    margin: 0 auto; /*  horizontálně vycentruje #menu */
}

Nahlásit jako SPAM

IP: 193.179.196.–

.NET a React
jakubkottnauer.com | @jkottnauer

Peter

~ Anonymní uživatel
~ 4040 příspěvků

26. 1. 2012 #7

Ja mám pod tým ešte jeden obrázok. A na to dávam túto navigáciu. S tým margin: 0 auto; to ide zarovnať, len ja potrebujem aby to umiestnilo na pevné miesto. A cez position: absolute; mi to nepremiestni. Jedine pri relative. Prosím vás, prečo je to tak?

Nahlásit jako SPAM

IP: 87.197.139.–

← Zpět na seznam vláken ← Zpět do Fóra