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 » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

How do I make search box appear in front of logo image?


  #1  
Old Nov 9, 2009, 08:21 AM
Dennis
 
26 posts · Nov 2009
I have finally worked out how to put in a logo image at the top of the screen... but now the search box disappears behind it. What am I doing wrong?

I also would like to have a my own search button connected to the search field (that you can click). Where should I upload this and should I change any code(where/what)?

I know that there are many threads already dealing with these matters... but I have very little experience in code and basically don't understand the short replies given. Can somebody help me?

Last edited by Dennis; Nov 10, 2009 at 10:11 AM.
  #2  
Old Nov 10, 2009, 10:10 AM
Dennis
 
26 posts · Nov 2009
Pleeease help me!
  #3  
Old Nov 10, 2009, 10:42 AM
juggledad's Avatar
juggledad
 
23,630 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
check your z-index
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Nov 10, 2009, 10:46 AM
Dennis
 
26 posts · Nov 2009
Where should I change my z-index and to what (so it will be higher than the Logo) ?
  #5  
Old Nov 10, 2009, 01:21 PM
juggledad's Avatar
juggledad
 
23,630 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what's your URL
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Nov 10, 2009, 02:16 PM
Dennis
 
26 posts · Nov 2009
www.handyhansen.dk
  #7  
Old Nov 10, 2009, 02:17 PM
Dennis
 
26 posts · Nov 2009
But right now I have changed my design a bit - because I couldn't make it work.. but it would be nice if you could give me a tip! :0)
  #8  
Old Nov 11, 2009, 05:58 AM
juggledad's Avatar
juggledad
 
23,630 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the problem with the way you have this implimented is that the header area is a table.
The logo area is a row of the table
the logo is a cell of the logo row, and the search box is a cell in the logo row

You can't have cells in a table overlap (least not to my knowledge)

So if you want to have the search box overlay your really big logo, you are going to have to change the code and make it a <div> inside the logo <div>
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to make logo area on beside or overlay header image? phuongnv Header configuration & styling 16 Mar 17, 2011 06:09 PM
Want to move the search box under the logo neska0209 Header configuration & styling 3 Jul 14, 2009 07:34 PM
Switch positions of logo and search box? Logo on right side DogBot Header configuration & styling 1 Jun 12, 2009 10:17 AM
Want to make background image visible through logo div keblake Header configuration & styling 4 Mar 11, 2009 08:32 PM


All times are GMT -6. The time now is 03:49 PM.


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