Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.Start your free trial
Martin Norberg1,663 Points
Help with ul not moving and general suggestions
I've been working on a site for my friend who runs a company that services and repairs computers and servers. I know the site is not the best looking but I did what I could with the knowledge I have (going through CSS Deep Dive at the moment). I have some questions though:
- How come the site-map ul at the bottom can't be paddened away? And why does it start so far in?
- I have troubles designing the menu well, any recommendations that would fit the site?
- Same thing with the slogan.
- Font tips and suggestions? I barely know any fonts and I find it hard to chose a good one.
- General suggestions for improvements are always welcome.
You can view the site here: http://nlsn.se/siv/
Michael WatsonTreehouse Teacher
I think some fellow Treehouse students should be able to help out...my Swedish is non-existant so can't really help on the slogan
For your first question, if I understand what you're asking correctly try going into your "style.css" file and adjusting the "padding-top" to a smaller pixel number in your "#footer" selector.
RE general suggestions: it's probably a good idea to try and get some sort of clear call-to-action on there...Contact Us for Help, Set up an Appointment, whatever makes sense...
Martin Norberg1,663 Points
I mean the styling of it all, not the content. If you check the footer, it's indented 10-20px more than the rest of the page without me doing specifying it (well obviously I have but I dont see where) , I do not understand why.
So I'm talking stlying of menu, styling of slogan, general stlying of the page and the fonts.
Matt Campbell9,767 Points
I'm not seeing what you mean about the footer indented. Indented from where?
As for fonts. Google top 20 web fonts or something. There's a tonne of sites, all of which have the same few as a theme so you know they're the ones to go for.
Key with fonts is readability first and then does it fit the style of the site.
A tip for you, if you like developing and that's what you think you'll be good at, leave the design to someone who is good at design. Personally, I'm fine with laying out a page and formatting everything so it looks nice and has a good UX but, colours and the like I'm not so good at. A designer has a different talent set to me so I asked friends I know who like to draw etc for some help. I even put a thread up here and met a very nice chap who is working with me now.
As aspiring developers, we need to build free sites to get our portfolio up, it's the same for designers so bare that in mind.
James Barnett39,199 Points
Font tips and suggestions? I barely know any fonts and I find it hard to chose a good one.
Check out this presentation on All the fonts you'll ever need
Also here are some tips getting better with Typography:
Matthew McCulloch5,341 Points
If I'm understanding what you're asking, it looks like you have a margin-left: 30px rule targeting li in your text.css file. If you want to troubleshoot styling in a website, I can't recommend using a browser tool like chrome's console enough. When I discovered this tool it made previous nightmares trying to get styling down a breeze.
There are alternatives to this for Firefox(Firebug?) and I believe IE, I never looked into it much though as the Chrome tool has handled everything I've needed it to do so far.