[help] mengatur CSS list atribut

[vespaman]

help. gimana cara mengatur posisi list attribut di product.css udah tak rubah tetep kebawah posisinya,... . tolong bantu dong...

[gonebdg - webindoshop.com]

Tergantung dari kode html dan css yang sudah digunakan pada halaman tsb.

Anda bisa menggunakan float:left atau float:right , juga display:inline untuk membuat select option dalam html tag div atau dalam html tag p terlihat sejajar.

 

Sedangkan untuk html tag select option, tidak diperlukan css float:left/right atau css display:inline agar terlihat sejajar JIKA setiap html select option tsb tidak terletak dalam html tag div maupun html tag p

 

Contoh : contoh.htmlFetching info...

 

	<div style="float:left">menampilkan Select Option dalam html tag <div></div> dengan float:left agar tampil sejajar    </div>
<div style="float:left">
<select name="my_attributes_number">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>
</div>
<div style="float:left">
<select name="my_attributes_letter">
   <option value="a">a</option>
   <option value="b">b</option>
   <option value="c">c</option>
</select>
</div>
<div style="float:left">
<select name="my_attributes_fam">
   <option value="Budi">Budi</option>
   <option value="Bapak Budi">Bapak Budi</option>
   <option value="Ibu Budi">Ibu Budi</option>
</select>
</div>

<br style="clear:both"><br style="clear:both">
<!-- Dibawah ini juga akan terlihat sejajar  -->

<div style="float:left">menampilkan Select Option dalam html tag <div></div> dengan display:inline agar tampil sejajar    </div>
<div style="display:inline">
<select name="my_attributes_number">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>
</div>
<div style="display:inline">
<select name="my_attributes_letter">
   <option value="a">a</option>
   <option value="b">b</option>
   <option value="c">c</option>
</select>
</div>
<div style="display:inline">
<select name="my_attributes_fam">
   <option value="Budi">Budi</option>
   <option value="Bapak Budi">Bapak Budi</option>
   <option value="Ibu Budi">Ibu Budi</option>
</select>
</div>

<br style="clear:both">

<p style="float:left">menampilkan Select Option dalam html tag <p></p> dengan float:left agar tampil sejajar    </p>
<p style="float:left">
<select name="my_attributes_number">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>
</p>

<p style="float:left">
<select name="my_attributes_letter">
   <option value="a">a</option>
   <option value="b">b</option>
   <option value="c">c</option>
</select>
</p>

<p style="float:left">
<select name="my_attributes_fam">
   <option value="Budi">Budi</option>
   <option value="Bapak Budi">Bapak Budi</option>
   <option value="Ibu Budi">Ibu Budi</option>
</select>
</p>

<br style="clear:both">
<!-- Dibawah ini juga akan terlihat sejajar  -->
<p style="display:inline">menampilkan Select Option dalam html tag <p></p> dengan display:inline agar tampil sejajar    </p>
<p style="display:inline">
<select name="my_attributes_number">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>
</p>

<p style="display:inline">
<select name="my_attributes_letter">
   <option value="a">a</option>
   <option value="b">b</option>
   <option value="c">c</option>
</select>
</p>

<p style="display:inline">
<select name="my_attributes_fam">
   <option value="Budi">Budi</option>
   <option value="Bapak Budi">Bapak Budi</option>
   <option value="Ibu Budi">Ibu Budi</option>
</select>
</p>

<br style="clear:both"><br style="clear:both">
<!-- Select option yang berdiri sendiri -->
<p style="display:inline">menampilkan Select Option tidak dalam html tag <p></p> maupun html tag <p></p>    </p>
<select name="my_attributes_number">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>
<select name="my_attributes_letter">
   <option value="a">a</option>
   <option value="b">b</option>
   <option value="c">c</option>
</select>
<select name="my_attributes_fam">
   <option value="Budi">Budi</option>
   <option value="Bapak Budi">Bapak Budi</option>
   <option value="Ibu Budi">Ibu Budi</option>
</select>

[vespaman]

mau tanya mas, ternyata untuk kombinasi attribute sebanyak itu kena limit padahal udah susah" ngatur cssnya... gimana cara buat unlimited kombinasinya??? apa bisa diseting jadi unlimited, klo ga bisa rencana mau tak buat extra additions aja? ada solusi ga untuk masalah ini, pengennya buat kayak web ini,,http://lensway.com/derek-cardigan-7017-ice

Edited January 31, 2013 by vespaman (see edit history)

[gonebdg - webindoshop.com]

eh ... Out of topic jadinya

[vespaman]

[sOLVED]

 

udah jadi mas ternyata masalahnya bukan di CSS ternyata foreach grup attributnya,

{if $id_attribute_group == a || $id_attribute_group == b || $id_attribute_group == c } 

ternyata harus urut saya buat acak ga bisa

 {if $id_attribute_group == b || $id_attribute_group == c || $id_attribute_group == a }

Edited February 1, 2013 by vespaman (see edit history)