Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. highlight on link when move over

highlight on link when move over

Scheduled Pinned Locked Moved Web Development
htmldatabasecomtutorial
6 Posts 3 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • C Offline
    C Offline
    campbells
    wrote on last edited by
    #1

    i wonder how most of the website can make that. Change color while move over to the link, and i having trouble to get rid of the underline which everytime when u add link to a text it will automatic change to blur color the underline below. I want to make it when mouse move over then underline show and color change also. here one of the website exmaple i want to do, but i also want to learn how to change the color also with my other link http://www.sas.com/index.html

    I Steve EcholsS 2 Replies Last reply
    0
    • C campbells

      i wonder how most of the website can make that. Change color while move over to the link, and i having trouble to get rid of the underline which everytime when u add link to a text it will automatic change to blur color the underline below. I want to make it when mouse move over then underline show and color change also. here one of the website exmaple i want to do, but i also want to learn how to change the color also with my other link http://www.sas.com/index.html

      I Offline
      I Offline
      i
      wrote on last edited by
      #2

      I think they use a web developer program(like marcomedia dreamweaver or microsoft frontpage) to achieve the effects and is easier to achieve with it...:):):) i@@

      C 1 Reply Last reply
      0
      • I i

        I think they use a web developer program(like marcomedia dreamweaver or microsoft frontpage) to achieve the effects and is easier to achieve with it...:):):) i@@

        C Offline
        C Offline
        campbells
        wrote on last edited by
        #3

        i'm using dreamweaver, but i didnt see any tools for it. is it have to use javascipt or css things? anyone know some coding?

        1 Reply Last reply
        0
        • C campbells

          i wonder how most of the website can make that. Change color while move over to the link, and i having trouble to get rid of the underline which everytime when u add link to a text it will automatic change to blur color the underline below. I want to make it when mouse move over then underline show and color change also. here one of the website exmaple i want to do, but i also want to learn how to change the color also with my other link http://www.sas.com/index.html

          Steve EcholsS Offline
          Steve EcholsS Offline
          Steve Echols
          wrote on last edited by
          #4

          change the styles like:

          a
          {
          text-decoration: none;
          color: green;
          }
          a:visited
          {
          color: green;
          }
          a:link
          {
          color: green;
          }
          a:hover
          {
          text-decoration: underline;
          color: red;
          }


          - S 50 cups of coffee and you know it's on!

          • S
            50 cups of coffee and you know it's on!
            Code, follow, or get out of the way.
          C 1 Reply Last reply
          0
          • Steve EcholsS Steve Echols

            change the styles like:

            a
            {
            text-decoration: none;
            color: green;
            }
            a:visited
            {
            color: green;
            }
            a:link
            {
            color: green;
            }
            a:hover
            {
            text-decoration: underline;
            color: red;
            }


            - S 50 cups of coffee and you know it's on!

            C Offline
            C Offline
            campbells
            wrote on last edited by
            #5

            where should u put it in? actually my header and footer was design in seperate page, and my content page will link them together. but i found out that wat ever i do in my other page , when run on my content page those linked page follow the content page setting. actually is it possible i want to make like the footer style is different then the header and content page?

            Steve EcholsS 1 Reply Last reply
            0
            • C campbells

              where should u put it in? actually my header and footer was design in seperate page, and my content page will link them together. but i found out that wat ever i do in my other page , when run on my content page those linked page follow the content page setting. actually is it possible i want to make like the footer style is different then the header and content page?

              Steve EcholsS Offline
              Steve EcholsS Offline
              Steve Echols
              wrote on last edited by
              #6

              campbells wrote:

              where should u put it in? actually my header and footer was design in seperate page, and my content page will link them together.

              Put it in a global.css (or whatever name you want to call it) then add a statement like this in the head section of each content page:

              campbells wrote:

              but i found out that wat ever i do in my other page , when run on my content page those linked page follow the content page setting.

              Yes, because each page is independent and knows nothing about the other pages.

              campbells wrote:

              actually is it possible i want to make like the footer style is different then the header and content page?

              You can make styles apply to different classes like:

              In css:

              .header a { color: blue; }
              .header a:hover { color: red; }

              .footer a { color: green; }
              .footer a:hover { color: yellow; }

              In html:

              <div class="header">
              <a href="link1">Link 1</a>
              </div>
              <div class="footer">
              <a href="link1">Link 1</a>
              </div>

              That's a very simple example. I suggest you google CSS or visit this site: http://www.csszengarden.com/[^] [edit]Edited for formatting :-O[/edit] [edit]Edited again for formatting :-O:-O (Is there an easy way to show html as plain text?)[/edit]


              - S 50 cups of coffee and you know it's on! -- modified at 2:17 Thursday 22nd June, 2006

              • S
                50 cups of coffee and you know it's on!
                Code, follow, or get out of the way.
              1 Reply Last reply
              0
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              • Login

              • Don't have an account? Register

              • Login or register to search.
              • First post
                Last post
              0
              • Categories
              • Recent
              • Tags
              • Popular
              • World
              • Users
              • Groups