|
|
|
| ||||||||||||||||||||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
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. |
|
#2
|
||||
|
||||
|
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. |
|
#3
|
|||
|
|||
|
I would think that if you wanted to target the links, you should be targeting the anchor tag ( A ) instead of the H3 tag.
|
|
#4
|
||||
|
||||
|
Quote:
Can you use A1, A2, A3 etc because I do not want all my links to conform to the same rules and positioning. Quote:
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 |
|
#5
|
|||
|
|||
|
Anybody?
|
|
#6
|
|||
|
|||
|
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. |
|
#7
|
|||
|
|||
|
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 |
|
#8
|
|||
|
|||
|
Quote:
I think this has sorted it, thanks DonR ( and you LDHosting) |
![]() |
| Viewing: Dev Shed Forums > Web Design > CSS Help > Fixing links on a page in relation to borders |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|
|