Thread: css Trouble !

    #1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2004
    Posts
    4
    Rep Power
    0

    Exclamation css Trouble !


    This is my css file : BODY { font: 11px geneva, verdana, arial, sans-serif; color: #89A1BD; }
    TH{ font: 11px geneva, verdana, arial, sans-serif; color: #3D3D3D; }
    A:active { font: 11px geneva, verdana, arial, sans-serif; color: #00000; text-decoration: none; }
    A:hover { font: 11px geneva, verdana, arial, sans-serif; color: #0000FF; text-decoration: underline overline; }
    A:link { font: 11px geneva, verdana, arial, sans-serif; color: #000000; text-decoration: none; }
    A:visited { font: 11px geneva, verdana, arial, sans-serif; color: #000000; text-decoration:none; }

    #poll{ ;border-style : solid ;border-color : #004f9d ;border-width : 2px}
    #poll tr td dt{font-family: Small Fonts;font-style : normal ;font-size : 7pt; font-weight :bold }

    select, input, textarea { font: 10px geneva, verdana, arial, sans-serif; color: #3D3D3D; }
    .pn-top {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: none}
    .pn-title {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: none}
    .pn-title:link { color:#FFFFFF; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION:none}
    .pn-title:active { color:#FFFFFF; FONT-SIZE: 11px;FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION:none}
    .pn-title:hover { color:#0000FF; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: none}
    .pn-title:visited { color:#CC0000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: none}

    .pn-link {BACKGROUND: none; COLOR: #0000000; FONT-SIZE: 11px; FONT-WEIGHT: normal; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: none}
    .pn-link:link { color:#000000; FONT-SIZE: 11px; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION:none}
    .pn-link:active { color:#FFFFFF; FONT-SIZE: 11px; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: none}
    .pn-link:hover { color:#0000FF; FONT-SIZE: 11px; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION: underline overline}
    .pn-link:visited { color:#000000; FONT-SIZE: 11px; FONT-FAMILY: geneva, verdana, arial, sans-serif;TEXT-DECORATION:none}


    .date {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: geneva, verdana, arial, sans-serif; TEXT-DECORATION: none}

    body {
    SCROLLBAR-FACE-COLOR: #B7C6E5; SCROLLBAR-HIGHLIGHT-COLOR: #D3DCEF; SCROLLBAR-SHADOW-COLOR: #738FCC; SCROLLBAR-3DLIGHT-COLOR: #E9EEF8; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #E5EBF4; SCROLLBAR-DARKSHADOW-COLOR: #4870AA;
    ; background-color: D8E0E9
    }
    FONT { font: 11px geneva, verdana, arial, sans-serif; color: #0000000; }
    TD { font: 11px geneva, verdana, arial, sans-serif; color: #3D3D3D; ; top: 20pt; clip: rect( )}



    And my text is just normal black en when i go over it , it will turn blue it always works perfect if theres no link specified ex. when "href" is empty then it works but if its links.html and that page exitst then it stays black when i go over it , i've tried much changes in my css sheet but it doensn't seems to work
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2004
    Posts
    61
    Rep Power
    11
    first off... what the hell is all that cruft for EXACTLY? It just goes to show that just because you can use dreamweaver, doesnt make you a web designer.

    your problem lies with this:
    A:hover { font: 11px geneva, verdana, arial, sans-serif; color: #0000FF; text-decoration: underline overline; }

    I'm guessing. Did you know that if you want the same font size/style on the whole page, you can just set it once in body { } ?

    also, I'd suggest changing this:

    Code:
    #poll{ ;border-style : solid ;border-color : #004f9d ;border-width : 2px}
    to this:
    Code:
    #poll
        {
         border: 2px #004f9d solid;
         }
    amongst other things.
    Last edited by carrja99; April 14th, 2004 at 09:37 AM.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2004
    Posts
    4
    Rep Power
    0

    not true


    look to my portfolio en youl look different just my first time with css AND I WRITED IT MYSELF not by dreamweaver but i idd use dreamweaver
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2004
    Posts
    61
    Rep Power
    11
    Sorry for being harsh, it's just I have to "fix" bad css generated by DW by people I work with, and seeing font declared with the same face and size 100 times in each class is, well, annoying Equally annoying is DW's "let's cram all the css for each item on one line!"

    css is best done by hand, you should look to w3schools.com to learn it pretty good, and read sites like glish.com or bluerobot.

    anyway, whatever you have as your href has no effect on what color the a:hover will be, only the class or id you used for it would. for example, if I wanted certain links that belong to class "whatever" to be #773322 on hover, I'd simply say:

    <a href="blah.php" class="whatever">

    and in my stylesheet would have:

    .whatever a:hover
    {
    color: #773322;
    }

    or for all links on the page:
    a:hover
    {
    color: #773322;
    }

    Hope that helps
  8. #5
  9. |<.+#f@#+.&.|
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    3,009
    Rep Power
    1224
    the problem is that you have the wrong order of the psuedo-classes

    they should be in this order.
    a:link
    a:visited
    a:hover
    a:active

    http://www.w3.org/TR/CSS2/selector.h...pseudo-classes

    and you really ought to format the css a little better,
    would make it much easier to edit, easier to find errors etc.
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2004
    Posts
    4
    Rep Power
    0

    Smile It Worked :)


    Thanks you guys it worked cause the wrong order so thank Akh sow i can design up know i'll post the link when he's done ==> www.dendie.Tk
  12. #7
  13. what's your moniker?
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    Highland Park, NJ
    Posts
    201
    Rep Power
    11
    Originally Posted by Akh
    the problem is that you have the wrong order of the psuedo-classes

    they should be in this order.
    a:link
    a:visited
    a:hover
    a:active
    Remember: LoVe HAte.

    If you use a:focus, it goes in the middle

IMN logo majestic logo threadwatch logo seochat tools logo