Jump to content

[help] mengatur CSS list atribut


vespaman

Recommended Posts

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.html

 

	<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>

Link to comment
Share on other sites

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 by vespaman (see edit history)
Link to comment
Share on other sites

[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 by vespaman (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...