CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old October 31st, 2009, 06:37 PM
mrcarmine mrcarmine is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: May 2009
Posts: 15 mrcarmine User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 38 m 26 sec
Reputation Power: 0
Fixing links on a page in relation to borders

Hello

I am trying to fix my links so they remain in the same place regardless of how large the users window is when they browse the site. I have tried using the following code in my style sheet.

h3

{
position:absolute;
bottom:330px;
top:670px;
}


but the link still moves around when you minimise the browser on the site. Bear in mind I have a think black border as well which runs all around the screen.

Any help would be much appreciated.

Reply With Quote
  #2  
Old November 1st, 2009, 03:33 AM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Dev Shed God 24th Plane (16500 - 16999 posts)
 
Join Date: Jul 2004
Location: USA
Posts: 16,673 Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 17th Grade (Above 100000 Reputation Level) 
Time spent in forums: 4 Months 3 Days 20 h 26 m 53 sec
Reputation Power: 2121
It's hard to give advice without having seen an example page.

*** Thread moved to CSS Forum ***
__________________
Spreading knowledge, one newbie at a time.

Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

Check out my blog.

Reply With Quote
  #3  
Old November 1st, 2009, 03:55 AM
DonR DonR is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Oct 2009
Posts: 45 DonR User rank is Sergeant (500 - 2000 Reputation Level)DonR User rank is Sergeant (500 - 2000 Reputation Level)DonR User rank is Sergeant (500 - 2000 Reputation Level)DonR User rank is Sergeant (500 - 2000 Reputation Level)DonR User rank is Sergeant (500 - 2000 Reputation Level)  Folding Points: 2531 Folding Title: Novice Folder
Time spent in forums: 19 h 46 m 18 sec
Reputation Power: 11
I would think that if you wanted to target the links, you should be targeting the anchor tag ( A ) instead of the H3 tag.

Reply With Quote
  #4  
Old November 1st, 2009, 05:50 AM
mrcarmine mrcarmine is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: May 2009
Posts: 15 mrcarmine User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 38 m 26 sec
Reputation Power: 0
Quote:
I would think that if you wanted to target the links, you should be targeting the anchor tag ( A ) instead of the H3 tag.


Can you use A1, A2, A3 etc because I do not want all my links to conform to the same rules and positioning.


Quote:
It's hard to give advice without having seen an example page.


This is it with a full screen.



This is what happens when the screen is minimised, the links all dig into the border and it looks ugly.



I need a way to make the links 'anchor' themselves in relation the border so they always maintain a certain distance regardless of screen size. If this cant be done in HTML, then I am willing to write some PHP, Java, whatever takes.


Thanks

Reply With Quote
  #5  
Old November 1st, 2009, 10:53 AM
mrcarmine mrcarmine is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: May 2009
Posts: 15 mrcarmine User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 38 m 26 sec
Reputation Power: 0
Anybody?

Reply With Quote
  #6  
Old November 1st, 2009, 03:34 PM
DonR DonR is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Oct 2009
Posts: 45 DonR User rank is Sergeant (500 - 2000 Reputation Level)DonR User rank is Sergeant (500 - 2000 Reputation Level)DonR User rank is Sergeant (500 - 2000 Reputation Level)DonR User rank is Sergeant (500 - 2000 Reputation Level)DonR User rank is Sergeant (500 - 2000 Reputation Level)  Folding Points: 2531 Folding Title: Novice Folder
Time spent in forums: 19 h 46 m 18 sec
Reputation Power: 11
to target each individual link, just give each link an individual css class such as your A1, A2, A3, ..... then, you can target each A tag as needed.

example= < a href="#" class="A1" title="my A1 class link" target="_blank" >My A1 link text< /a >


Also, if you want the links to be able to move with screen change, you can't use absolute positioning..you must go to relative positioning, so, things stay "relative" to what you want them to if you understand my meaning.

Reply With Quote
  #7  
Old November 2nd, 2009, 08:02 AM
LDHosting LDHosting is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Apr 2009
Posts: 251 LDHosting User rank is First Lieutenant (10000 - 20000 Reputation Level)LDHosting User rank is First Lieutenant (10000 - 20000 Reputation Level)LDHosting User rank is First Lieutenant (10000 - 20000 Reputation Level)LDHosting User rank is First Lieutenant (10000 - 20000 Reputation Level)LDHosting User rank is First Lieutenant (10000 - 20000 Reputation Level)LDHosting User rank is First Lieutenant (10000 - 20000 Reputation Level)LDHosting User rank is First Lieutenant (10000 - 20000 Reputation Level)LDHosting User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 4 Days 4 h 31 m 15 sec
Reputation Power: 114
I don't know if that big black border is set on the body or whether it's a div. If it's a div, you can set the positioning for it to position:relative; and height to 100%. Once that's done, you should be able to use position:absolute; on the link with a bottom: tag.

There's a few different ways of doing it though. If you can't figure it out, please give us a link to your website so we can give you more detailed info on how to make it work properly.
__________________
Quality European Web Hosting - LDHosting.com
High Quality, Low Cost Web Hosting Services
www.ldhosting.com

Reply With Quote
  #8  
Old November 2nd, 2009, 01:54 PM
mrcarmine mrcarmine is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: May 2009
Posts: 15 mrcarmine User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 38 m 26 sec
Reputation Power: 0
Quote:
Originally Posted by DonR
to target each individual link, just give each link an individual css class such as your A1, A2, A3, ..... then, you can target each A tag as needed.

example= < a href="#" class="A1" title="my A1 class link" target="_blank" >My A1 link text< /a >


Also, if you want the links to be able to move with screen change, you can't use absolute positioning..you must go to relative positioning, so, things stay "relative" to what you want them to if you understand my meaning.


I think this has sorted it, thanks DonR ( and you LDHosting)

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > Fixing links on a page in relation to borders


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump




 Free IT White Papers!
 
How to Present Effectively Online
This white paper offers practical and actionable advice on the key steps that any presenter should consider as they plan and execute a Webinar or online meeting.

 
Open Source Security Myths
Open Source Software (OSS) is computer software whose source code is available to the general public with relaxed or non-existent intellectual property restrictions (or arrangement such as the public domain), and is usually developed with the input of many contributors.

 
Power and Cooling Capacity Management for Data Centers
This paper describes the principles for achieving power and cooling capacity management.

 
Scalable, Fault-Tolerant NAS for Oracle - The Next Generation
For several years NAS has been evolving as a storage alternative for Oracle databases, and for good reason: NAS is quite often the simplest, most cost-effective storage approach for Oracle. Learn about the benefits that HP's approach to scalable NAS brings to Oracle environments in this comprehensive white paper.

 
Understanding Web Application Security Challenges
This white paper discusses many common threats and preventive measures for Web application security, and explains what you can do to help protect your organization.

 

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 




© 2003-2009 by Developer Shed. All rights reserved. DS Cluster 5 Hosted by Hostway
For more Enterprise Application Development news, visit eWeek