www.webdeveloper.com
Results 1 to 11 of 11

Thread: Problem with my website / CSS

  1. #1
    Join Date
    Feb 2003
    Posts
    111

    Question Problem with my website / CSS

    I have a question.. How come without CSS, my links are white?? My codes don't even have anything to do with the active link color.. Even if I add CSS to my website, it won't change. Any ideas?
    HERE: [moderators note: Website address removed due to objectionable content. Repeating such an offence will result in the loss of your posting priviledges. Thanks...] <<< My website

  2. #2
    Join Date
    Nov 2002
    Posts
    2,632
    A:hover {
    color:white;
    font-size:small;
    font-family:tahoma;
    text-decoration:none;

    I found that just before your second <body> tag.

    A couple things, you REALLY need to reorganize your code so things like this don't happen again. Things like putting your one and only <style> tag within your <head> tag. You need to get rid of about half of your code and it will still look as good. And as always, validate it so there isn't things like two <body> tags within a HTML file.

    In terms of validation, below is your <meta> tag for it, and you can pick your poison in terms of Doctypes by looking at the options at the Doctype link in my sig. Bookmark it and the link to W3C's validator. I have a feeling it's going to take you some time to weed through that mess.

    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

  3. #3
    Join Date
    Feb 2003
    Posts
    111
    Wow thanks for telling me that!! I forgot all about the CSS in my news.txt!!!! Another thing. I sorta got the layout from a website, and edited it a bit.. Could ya spend some time teling me how to make my codes shorter? If you don't mind.. That is..
    I'm currently editing my menus so that it is easier to organize, and shorter. For the DIV, I do not know how to edit them... Thanks a TONS !!!
    Last edited by Wasiu0607; 07-13-2003 at 12:57 AM.

  4. #4
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,148
    That code is quite a mess...

    Anyway, can I just point out,

    with your menu use a particular heading tag for your headings - either <h1> <h2> <h3> <h4> <h5> or <h6>. Then modify that in your css. e.g.
    h4{color:#000099; font-size:13px;}
    then remove all your font and span tags, replacing them with:
    <h4>Lyrico's Personal</h4>

    ________________________________

    Then where you have all your links,

    <font color="#000000"><span style="font-size: 13px;">+ <a href="journal.txt">Journal</a href></span></font><br>
    <font color="#000000"><span style="font-size: 13px;">+ <a href="rave.txt"></a href></span></font><br>

    the font tag can come out since you've already specified that in your css. I suggest you add your font size to your css declarations too.

    A:link{COLOR:#000000;TEXT-DECORATION:none; FONT-SIZE:13px;}
    A:visited{COLOR:#000000;TEXT-DECORATION: none; FONT-SIZE:13px;}
    A:active{COLOR:#000000 FONT-SIZE:13px;}
    A:hover{COLOR:#000000;TEXT-DECORATION:none; FONT-SIZE:13px;}

    You can then reduce your links code to
    + <a href="news.txt">News Updates</a>

    _______________________________________

    Now where you have
    <div
    style="position: absolute; left: 380px; top: 240px; width: 100px; height: 200px;">
    </div>
    <div
    style="position: absolute; left: 0px; top: 0px; width: 100px; height: 200px;">
    </div>

    these are completely empty. I don't know if they're getting content later, but at the mo they're just taking up space.


    that'll do to be getting on with - I don't know how much of that spufi covered in his pm (he said somewhere he was going to send one!!)
    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

  5. #5
    Join Date
    Nov 2002
    Posts
    2,632
    No I hadn't sent them a PM yet. You covered the big changes, but I was wondering if that page actually had any PHP on it since the page had a php extension. Does PHP get converted over to look like it's respective HTML even when you save the page as a complete webpage(code, images, etc)? I'm pretty sure when you do a view source on a PHP page the actual PHP doesn't show up, but the results of the PHP. Here's another thing to add to your list of things to use in your CSS.

    background-image: url('bg.jpg'); background-repeat:repeat-y;

    Some of us have really wide resolutions and don't really need the background repeated horizontally.

  6. #6
    Join Date
    Feb 2003
    Posts
    111
    Hey, theres another problem with my CSS now..:
    <style type="text/css">
    h1 {color:#ffffff; font-size: 13px;}
    A:link{COLOR:#ffffff;TEXT-DECORATION:none; FONT-SIZE:13px;}
    A:visited{COLOR:#ffffff;TEXT-DECORATION: none; FONT-SIZE:13px;}
    A:active{COLOR:#ffffff; FONT-SIZE:13px;}
    A:hover{COLOR:#ffffff;TEXT-DECORATION:none; FONT-SIZE:13px;}
    background-image: url('bg image'); background-repeat:repeat-y;
    </style>

    -------------------------------------------------------------
    The first line, h1 {color:#ffffff; font-size: 13px;} isn't working....
    http://www.animeng.vzz.net/layout.html is the link to the problem. And when I put the h1 code, my whole layout is messed up (The left navigation).. Before it was http://animeng.vzz.net/layout1.html
    Last edited by Wasiu0607; 07-15-2003 at 06:23 PM.

  7. #7
    Join Date
    Nov 2002
    Posts
    2,632
    What do you mean the H1 CSS code isn't working?

  8. #8
    Join Date
    Nov 2002
    Posts
    2,632
    You have you greater/lesser than symbols in a <h1> tag which is a block level tag. This means that when the tag ends, the next tag normally begins on the next line. Below is something that should work better.

    <a href="#">>> News Updates</a>
    <br>
    <a href="#">>> News Updates</a>
    <br>
    <a href="#">>> Stuff</a>
    <br>
    <a href="#">>> Stuff </a>
    <br>
    <a href="#">>> Stuff </a>
    <br>
    <a href="#">>> Link</a>
    <br>
    <a href="#">Link</a>

  9. #9
    Join Date
    Feb 2003
    Posts
    111
    Thanks for the links . I have a problem now with the CSS still. The website is: http://forums.webdeveloper.com/showt...threadid=13167

  10. #10
    Join Date
    Jul 2003
    Posts
    11

    I dont kow what the deal is.....

    But when I click on your link in your original post I get redirected to porn sites, and redirected and redirected and redirected.

    This is not good considering lots of underage children read and participate in this site.

  11. #11
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    So hit the report this post to a moderator button so we can take care of it... Makes it easier on us.

    Personal website http://www.ryanbrill.com/
    Business website: http://www.infinitywebdesign.com/
    TypeSpace http://www.typespace.org/

    I reject your reality and substitute it with my own!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles