Exhibit text in columns

goaskalice / 2010-10-28 23:12:33   

Hi,

I have read the thread on this and have inserted the below code but it just puts space between the exhibit text and not into columns.





What I am trying to achieve is to have the exhibit text in a horizontal line in columns.
This is the page I am trying to adjust
http://www.goaskalice.com.au/index.php?/online/store/
I'm very new at this, would love any help.
Thanks

goaskalice / 2010-10-28 23:14:00   

sorry here is the code, have taken out the arrows

div style='width: 801px;'
div style='float: left; width: 200px;'>

goaskalice / 2010-10-28 23:15:22   

Third time lucky, this is the code

div style='width: 801px;'
div style='float: left; width: 200px;'/div
div style='float: left; width: 200px;'/div
div style='clear: left;'!-- --/div
/div

blameme / 2010-10-29 07:57:42   

Gidday, you have line breaks which are pushing the divs down underneath each other, also it´s really hard to see what is going on with no content in the divs. if you check your source code you have:

  1. < div style='width: 801px;'>< br /> 
  2. < div style='float: left; width: 200px;'>< /div>< br /> 
  3. < div style='float: left; width: 200px;'>< /div>< br /> 
  4. < div style='clear: left;'>< !-- -->< /div>< br /> 
  5. </div> 

blameme / 2010-10-29 07:59:59   

That said I don´t really get what you are trying to do, is it that you want have the shop items in a horozontal line or?

goaskalice / 2010-10-29 08:24:04   

Yes, that's it. I would like to have the 4 shop items in a horizontal line. So if I don't have any line breaks in the code this should fix the problem?

blameme / 2010-10-29 14:21:42   

if you check your source code you will see that at the moment the code you have inserted is empty:

  1. < div style='width: 801px;'>
  2. < div style='float: left; width: 200px;'>< /div>
  3. < div style='float: left; width: 200px;'>< /div>
  4. < /div>

each shop item needs to inside the div like:

  1. < div style='width: 801px;'>
  2. < div style='float: left; width: 200px;'>
  3. < p>< strong>DUSTY BLUE CLUTCH< /strong>< /p> 
  4. < p>$90 (AUD) each< br /> 
  5. 23(w) x 16(h)cm< br /> 
  6. 2 clutch styles available< /p> 
  7. < p>< form action="https://www.paypal.com/cgi-bin/webscr" method="post"> 
  8. < input type="hidden" name="cmd" value="_s-xclick"> 
  9. < input type="hidden" name="hosted_button_id" value="J78CVTPC7W7BA"> 
  10. < table> 
  11. < tr>< td><input type="hidden" name="on0" value="Choose Clutch Option">Choose Clutch Option< /td>< /tr>< tr>< td>< select name="os0"> 
  12. < option value="Dusty Blue 01">Dusty Blue 01 < /option> 
  13. < option value="Dusty Blue 02">Dusty Blue 02 < /option> 
  14. < /select> < /td>< /tr> 
  15. < /table> 
  16. < input type="image" src="https://www.paypal.com/en_AU/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online."> 
  17. < img alt="" border="0" src="https://www.paypal.com/en_AU/i/scr/pixel.gif" width="1" height="1"> 
  18. < /form>< /p>
  19. < /div>
  20. < div style='float: left; width: 200px;'>*Shop item 2 code here*< /div>
  21. < div style='float: left; width: 200px;'>*Shop item 3 code here*< /div>  
  22. < /div>

And so on, just keep adding the shop items inside the divs.

goaskalice / 2010-11-01 01:24:57   

Awesome, thanks for pointing me in the right direction. The code from the original thread now makes sense.

I have inserted the content within the divs and it works perfectly. Below is what I did.


1st column content
2nd column content
3rd column content
4th column content

goaskalice / 2010-11-01 01:30:53   

Awesome, thanks for pointing me in the right direction. The code from the original thread now makes sense.

I have inserted the content within the divs and it works perfectly.

This thread has been closed, thank you.