Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 13

Thread: Need some help

  1. #1
    Member Mike_11's Avatar
    Join Date
    Jun 2004
    Posts
    38
    Member #
    6375
    Hi,
    I am having this problem with my php tables i have a navbar.php file that has css for the link effects but i only want it to happen to navbar.php but it happens to all of the links on my temp site how do i stop that. ill show you what i mean
    heres the temp site http://xtremeps.com/php/ see the links on the left have the effect i kno its hard to read but so do these http://www.xtremeps.com/php/index.php?location=toolkit and i want these to look like normal links if that is possible...

    edit i just took it off cause i cant figure it out maybe you ppl can that would be a big help.

    ps. i kno my layout looks a bit plain atm thats because i just want to get the coding done first
    Thanks

    also is it possible to get the comments from the news to show up in the index colom instead of on a blank page
    http://xtremeps.com http://freshworks.org
    Please Help Me Become An Actor Click Here

  2.  

  3. #2
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    What link effects are you talking about? Do you want different link/visited/hover/active link colors for certain links?

  4. #3
    Member Mike_11's Avatar
    Join Date
    Jun 2004
    Posts
    38
    Member #
    6375
    i want it to hover over the link but only on the navigation side...
    but not on the other links on the site
    http://xtremeps.com http://freshworks.org
    Please Help Me Become An Actor Click Here

  5. #4
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    a quick fix could be to include the specific css you want for that page inside of the head of the document using the style tags. For instance..
    HTML Code:
    <html>
    <head>
    <title>Title</title>
    <meta.....>
    <link.....>
    ..
    <style type="text/css">
    <!--
    a:link {
      property: value;
    }
    a:visited {
      property: value;
    }
    a:hover {
      property: value;
    }
    a:active {
      property: value;
    }
    -->
    </style>
    </head>
    <body>
    .
    .
    .
    </body>
    </html>
    Styles included in the head as such have more importance then your linked styles. That allows you to have page specific styles. However a better alternative in the long run might be to put the links into an identifiable element using class/id/etc.. and calling them that way from your style sheet..

    CSS:
    HTML Code:
    #linkarea a:link {
      property: value;
    }
    Markup:
    HTML Code:
    <td id="linkarea">
      <a href="index1.htm">link1</a>
      <a href="index2.htm">link2</a>
      <a href="index3.htm">link3</a>
      <a href="index4.htm">link4</a>
    </td>


  6. #5
    Member Mike_11's Avatar
    Join Date
    Jun 2004
    Posts
    38
    Member #
    6375
    thx for the reply

    im not really good at css can someone point me in the right direction to get tutorials on it. i am learnin php i kno html and photoshop :P
    http://xtremeps.com http://freshworks.org
    Please Help Me Become An Actor Click Here

  7. #6
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    Well photoshop is not going to help you here..

    Put all of this into the head of the document where you want to change the link styles..
    HTML Code:
    <style type="text/css">
    <!--
    a:link {
      color: #ffcc33; /*regular-gold*/
    }
    a:visited {
      color: #aadd00; /*visited-green*/
    }
    a:hover {
      color: #336699; /*rollover-blue*/
    }
    a:active {
      color: #ffcc00; /*when clicked-orange*/
    }
    -->
    </style>
    By default non visited links will be gold, visited ones will be green. If you roll over one it will turn to blue, and if you click it it will flash orange.

    Of course this is customizable. So actually I lied, photoshop can help you here, If you go to the color pallett you will see the hexidecimal value for the selected color. You can choose what color you want, and then swap that value for any of the hexidecimel value above.

    Although all this does is change color, there are tons of other properties that you could give to your links.. but this should get you started.


  8. #7
    Member Mike_11's Avatar
    Join Date
    Jun 2004
    Posts
    38
    Member #
    6375
    thx alot i guess i got to learn css xhtml and more php
    http://xtremeps.com http://freshworks.org
    Please Help Me Become An Actor Click Here

  9. #8
    Member Mike_11's Avatar
    Join Date
    Jun 2004
    Posts
    38
    Member #
    6375
    i have one question though see how its on the navigation side of the site http://xtremeps.com/php/ how do i keep it there only and have the rest of the page like normal links if that is possible. thx
    http://xtremeps.com http://freshworks.org
    Please Help Me Become An Actor Click Here

  10. #9
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    yes it is very possiable.. That is part of what I was explaining earlier.. You have to somehow 'point' to that specific element in a way that will not affect any other element. In order to do that we as web designers have many options avalible to us. One very common way is to assign a class or id value to an element.

    <td id="links">...</td>

    What that does is gives that <td> a 'name' called "links". Now you could point to only the links(or any element) inside that <td> like this..
    HTML Code:
    #links a:link {
      color: #ffcc33;
    }
    So all you would change is to add a name to the <td> that the links are in by giving it an id, and then pointing to that element in your css by chaning the selectors from:
    a:link ~ #links a:link
    a:visit ~ #links a:visit
    a:hover ~ #links a:hover
    a:action ~ #links a:action

    The only thing that has changed is #links has been added to the beginning of each selector.

    There are many ways you could specify specific elements using css selectors. In fact mastering selectors propertly is the hardest but most rewarding part of css.


  11. #10
    Member Mike_11's Avatar
    Join Date
    Jun 2004
    Posts
    38
    Member #
    6375
    thx you have been a big help
    http://xtremeps.com http://freshworks.org
    Please Help Me Become An Actor Click Here


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:17 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com