rossp Posted December 6, 2010 Share Posted December 6, 2010 This is my first template with CSS so please be nice but i do want some ideas on what i can do to improve!Visit My Website Link to comment Share on other sites More sharing options...
thescientist Posted December 6, 2010 Share Posted December 6, 2010 You are seeing this page because the system administrator of 000webhost.com is currently checking this website for malicious content that's not a good start. Link to comment Share on other sites More sharing options...
jeffman Posted December 6, 2010 Share Posted December 6, 2010 I like the overall feeling, colors and such. Good for a folksy kind of business, or just folks.In Firefox, at least, the content div leaks out the right side of the window. It's true that your sidebar and content div widths add up to 100%, but margins and padding are added on top of that. You'll need a way to make sure all those elements combined add up to 100% of the viewport. Hint: until CSS3 is fully implemented, mixing px values with % values is a recipe for yuck.Small thing, maybe just me: I don't like the underline on the header. It's so linear, and the font (which fits the whole scheme) is so not linear. Link to comment Share on other sites More sharing options...
jeffman Posted December 6, 2010 Share Posted December 6, 2010 Whoa! I didn't get the alert, I guess because I looked sooner than the others. This could be a nasty host to work with. If they review every page every time you make an update . . . Link to comment Share on other sites More sharing options...
rossp Posted December 6, 2010 Author Share Posted December 6, 2010 No they do that once so yea. But i am making this my site for people to see my newest work btw im 14 so give me a break lol Link to comment Share on other sites More sharing options...
rossp Posted December 6, 2010 Author Share Posted December 6, 2010 No they do that once so yea. But i am making this my site for people to see my newest work btw im 14 so give me a break lol Link to comment Share on other sites More sharing options...
jeffman Posted December 6, 2010 Share Posted December 6, 2010 Break from what? We know a host problem isn't your fault. Link to comment Share on other sites More sharing options...
DizzyDan Posted December 6, 2010 Share Posted December 6, 2010 The layout is good, but for some reason the left 'side bar' is off the screen to the left. atleast on IE8. Link to comment Share on other sites More sharing options...
jeffman Posted December 6, 2010 Share Posted December 6, 2010 That is probably the margin-left property, which may create different results in different browsers. IE and the others use different properties to position the styles and indent the items. I don't trust my memory, but adding text-indent:0 to the ul or li ruleset might do the trick, and that would eliminate the need for the negative margin (assuming I understand why OP added that rule). Personally, I could use a little padding on the left side. Link to comment Share on other sites More sharing options...
ApocalypeX Posted December 6, 2010 Share Posted December 6, 2010 Whoa! I didn't get the alert, I guess because I looked sooner than the others. This could be a nasty host to work with. If they review every page every time you make an update . . .000webhost are very decent actually, they only do this when you first set up your account in case you are a spam creator etc. It is usually cleared within 24 hours. Link to comment Share on other sites More sharing options...
jeffman Posted December 6, 2010 Share Posted December 6, 2010 That's a relief. Link to comment Share on other sites More sharing options...
rossp Posted December 6, 2010 Author Share Posted December 6, 2010 updated the nav bar also do you guys have a css code that will make the ul li elements have a margin of 0 or for example as you will see in the update, have the background of the ul be inline with the sidebar background? Link to comment Share on other sites More sharing options...
jeffman Posted December 7, 2010 Share Posted December 7, 2010 Sorry. I don't understand. Some sort of sketch might help, even ascii art just to represent blocks. Link to comment Share on other sites More sharing options...
rossp Posted December 7, 2010 Author Share Posted December 7, 2010 Okay so some IE users have the ul or navigation go off the edge to the left while in Chrome it looks okay. Is there a way to make it so it looks the same in all browsers Link to comment Share on other sites More sharing options...
jeffman Posted December 7, 2010 Share Posted December 7, 2010 Yeah, I meant to get around to that, and now is the time before you get too locked in. You need a doctype, or there will be absolutely no consistency.http://www.w3.org/QA/2002/04/valid-dtd-list.htmlCopy and paste a strict one, probably for HTML 4.01 . Be sure to get both lines Link to comment Share on other sites More sharing options...
rossp Posted December 7, 2010 Author Share Posted December 7, 2010 Still looks different as far as the file goes between IE and GC Link to comment Share on other sites More sharing options...
jeffman Posted December 7, 2010 Share Posted December 7, 2010 Try giving your ul and/or li elements a lineheight to match your sidebar element.Might not work. You may need to define an absolute height for sidebar.Percentages are tricky because the percentage values of child elements are scaled to match. Link to comment Share on other sites More sharing options...
DizzyDan Posted December 7, 2010 Share Posted December 7, 2010 Looks good in IE8 Now! tho the nav bar is centered now, not on the left. Link to comment Share on other sites More sharing options...
rossp Posted December 7, 2010 Author Share Posted December 7, 2010 I am noticing that in IE8 my header doesnt appear but in Chrome it does?! Link to comment Share on other sites More sharing options...
DizzyDan Posted December 8, 2010 Share Posted December 8, 2010 I am noticing that in IE8 my header doesnt appear but in Chrome it does?!I see "Earth Template" as your header, if thats your header then i see it on IE8.It also appears that your nav bar is not centered correctly. EDIT: it seems closer to the right then the left. Link to comment Share on other sites More sharing options...
ilyakar Posted December 10, 2010 Share Posted December 10, 2010 hmm try using more images in your template Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.