WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Positioning element on header Empty Positioning element on header Fri Feb 12, 2010 11:39 pm

improviser


Registered Member
Registered Member
I've tried to use this code:
Code:
<div align="center" style="position:absolute; top:40px; left:65%; width:293px; height:126px;"><a href="http://www.team-xenon.com/sponzorstvo-h1.htm"><img src="http://i61.servimg.com/u/f61/11/81/90/13/sponzo10.png" width="293" height="126" border="0"/></a></div>

But absolute div counts % from the left side of the SCREEN to the right, it means that on every other resolution width the image will be placed on the other place.

I'm trying to set the div so it shows up on the same place for every screen resolution.... It would be nice when i could type left:50%+350px; but it can't be done xD

So i need an alternative, probably something i'm yet not aware of... Are there any opinions ?

BTW I'm using invision for my forum, so i can't add it with template editing... only in widgets/homepage message...

65% left will do fine, but i just want to know if theres any other option ?
On 1600x1200 the image is placed on totally wrong place, and it sticks out of the header... about 5-6 cm

2Positioning element on header Empty Re: Positioning element on header Fri Feb 12, 2010 11:50 pm

Kratos

Kratos
Registered Member
Registered Member
can u give a link to your forum ?? so i could make some calculations accordingly

3Positioning element on header Empty Re: Positioning element on header Fri Feb 12, 2010 11:53 pm

improviser


Registered Member
Registered Member
You have the link in the codes...

but its http://www.team-xenon.com

4Positioning element on header Empty Re: Positioning element on header Sat Feb 13, 2010 6:43 pm

ze_chaofan

ze_chaofan
Registered Member
Registered Member
Hello.
I'm not sure this is possible, but try this :

Create a div with absolute position, 65% from the left.
Then, in to that div, create another div (where you're going to put what you want) with relative position, 350px from the left.

But there's still a problem with too small screen resolution.

http://www.sos-forum.com/

5Positioning element on header Empty Re: Positioning element on header Sat Feb 13, 2010 8:11 pm

improviser


Registered Member
Registered Member
^ That will just create another div, and move it like 5-10% more...

so it'll be like i made absolute with 70%...

never mind it probably isn't possible to do it without relative header div... I'll wait for template editing to come out and then make it perfect...

you can lock this

6Positioning element on header Empty Re: Positioning element on header Sat Feb 13, 2010 9:35 pm

ze_chaofan

ze_chaofan
Registered Member
Registered Member
OK, so, I lock it.

http://www.sos-forum.com/

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum