Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

Help With Layout In Html

HTML layout html5 help

  • Please log in to reply
4 replies to this topic

#1 Fenrir190

Fenrir190

    CC Newcomer

  • Member
  • PipPip
  • 16 posts
  • Programming Language:C, Java, C++
  • Learning:PHP, Python, JavaScript, Perl, Assembly, Bash

Posted 27 June 2012 - 07:24 PM

Hi guys, working on a web page for my school and I need some help with the formatting of the page. Essentially this is what needs to be done, I have 3 boxes

box1 box2 box3

inside those boxes contain information related to course information. The part of inputting the content will not be a problem however the layout is for me. I borrowed from the borderlayout in java where I can have a left, center, & right component and I can just edit from there. Is there a way I can make this happen or do I have to make a table to get it done?
  • 0

#2 Orjan

Orjan

    CC Mentor

  • Moderator
  • 2918 posts
  • Location:Karlstad, Sweden
  • Programming Language:C, Java, C++, C#, PHP, JavaScript, Pascal
  • Learning:Java, C#

Posted 28 June 2012 - 04:40 AM

um, it should work out of the box? unless a box makes it wider than the container it's in, then it will move to next row...
  • 0

I'm a System developer at XLENT Consultant Group mainly working with SugarCRM.
Please DO NOT send mail or PM to me with programming questions, post them in the appropriate forum instead, where I and others can answer you.


#3 Fenrir190

Fenrir190

    CC Newcomer

  • Member
  • PipPip
  • 16 posts
  • Programming Language:C, Java, C++
  • Learning:PHP, Python, JavaScript, Perl, Assembly, Bash

Posted 28 June 2012 - 07:33 AM

Sorry I probably didn't make it clear. Basically I wanted the boxes horizontal to each other. I ended up using float:left although the issue with that is that it depends on the size of the window being used. This is ultimately a draft but I'll see what they say.
  • 0

#4 Fenrir190

Fenrir190

    CC Newcomer

  • Member
  • PipPip
  • 16 posts
  • Programming Language:C, Java, C++
  • Learning:PHP, Python, JavaScript, Perl, Assembly, Bash

Posted 13 July 2012 - 01:12 PM

I figured it out. Due to the data I was using table was actually more appropriate. Simply make table border 0 and voila.
  • 0

#5 BlackRabbit

BlackRabbit

    CodeCall Legend

  • Expert Member
  • PipPipPipPipPipPipPipPip
  • 3871 posts
  • Location:Argentina
  • Programming Language:C, C++, C#, PHP, JavaScript, Transact-SQL, Bash, Others
  • Learning:Java, Others

Posted 02 August 2012 - 07:46 PM

well done, thats a good solution
  • 1





Also tagged with one or more of these keywords: HTML, layout, html5, help

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download