Jump to content
xisto Community
Sign in to follow this  
mrdee

More Css3 Making columns

Recommended Posts

It looks right now when I use Firefox 4 to view it so it may be that earlier firefoxes somehow mess it up. Remember to try your site out in a webkit browser when you test browser compatibility as well. Google Chrome, for example. I'd also recommend making the text background lighter gray or completely white.

Share this post


Link to post
Share on other sites

I have downloaded and installed the latest version of Google Chrome, and here too, the site seems to display flawlessly.So, I can consider now (or at least, so I hope) step number 2 (maybe the final step): adding some cosmetic tweaks.I am very grateful to everyone who put me on my way, and if you feel you hav missed out something, please do not hesitate to keep the advice coming.Thank you again.

Share this post


Link to post
Share on other sites

It looks very cool :) You can just change the font to Arial instead of the standard one (actually not defined).And , you asked why there is no sign # in aside. That's because we want CSS to find the tag without id or class , but using its name. So to style all DIVs or EMBEDs you need to use div{style here...} or embed{style here...}You can also set ID like <div id="mydivid" and style it with #mydivid{style here...} :) But that means only one element can use the ID (because it is identifier). While you can use class to group more elements , like <input class="inputelements" type="text"> <input class="inputelements" type="button"> :) Also you should check URL anchors. Let's say you have a big scrolling webpage , and you can add a empty div on the end with ID "end". That way you can make a link <a href="#end">Click here</a> which will go to the place where empty div is (the bottom).Hope i helped you.After you finish learning HTML/CSS you can start using JavaScript and experiment with document's DOM using frameworks as jQuery.

Share this post


Link to post
Share on other sites

It's a good thing you mentioned typography, darko. Now I have an opportunity to shamelessly self-advertise. :D I have written an article about typography on websites. Well this is much better than mine are usually, so that's why I'll recommend it: Website Typography Tips. Look for the "Font" and "Manipulate" section in the article. The default that is used in browsers when no font is declared is usually the Times New Roman font, which is hard to read because it has all those little things coming out of the letters. That combined with a computer screen, and it won't be very reader-friendly. Arial, Helvetica and Tahoma would be all good for your site. Personally I would go with

html {font-family: Tahoma, Arial, Helvetica;}

The browser uses the first one in the list, if it's not installed, then it moves on to try the next one and so on. That was probably useless though, if you know how the font-family property works.

Share this post


Link to post
Share on other sites

That was probably useless though, if you know how the font-family property works.

Well, no, Baniboy, I wouldnt say that.It is good that the people sending help my way are giving their explanations in some detail.

It either shows me things I didn't know, or sometimes, it is a good refresher too.

It also sometimes reminds me about things I used to know but that got pushed to the back of my mind over time.

But, yes, some valuable things that I have read about typography, at least I am learning every step of the way.

Thanks again.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.