html - all the links are changing if I click on one link -
I'm new here as well as web designing. So i know a little bit
In my practice web design, I have 5 NAV Links set up and they are styled to use CSS. This is my CSS code:
body {background-color: # f9f9f9; Margin: 0; Border-top: 2px solid # 020202; Color: # 1C1C1C; Font-family: "Ariel", "Hellevica", without-serif; }. Clear {clear: both; } Li {font-weight: bold; Margin-top: 15px; List-style-type: none; Swim left; Margin-left: 60px; Height: 20px; Text align: center; }. Wiper {width: 960px; Margin: 0 auto; } NAV {Width: 960px; Margin-top: 30px; float right; } IMG {margin-right: 150px; Width: 50px; float right; } A {color: black; } A: visited {color: # 15a02c; } A: Hover {color: # 97d586; } Period {font-style: Italic; Color: # 03da35; } H1 {font-size: 23px; Margin-top: 80px; Font-weight: boulder; Margin-left: 5px; } #content img {width: 400px; Swim left; Margin-top: 50px; } H2 {font-weight: normal; Font-size: 22px; Indent-top: 10px} p {font size: 13px; font-weight: bold; Margin-top: 30px; } Footer IMG {width: 720px; Height: 86px; Margin-top: 100px; float right; } # B_b {width: auto; Height: 17px; Background color: black; } And this is my html:
& Lt; Div class = "clear" & gt; & Lt; / Div & gt; & Lt; Img src = "logo.jpg" alt = "ringo logo" & gt; & Lt; Div class = "clear" & gt; & Lt; / Div & gt; & Lt; H2 & gt; Freelance Flash & amp; Web developer & lt; / H2 & gt; & Lt; P & gt; My & lt; Span & gt; Work & lt; / Span & gt; And my & lt; Span & gt; Resume. & Lt; / Span & gt; I & lt; Period & gt; Available & lt; / Span & gt; & Lt; Span & gt; Freelance & lt; / Span & gt; Flash & amp; Web Developer. & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Footer & gt; & Lt; Div class = "wrapper" & gt; & Lt; Img src = "footer.jpg" alt = "footer" & gt; & Lt; Div class = "clear" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "b_b" & gt; & Lt; / Div & gt; & Lt; / Footer & gt; & Lt; / Body & gt; & Lt; / Html & gt; Now when I click on a link like Home, all links are green as they all visit.
Because all links' href attribute has the same value: # . Make them different, for example:
Also change your unordered list ( ul ). Do not carry naked list item ( li ) in anchor ( one ) it adheres to the standard standards appropriately. & lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "# home" & gt; Home & lt; / A & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; A href = "#work" & gt; Work & lt; / A & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; A href = "# restart" & gt; Reload & lt; / A & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; A href = "# Freelance" & gt; Freelance & lt; / A & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; A href = "# contact" & gt; Contact & lt; / A & gt; & Lt; / li & gt; & Lt; / Ul & gt;
Comments
Post a Comment