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

17:21, Python Matlablib a colorbar

09:02, .NET Testing Lab for Honey and Honey Products - FARE LABS Pvt.…

08:39, Python Výběr pixelu klikem v zoomované oblasti [prohlížeč obrázku]

14:30, Funkcionální progr… Dummy smart a Kunstinteligenz

14:46, Python Používáte SQLAlchemy nebo pandas? pymysql

11:30, Funkcionální progr… Promotic

Stavba Laser Arény
Laser Game Brno

Vycentrovanie listu

Peter

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