Pozitionare ul

#1
CristiCronik

Publicat: 13 iunie 2013 - 11:37

Junior Member

Grup: Members
Mesaje: 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

Sus

#2
aeleden

Publicat: 13 iunie 2013 - 11:44

Junior Member

Grup: Members
Mesaje: 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>

Sus

#3
poadol

Publicat: 13 iunie 2013 - 12:08

Guru Member

Grup: Senior Members
Mesaje: 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.

Editat de poadol, 13 iunie 2013 - 12:12.

Sus

#4
CristiCronik

Publicat: 13 iunie 2013 - 13:47

Junior Member

Grup: Members
Mesaje: 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

Sus

Anunturi

Bun venit pe Forumul Softpedia!

Pozitionare ul

#1 CristiCronik Publicat: 13 iunie 2013 - 11:37

#2 aeleden Publicat: 13 iunie 2013 - 11:44

#3 poadol Publicat: 13 iunie 2013 - 12:08

#4 CristiCronik Publicat: 13 iunie 2013 - 13:47

Anunturi

▶ Utilizatori activi: 1

Autentificare

#1
CristiCronik

Publicat: 13 iunie 2013 - 11:37

#2
aeleden

Publicat: 13 iunie 2013 - 11:44

#3
poadol

Publicat: 13 iunie 2013 - 12:08

#4
CristiCronik

Publicat: 13 iunie 2013 - 13:47