login  Naam:   Wachtwoord: 
Registreer je!
 Forum

li breedte werkt niet (Opgelost)

Offline daanlaan - 14/10/2009 14:00
Avatar van daanlaanMySQL interesse Mensen kunnen foto's uploaden, wanneer ze de eerste foto hebben geselecteerd komt pas de volgende rij tevoorschijn.
Maar om dat ik style="display:none;" in mijn <li> zet verliest hij de breedte die hij normaal zou moeten hebben (85px) als hij tevoorschijn komt.

Ik heb even borders rond de lists gezet zodat je de breedte goed kan zien.

http://bricksfactor.com/liporb.jpg

  1. <li id="img1_1">Foto 1</li>
  2. <li id="img1_2"><input type="file" name="img1" value="<?=$_FILES['img1']['name']?>" onChange="next_imgwrap(2);" size="52"></li><br>
  3. <li id="img2_1" style="display:none;">Foto 2</li>
  4. <li id="img2_2" style="display:none;"><input type="file" name="img2" value="<?=$_FILES['img2']['name']?>" onChange="next_imgwrap(3);" size="52"></li><br>
  5. <li id="img3_1" style="display:none;">Foto 3</li>
  6. <li id="img3_2" style="display:none;"><input type="file" name="img3" value="<?=$_FILES['img3']['name']?>" onChange="next_imgwrap(4);" size="52"></li><br>
  7. <li id="img4_1" style="display:none;">Foto 4</li>
  8. <li id="img4_2" style="display:none;"><input type="file" name="img4" value="<?=$_FILES['img4']['name']?>" onChange="next_imgwrap(5);" size="52"></li><br>
  9. <li id="img5_1" style="display:none;">Foto 5</li>
  10. <li id="img5_2" style="display:none;"><input type="file" name="img5" value="<?=$_FILES['img5']['name']?>" onChange="next_imgwrap(6);" size="52"></li><br>
  11. <li id="img6_1" style="display:none;">Foto 6</li>
  12. <li id="img6_2" style="display:none;"><input type="file" name="img6" value="<?=$_FILES['img6']['name']?>" size="52"></li>


  1. #ul_new_ad li{
  2. display:inline-table;
  3. text-align:left;
  4. }
  5. #img1_1,#img2_1,#img3_1,#img4_1,#img5_1,#img6_1{
  6. border:1px solid #000;
  7. padding:10px;
  8. width:85px;
  9. }
  10. #img1_2,#img2_2,#img3_2,#img4_2,#img5_2,#img6_2{
  11. border:1px solid #000;
  12. padding:10px;
  13. width:auto;
  14. }


  1. function next_imgwrap(nr)
  2. {
  3. document.getElementById('img'+nr+'_1').style.display = "inline";
  4. document.getElementById('img'+nr+'_2').style.display = "inline";
  5. }
Wikipedia.org: Google.be:

1 antwoord

Gesponsorde links
Offline Ontani - 14/10/2009 14:05
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
LI is een inline element waar width geen effect op heeft.

display: block; lost dat probleem op.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s