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

Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

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