priyo priyo - 1 year ago 107
CSS Question

Put a link over the right border

The following script would generate a display like this:

nav { position: fixed; left: 10em; top: 5em; border-right: 100px solid #0000cc; box-shadow: 4px 0 5px rgba(0,0,0,0.8);}
<nav><a href="">Google</a>

enter image description here

I would like link located on the right border as shown below:
enter image description here

how to fix those script ?
Thank you for the help.

Answer Source


Here is a working fiddle for your problem.

I've simply added an ID to your link, called "floatingLink", changed the color of the link to white (#fff) and positioned it absolutely. Change the top and/or left properties to adjust the position.

The code that achieves it is:

#floatingLink {
  position : absolute;
  left: 7.5em; 
  top: 1em;
  z-index: 1;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download