Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » Forum Usage » Forum How-To »

[SOLVED] Header and position of images


  #1  
Old Jan 1, 2014, 05:16 PM
egoph's Avatar
egoph
 
59 posts · Nov 2012
I want the logo(image/area) and a widget to keep there positions regarding body and menu when you resize the window. Have tried with fix positions but without luck.

Last edited by lmilesw; Jan 2, 2014 at 09:01 AM.
  #2  
Old Jan 2, 2014, 06:14 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
do you want them in a fixed position or do you want them to float as the window gets smaller or larger?

Without access to the site you need to be very detailed with your descriptions - you know what you want, but we don't.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 2, 2014, 12:44 PM
egoph's Avatar
egoph
 
59 posts · Nov 2012
I want my menu-objects(3) to remain in the same relativ position to Everything else in the window although the window size is changed.
My header is position:relative full widht
My top-widget position:absolute (its a menu inside)
My logo area a table with logo inside position:relative
My logo image position:relative
And my tagline position:absolute
I am not sure what you Think is relevant in this situation. hope its enough..

Last edited by egoph; Jan 2, 2014 at 04:33 PM.
  #4  
Old Jan 2, 2014, 04:43 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Since your site is not online, can you send some screen shots so I can see what you are talking about.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 3, 2014, 06:11 AM
egoph's Avatar
egoph
 
59 posts · Nov 2012
Here come two Pictures First As it is now and then with the window changed
As You see the positions are changed compare to menu page and sidbars
I have tried the most from %for header image and left and right for header but......
Attached Thumbnails
Click image for larger version

Name:	juggle1.PNG
Views:	314
Size:	34.1 KB
ID:	2464  Click image for larger version

Name:	juggle2.PNG
Views:	305
Size:	31.3 KB
ID:	2465  
  #6  
Old Jan 3, 2014, 09:09 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
If you set #wrapper or #container to position:relative you may be able to position items better.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Jan 4, 2014, 06:13 PM
egoph's Avatar
egoph
 
59 posts · Nov 2012
I cant see that its helping.
The menu and bars are in the header(box) and below them the wrapper with page and sidebars. Thees parts is functioning with resizing window.
In header I have a top-widget( pos=absolut) that inside has a menu and it(li) floats to the left.
Beside the top-widget I have a logo-img(pos=rel) and a tagline pos=absolute.
The header is full widht with a bg image.
I hope I have explained it enough as I am trying to learn(understand) positioning.
Rel= from its default Place somewhere regarding to first Place. The first still take space.
Abs= moves other away and you can Place it anywhere if your folder is relativ. Hope I have understood positioning right.
Still I cant fix this. Can the float be responible for something?
As I see it its the header area which is the problem or....?

Before the change to full width header Everything was ok!

Last edited by egoph; Jan 4, 2014 at 06:19 PM.
  #8  
Old Jan 4, 2014, 07:31 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Normally, the page is built as a table with three rows (this is a simplified view):
HTML Code:
<table>
<tr>Header</tr>
<tr>Middle</tr>
<tr>Footer</tr>
</table>
When you set the 'Full Width Header' option to 'Yes' the header area is removed from the table and becomes a <div></div> so you have
HTML Code:
<div>Header>
<table>
<tr>Middle</tr>
<tr>Footer</tr>
</table>
and the Header is set to a width of %100. All positioning of elements in the header happens in relation to this <div> and it is not tied to the table containing the middle and footer.

I hope this helps you out.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Jan 4, 2014, 08:18 PM
egoph's Avatar
egoph
 
59 posts · Nov 2012
thank you. I will take a consonsideration what to do. Not now as I am to tired (middle of the night) :-)
  #10  
Old Jan 5, 2014, 09:04 AM
egoph's Avatar
egoph
 
59 posts · Nov 2012
This tells me it's no use to make something with wrapper or cantainer as they are not the parent
First step..
Second thought..Do I need a parent for the header div? I dont know.

Last edited by egoph; Jan 7, 2014 at 04:47 PM.
  #11  
Old Jan 5, 2014, 04:01 PM
egoph's Avatar
egoph
 
59 posts · Nov 2012
maybe I have been overdoing this. Now I'll try to make them float in right order

Last edited by juggledad; Jan 6, 2014 at 03:42 AM.
  #12  
Old Jan 8, 2014, 03:35 AM
egoph's Avatar
egoph
 
59 posts · Nov 2012
I made the solution but in my own way I Think. Did'nt use Atas full width.
By the way I got rid of the enoying favicon-ladybug but I am not really sure why I will reconstruct if possible.
This is closed for me.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Position Logo in Header gnosis Header configuration & styling 8 Oct 10, 2013 09:13 AM
[SOLVED] header position: fixed / slider showed on the top of the header Carme Header configuration & styling 4 May 18, 2013 08:52 AM
Header widget position different in Chrome vs Firefox mhovitch Header configuration & styling 3 Dec 6, 2010 10:11 AM
[SOLVED] logo header image position incamedia Header configuration & styling 1 Aug 28, 2010 03:16 PM
Position of the logo in the header c4barbes Header configuration & styling 1 Jul 24, 2010 12:46 PM


All times are GMT -6. The time now is 01:45 PM.


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