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

22:06, Startupy Megastroj.cz – Vše na jednom místě: půjčovna, bazar a inze…

21:17, Inzerce FPGA vývojová deska XILINX VIRTEX 5 ML507

20:59, OS - GNU / Linux Ubuntu a OpenSuse

21:47, Offtopic Digitalizace v Česku

10:10, Cinema 4D Export USDC do DaVinci Resolve

16:58, Photoshop Jak odstranit (potlačit) odlesky

Stavba Laser Arény
Laser Game Brno

Vycentrovanie listu

Peter

~ Anonymní uživatel
~ 4014 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
~ 4014 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
~ 4014 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
~ 4014 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