By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,952 Members | 1,665 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,952 IT Pros & Developers. It's quick & easy.

Heaps of CSS problems - very novel to it! Any help would be gr8!

P: 14
Hey All,
I've recently tried my hand with CSS. I know a good bit of html and thats more or less it. I've moved back to Ireland from Australia now and I'm trying to put a site together to keep in touch with my mates back home.
I've got a fair few questions so hopefully some of you cats can help!

At the bottom is a link to my website which is very much under construction. Please take a look at it and you'll understand what I need to know. By the way, my code is very messy-I write it all in notepad, if anyone knows of a better editor plz advise!

1. The menu on the left is done with half html/css. NB note that the LI bulletpoint does not highlight whereas it does on the very bottom menu which is completely CSS. Can you plz tell me how to not get the bulletpoint to highlight in the bottom menu.

2. As you can see I'm trying to implement CSS all in the one file - how can/do I make a css file and implement that where needed?

3. I'm trying to place a few tables on the main content of my page. The problems are very difficult here...
I'm basically don't understand DIV or SPAN or COLSPAN! :D
Funny at it seems but it is true! The way the site looks now is exactly (except the colourscheme) the way I want it to look when finished. I just cannot at the moment figure out positioning CSS. I work in 1200xwhatever resolution and when I resize the screen to see everything becomes messed up. Do I use % or px or what? If I use px when I resize the tables overlap etc etc etc.

Is there any way of just loading the main page and then loading tables from CSS files?

As you can see the menu at the bottom of the screen is meant to be under the left menu (just testing) but its not happening...

I use to program couple of yrs back in VB - I wish there were just x, y cordinates for the top left hand corner of an item. Or if I said width of a table is 50% then its 50% regardless of res.

4. I want people to able to register and login and upload their pics to my site too (I know nothing about how to even attempt this) however I know you have to start somewhere and I'm so far really enjoying the learning experience!

5. Do I need a database for point 4 or how or what way does that work? I've heard of ASP and SQL but not sure what they're for.

I'm not overly interested in flash - wanna keep the site relatively simple but still trying to learn CSS!

My very-early-staged website address is:

Thank you all very much for reading this and if you know anything about the above I'd really appreciate it!

PS what exactly in plain english does absolute, relative and "em" mean?
PPS I'm using IE (normal XP version) 1024x768 res 17" monitor if any of that matters!
Oct 5 '06 #1
Share this Question
Share on Google+
5 Replies

Expert 5K+
P: 7,435
Take all your css and put it in one file with the extension .css. Then, in the head section, add <link href="style.css" rel="stylesheet" type="text/css">. Of course, this file must be on your server.

The way you have your css now, you do not need <style type="text/css"> in front of every property.

Internet Explorer is the world's worst browser and does not perform according to the standards so some things you are trying to get to work may be a problem in that. Also, you are using deprecated elements and no doctype. I know you said it's just a hobby site but those are issues that must be considered.
Oct 5 '06 #2

P: 104
Why Don't you try Macromedia Dreamweaver?
Oct 5 '06 #3

P: 14
Thanks for taking the time to reply - what exactly is DOCTYPE?
I appreciate the css file - I'll do that now!
PS I don't have dreamweaver!
Oct 5 '06 #4

Expert 5K+
P: 7,435
Someone gave me Dreamweaver once. I use Notepad.

All web pages today should indicate to the browser which set of 'rules' the code is following. The 'Document Type Definition' is declared on the first line of every web page. All new pages should use the strict doctype which is this:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

When you add it to your page, IE may move things around as it brings itself into 'standards mode' and Firefox may display differently, too, once it knows what the ground rules are.
Oct 5 '06 #5

P: 14
Oh ok - thats cool-I'll try that!
Thanks, I'll put it in the head or something.

Did you view my site? Any other suggestions buddy?
Oct 5 '06 #6

Post your reply

Sign in to post your reply or Sign up for a free account.