Jump to content


Photo
- - - - -

Grid default margins and padding

grid margins paddings alignment

Best Answer Danny , 03 March 2013 - 09:47 AM

It's entirely up to you, you can continue with the grid if you like but you can also try using a list or even a table.

 

Try all three methods and see which suites your design best.

 

In my opinion a list would be best, but again the choice is entirely up you to.

Go to the full post


  • Please log in to reply
7 replies to this topic

#1 suzyo

suzyo

    Super Member

  • Members
  • 105 posts
  • Country: Country Flag

Posted 02 March 2013 - 07:41 PM

Yes, I've searched the docs and the forums (and the google). That's where i found Danny's omgwtfbbq, which made me laugh for awhile.

 

Having trouble w margins padding vertical space w rows/spans.

 

Trying to set up a little table-like area. As you can see the last entry (booze) stops way short of the right margin.

 

Also, there's a huge whitespace between the line of text and the well below it.

 

I can't set up CSS to work with it if I don't know WHAT it is (the default margins, etc.) Can you help? Thank you.

 

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 03 March 2013 - 07:58 AM

Hi,

 

Not entirely sure what the issue is here, as this has nothing to do with margins or padding. Each column has a width and the (Price Range:) column simply doesn't have enough text to fill the area.

 

I have changed the current value to something else and as you can see from the image below, it doesn't look odd.

 

Please Login or Register to see this Hidden Content

 

So this isn't an issue with margin/padding or CSS, its just an issue with the default value you currently have in your column.



#3 suzyo

suzyo

    Super Member

  • Members
  • 105 posts
  • Country: Country Flag

Posted 03 March 2013 - 08:01 AM

hmmm...thanks, Danny. thing is, the content is going to be different all the time, depending on the venue covered in the post. can you suggest something else i might use to accomplish this?



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 03 March 2013 - 09:16 AM

If the content is going to be different every time, then I would use a list format, instead of the grid.

 

For example,

 

Cuisine: New American

Price Range: $200,000

Booze: Full Bar


#5 suzyo

suzyo

    Super Member

  • Members
  • 105 posts
  • Country: Country Flag

Posted 03 March 2013 - 09:23 AM

yes, sometimes the price range will be in the hundreds of thousands, like, for, say, a hamburger with some ketchup, and maybe a pickle. so, i will just use a list. a nice horizontal list. i will now take my commas and go away and figure out how to do that.

 

i want to make 3 columns and 2 or 3 rows. kind of like this: 

Please Login or Register to see this Hidden Content

 

so, a horizontal ul is the way to go, you say?



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 03 March 2013 - 09:47 AM   Best Answer

It's entirely up to you, you can continue with the grid if you like but you can also try using a list or even a table.

 

Try all three methods and see which suites your design best.

 

In my opinion a list would be best, but again the choice is entirely up you to.



#7 suzyo

suzyo

    Super Member

  • Members
  • 105 posts
  • Country: Country Flag

Posted 03 March 2013 - 09:51 AM

i defer to your wisdom. thank you!



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 03 March 2013 - 09:56 AM

No problem! :D


  • suzyo likes this





Also tagged with one or more of these keywords: grid, margins, paddings, alignment