Closed (fixed)
Project:
Zen
Version:
6.x-2.1
Component:
layout.css
Priority:
Normal
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
31 Jul 2011 at 10:45 UTC
Updated:
21 Aug 2013 at 09:51 UTC
Jump to comment: Most recent file
Comments
Comment #1
juc1 commentedHi all,
I am just wondering is the logo page element (sites/default/files/zen_logo.jpg) part of the 'header' region or does the 'header' region start only after / below the logo, like the attached image (admin/build/block) seems to show?
thank you
Comment #2
shruti.sheth commentedHello,
One of the ways for making two image clickable links in the header region can be as follows,
Steps :
1. Add your images in themes/custom/your_theme/images/
2. Create a block new block
3. In the body of the block add the following code and select the 'php code' as your input format
Please Note:- in the following code replace "image1.jpeg" and "image2.jpeg" with your image name and "path for image 1" and "path for image 2" with the link path for each image respectively.
4. Enable this block in the header region
Hope this helps!
Regards,
Shruti Sheth
Comment #3
shruti.sheth commentedHello,
@Juc1#1, The logo page element is a part of 'header' region.
Regards,
Shruti Sheth
Comment #4
juc1 commented@ shruti.sheth, thanks for your reply.
I wonder if I can do this with CSS and without the need for PHP.
http://tinyurl.com/3cjktpp
The blue logo is floated left and leaves room for a second block on the right hand side of the header region. The facebook icon is a block placed in the header region but it is appearing below the blue logo instead of on the same level. Can I use CSS to move the facebook block to the empty space on the right of the blue logo?
thank you
Comment #5
juc1 commentedIn case it's not clear, I want to move the facebook block to the top right of the header like the attached screenshot.
Thanks
Comment #6
iantresman commentedIf you haven't done so already, I recommend that you use Firefox with the Firebug plug-in. Once enabled, click HTML and the Inspection button, so that Firebug will let you inspect the CSS around the image element. I suspect a combination of
float:right<code> and <code>margin-top: -100pxwill do what you want. I then use the CSS Injector module to add the extra CSS.Comment #7
iantresman commentedTaking a look at your Web page, the following seems to do the trick:
Comment #8
juc1 commented@ iantresman, awesome thanks, it was the negative margin that I was missing.
Thank you
Comment #9
johnalbin