Help a beginner.

Discussion in 'CSS' started by Sheezy, Feb 14, 2007.

0
  1. #1
    Well, I'll start off by saying I only starting learning XHTML and CSS a few hours ago, now most people I know would start by reading through loads of tutorials, but me because I learn different, I basically just go for it, so if what I've done is completely wrong please tell me.

    What I'm basically trying to do is create a link directory page (I don't know the actual name), I don't know if I'll go through with actually launching it, but the template seemed pretty easy to design and create so I thought I might as well go for it.

    Now as I stated before, this might be completely wrong, but it seems to work. Well, it works in IE 7 but not in FireFox, and because I've only just started I don't know what I'm doing wrong, I'm presuming FireFox is stricter, and I would be grateful if anybody could look over the coding and tell me whats wrong.

    Thanks.

    http://www.1dollarlinks.sheezymedia.com - Site Link

    http://www.1dollarlinks.sheezymedia.com/stylesheet.css - CSS

    Edit: And I would also be grateful if you could tell me what else to put in to make it more cross-browser compatible.
     
    Sheezy, Feb 14, 2007 IP
  2. zk0

    zk0 Peon

    Messages:
    299
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You forgot to post the links. :)
     
    zk0, Feb 14, 2007 IP
  3. Sheezy

    Sheezy Peon

    Messages:
    158
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I've added them. Its because I can't have live links >_<.
     
    Sheezy, Feb 14, 2007 IP
  4. Munk

    Munk Peon

    Messages:
    56
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Munk, Feb 14, 2007 IP
  5. Sheezy

    Sheezy Peon

    Messages:
    158
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Wasn't the point in making the website. Its really about the experience.
     
    Sheezy, Feb 14, 2007 IP
  6. Munk

    Munk Peon

    Messages:
    56
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    You didn't mention initially that this was mostly for the learning experience but since you now have, I agree this is a great way to learn and I follow the same path generally. :)

    Get your HTML and CSS validating:

    http://validator.w3.org/
    http://jigsaw.w3.org/css-validator/

    Chances are once you're done with that the code will behave the same in both browsers. If not, at least once you're validating you'll be able to attack the problem in a systematic way - AND you'll have a huge advantage going forward if you learn to work this way (keep your code valadating at all times).

    I would suggest getting the Web Developer extension for FireFox which makes validating real easy (ctrl+shift+h) and gives you a ton of other tools that are crazily-useful when developing pages.

    What are you using to develop your html & css? Are you using some IDE like DreamWeaver or writing plain-text in Notepad or similar?
     
    Munk, Feb 15, 2007 IP