Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

header and positioning elements (absloute vs relative)


 
Prev Previous Post   Next Post Next
  #1  
Old Apr 13, 2010, 01:51 PM
lambdaka's Avatar
lambdaka
 
94 posts · Apr 2010
France
header and positioning elements (absolute vs relative)

Hi !
I m gonna turn crazy...
many hours trying to put some elements in my header... ! ! (by the way I would like them to be aligned to the horizontal, but seems impossible with my container..
here is the website :
http://krikor.fr/contact/

I use the header area (where we put %images etc..)
So used this code with a div in position absolute

Code:
 %image 


<style type="text/css" media="screen">
<!--
#rollover {
	overflow:hidden;
	background-image:url(http://www.krikor.fr/wp-content/uploads/utiles/header/images_menu/face.png); 
	height: 24px; 
	width:25px; 
	display:block; 
	}
	
#rollover1 {
	overflow:hidden;
	background-image:url(http://www.krikor.fr/wp-content/uploads/utiles/header/images_menu/twit.png); 
	height: 24px; 
	width:25px; 
	display:block; 
	}
	
#rollover2 {
	overflow:hidden;
	background-image:url(http://www.krikor.fr/wp-content/uploads/utiles/header/images_menu/last.png); 
	height: 24px; 
	width:25px; 
	display:block; 
	}
	
#rollover3 {
	overflow:hidden;
	background-image:url(http://www.krikor.fr/wp-content/uploads/utiles/header/images_menu/mysp.png); 
	height: 24px; 
	width:25px; 
	display:block; 
	}
	
#rollover span, #rollover1 span, #rollover2 span, #rollover3 span { display:none; font-size:x-small; }
	
#rollover:hover, #rollover1:hover, #rollover2:hover, #rollover3:hover{ background-position:0px -24px; }

#container {
	position: absolute;
	left: 920px;
	top: 0px;
	width: 150px;
}		
	
-->
</style>



<div id="container"> 

<a href="http://www.facebook.com/pages/Krikor/28315890427?ref=ts/" target="_blank" id="rollover"><span>fb</span></a>
<a href="http://www.facebook.com/pages/Krikor/28315890427?ref=ts/" target="_blank" id="rollover1"><span>twt</span></a>
<a href="http://www.facebook.com/pages/Krikor/28315890427?ref=ts/" target="_blank" id="rollover2"><span>lfm</span></a>
<a href="http://www.facebook.com/pages/Krikor/28315890427?ref=ts/" target="_blank" id="rollover3"><span>msp</span></a>
</div>




%bar2
but when I resize my window my container is not moving at all, it will move with the scroll, but not while I'm resizing the window..
So I tried position:relative but seems to be relative to te center column and not to the header, so I can make top:-50px but my header will expand ! !

How can I choose the position of my elements..?

Last edited by lambdaka; Apr 13, 2010 at 06:20 PM.
 

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
relative url in header area cway Header configuration & styling 0 Apr 8, 2010 08:14 AM
Overlaying & Positioning the ATA Search Bar over a replacement header YOU created? rhythm Header configuration & styling 8 Mar 9, 2010 11:12 AM
Styling all the elements of the comment box via CSS inserts perdox808 Comments, trackbacks & pings 7 Jun 14, 2009 02:59 PM
Inserting a Relative URL to the style.css file? tangch00 Atahualpa 3 Wordpress theme 0 May 9, 2009 02:38 AM


All times are GMT -6. The time now is 11:41 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.