Pozitionare ul

#1
CristiCronik

Posted 13 June 2013 - 11:37

Junior Member

Grup: Members
Posts: 238
Înscris: 08.11.2008

Salut! Ce as dori sa fac si nu reusesc:
am un

<div class="lista">
	<ul>
		  <li>
			  <a href imagine produs>

				 <div class="numepret">	 
					  <p nume produs>
					  <p pret produs>
				 </div>

		  </li>
		  <li>...</li>
		  <li>...</li>
		  <li>...</li>
		  <li>...</li>
		  <li>...</li>
	</ul>
</div>

Vreau in asa fel incat ul-ul , sa vina centrat si ingramadit pe mijloc(ca sa ramana un padding in stanga si dreapta) dar nu din div-ul principal "lista" pentru ca de ala am nevoie intreg dintr-un capat in altul.
am incercat margin 0 auto , padding-uri , text allign , orice modalitate
Am incercat si sa creez un nou div inainte de UL si sa-i dau margin 0 auto dar fara succes

Back to top

#2
aeleden

Posted 13 June 2013 - 11:44

Junior Member

Grup: Members
Posts: 160
Înscris: 24.05.2013

Bagă elementele alea într-un wrapper.

<style type="text/css">
	.wrapper {
		text-align: center;
	}
	.wrapper ul {
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	.wrapper li {
		float: left;
	}
</style>


<div class="wrapper">
	<ul>
		<li>...</li>
		<li>...</li>
		<li>...</li>
		<li>...</li>
	</ul>
</div>

Back to top

#3
poadol

Posted 13 June 2013 - 12:08

Guru Member

Grup: Senior Members
Posts: 14,104
Înscris: 13.12.2010

CristiCronik, on 13 iunie 2013 - 11:37, said:

Salut! Ce as dori sa fac si nu reusesc:
am un cod .......
Vreau in asa fel incat ul-ul , sa vina centrat si ingramadit pe mijloc(ca sa ramana un padding in stanga si dreapta) dar nu din div-ul principal "lista" pentru ca de ala am nevoie intreg dintr-un capat in altul.
am incercat margin 0 auto , padding-uri , text allign , orice modalitate
Am incercat si sa creez un nou div inainte de UL si sa-i dau margin 0 auto dar fara succes

Fa un desen cu ce vrei sa faci, pentru ca altfel se intelege gresit.

Edited by poadol, 13 June 2013 - 12:12.

Back to top

#4
CristiCronik

Posted 13 June 2013 - 13:47

Junior Member

Grup: Members
Posts: 238
Înscris: 08.11.2008

Mersi! am creat div-ul acela si inainte dar ceea ce mi-a lipsit a fost display: inline-block mersi de raspunsuri

Back to top

Anunturi

Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

Pozitionare ul

#1 CristiCronik Posted 13 June 2013 - 11:37

#2 aeleden Posted 13 June 2013 - 11:44

#3 poadol Posted 13 June 2013 - 12:08

#4 CristiCronik Posted 13 June 2013 - 13:47

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
CristiCronik

Posted 13 June 2013 - 11:37

#2
aeleden

Posted 13 June 2013 - 11:44

#3
poadol

Posted 13 June 2013 - 12:08

#4
CristiCronik

Posted 13 June 2013 - 13:47