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.

Results 1 to 6 of 6

Thread: Link Problems

  1. #1
    Junior Member
    Join Date
    Mar 2006
    Posts
    19
    Member #
    12768
    On my site,
    http://www.freewebs.com/fiddle-sticks/index.html
    I have two, two word links, they are "About Me" and "Contact Me". But my problem is that the "Me" on both links goes down a line and then behind my content div. But then sometimes they are fine and you can see them. How can I fix this?

  2.  

  3. #2
    Senior Member Shani's Avatar
    Join Date
    Nov 2004
    Posts
    1,140
    Member #
    8171
    Try putting them in a container to constrain the position. It changes from page to page also, not sure why.

    background.bmp should be in the <body> tag on the CSS document, not on the pages.
    Shani

    I have an eye for detail like you'd never believe.

  4. #3
    Junior Member
    Join Date
    Mar 2006
    Posts
    19
    Member #
    12768
    Well I found out that it looks normal the first time, but if you refresh they move away then.

  5. #4
    Senior Member Shani's Avatar
    Join Date
    Nov 2004
    Posts
    1,140
    Member #
    8171
    Okay, first of all, there is no need, in this case, to have every link in its own div. Nor do they need specific ids. As I mentioned before, set up a container, and then apply a class to each link.

    This should work:
    Code:
    CSS
    #nav{position:absolute; top:165px; left:5px; width:569px}
    .dc{margin-right:10px; }
    HTML Code:
    <div id="nav">
    <a class="dc" href="about.html">About Me</a> 
    <a class="dc" href="works.html">Works</a> 
    <a class="dc" href="contact.html">Contact Me</a>
    <a class="dc" href="index.html">Home</a>
    </div>
    Explanation:
    The #nav sets the position and width of the entire set of links.
    The .dc class gives a margin so they are not right on top of each other. Say you wanted each of your links to have a border, you would add the attributes to the .dc style. As long as everything between the [minicode]<div id="nav>list of links!</div>[/minicode] together (including all borders, margins & padding) is less than 569 pixels, everything should be straight.

    PS If you want to remove the link when on the page, change the <a> to a <span>
    HTML Code:
    <span class="dc">Home</span>
    Just realize that in this case, the fonts are styled in the <a> so maybe make another class, with the attributes you want, and set the "I'm on this page" to that class.


    PS, you do not need to use "dc" as the name of your attribute, obviously, but I did not want to reuse the word "nav" nor did I want to use "link" or "links."
    Shani

    I have an eye for detail like you'd never believe.

  6. #5
    Junior Member
    Join Date
    Mar 2006
    Posts
    19
    Member #
    12768
    Ok, so I hope this is my last question. But how can I make my Home link stay in the far right? I am very sorry for all the questions too.

  7. #6
    Senior Member Shani's Avatar
    Join Date
    Nov 2004
    Posts
    1,140
    Member #
    8171
    Code modifications from earlier post.
    HTML change of class for home.
    CSS .dc add float:left and addition of .dc2

    Code:
    CSS
    #nav{position:absolute; top:165px; left:5px; width:569px}
    .dc{margin-right:10px; float:left; }
    .dc2{float:right}
    HTML Code:
    <div id="nav">
    <a class="dc" href="about.html">About Me</a> 
    <a class="dc" href="works.html">Works</a> 
    <a class="dc" href="contact.html">Contact Me</a>
    <a class="dc2" href="index.html">Home</a>
    </div>
    There are other ways to get this done, but this is the quickest.
    Shani

    I have an eye for detail like you'd never believe.


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 09:54 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com