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)


  #1  
Old Apr 13, 2010, 01:51 PM
lambdaka's Avatar
lambdaka
 
94 posts · Apr 2010
France
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.
  #2  
Old Apr 13, 2010, 02:56 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
there can only be 1 element on a page with an ID. You are calling yours'container' however that ID is already being used. try calling yours xx-container
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Apr 13, 2010, 06:19 PM
lambdaka's Avatar
lambdaka
 
94 posts · Apr 2010
France
Hi Thanks !
How do you know all that !! ??

I tried lot of different things..But nothing seems to change anything...
The only thing I manage to done workin was table !

I will try again tomorrow..!
Thanks.

I will donate ASAP
  #4  
Old Apr 13, 2010, 06:30 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
well I know about the fact that ID's have to be unique on a page because I've read some css manuals. I know that there are two id='container' because I see one in your code and have looked at enough code to be familiar with how wordpress builds the pages.

There is a HOW TO in the tutural section of the gold forum (you need to have donated at lease $20 for access) explaining how to 'float;' a button over the header. The same principal would hold forth for what you are trying
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Apr 14, 2010, 05:11 AM
lambdaka's Avatar
lambdaka
 
94 posts · Apr 2010
France
Yes css manuals !!

Ok...Thanks!
I didn't know there was a tutorial section...

I just made a donation trough paypal...

Thanks again...!

Is my access to tutorials will be automatic...?
  #6  
Old Apr 14, 2010, 05:20 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If you made the donation via this forum (the donate link above) to bytes for all, then the credit is automatic. iF you donated to me via the forum, i'll give you the credit as soon as I get conformation.

If you did the donation straight thru pay pal, send me a copy of the pay pal confirmation in a private message and I'll see what I can do
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Apr 14, 2010, 08:51 AM
lambdaka's Avatar
lambdaka
 
94 posts · Apr 2010
France

Thanks !
Will check the tutorials...

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


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:55 PM.


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