Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Konrad Pilch
Konrad Pilch
2,435 Points

Table HTML / CSS

HI,

If you look at my footer in this webiste, and look onopen times, how can i make so my times float left, but they are all inline?

1 Answer

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 90,705 Points

Since you're using tables to display the data, you could probably get away with changing the width of the first colum of the data so it would look consistant.

So on your CSS, your Table cell with the class of day

.day {
  text-align: left;
}

Give your table a width

table {
   width: 430px;
}

And finally

td {
   width: 200px;
}

on line 5 of your bootstap min file will all help display the data nicely. :)

Good luck!

Konrad Pilch
Konrad Pilch
2,435 Points

Well, i think it was the best way to use the table for , but umm, i think next time, pure css will be better. What do you think?

Thank You!

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 90,705 Points

Tables still have their place... for just the sort of data you're using here with your opening hours info. So i wouldn't worry about that. and you can manipulate them for responsiveness quite easily as by default rather than design tables are responsive by default but you can have even greater control by using percentages for widths..

Konrad Pilch
Konrad Pilch
2,435 Points

At the moment i managed to make the responsive hours responisve so im happy with it :D i havent done much work with tables . I believe more practice : p

Thank you!