Solved

How can i position my link properly?

Posted on 2011-03-19
5
395 Views
Last Modified: 2012-05-11
My site is www.icqmontreal.com
On my side bar i have the "html version" link beside prayer times positioned using absolute position
When i resize my browser or use a different screen size this link changes position.How can i position this link so it is not affected by the screen size??
0
Comment
Question by:falfouli
  • 2
  • 2
5 Comments
 
LVL 27

Expert Comment

by:Lukasz Chmielewski
Comment Utility
Try to use:
top: -25px; left: 100px; position: relative;
instead of position: absolute
0
 

Author Comment

by:falfouli
Comment Utility
it works but now there is an unwanted space between prayer times and performing marriages!!
0
 
LVL 27

Expert Comment

by:Lukasz Chmielewski
Comment Utility
You would have to add td id="MPT" and combine the links inside. I just can't get it to work with both of the links inside that td with a different properties...
0
 

Author Comment

by:falfouli
Comment Utility
is there any other solution or alternative??
0
 
LVL 5

Accepted Solution

by:
SaigonJeff earned 500 total points
Comment Utility
Are you using tables or Div's?

If you are using Div tags then perhaps you could try putting the entire sidebar into a div with relative positioning, and then create another div inside the sidebar dive for the HTML link and give it absolute positioning. This ways the sidebar will float with the change in window size, but the div with the link will retain its absolute positioning within the sidebar div.

Give a try... it might just do the trick.

You can see a great tutorial on CSS Positioning here...
http://www.elated.com/articles/css-positioning/

Good luck!
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now