Solved

Fluid with logo over another image

Posted on 2012-12-20
6
178 Views
Last Modified: 2013-01-29
I'll be placing an image where the header currently is here and wanted the logo to still be positioned absolutely over it where it is now to the left, but to reduce with height:auto at fluid widths.

How would be the best way to do it? Do I need to give the image container a % width?  The middle banner is fluid, but for some reason I can't get the logo to reduce fluidly..

If someone could maybe check in an inspector? Any help appreciated.
0
Comment
Question by:UName10
  • 4
  • 2
6 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 38711327
You might want to start by validating the code and correcting the errors.  Several of the errors are serious including a duplicate id declaration and an unclosed tag.

Cd&
0
 

Author Comment

by:UName10
ID: 38757042
Sorry for the late reply and thanks for the comment.

Could you point me to them?
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 38759984
Go to http://validator.w3.org/ to validate the HTML, then run the CSS through the validator at http://jigsaw.w3.org/css-validator/

Once the error are corrected, the problems will become manageable, or may be gone.  With correct code we will be able to apply whatever properties we need to correct anything that is still wrong.

Cd&
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Comment

by:UName10
ID: 38813997
Hi there,

Sorry for the delay; managed to fix it and yeah there were quite a few - I save the test template instead which was messy code, thanks for pointing it out.

I've actually changed it now so it's redundant, but thank you for taking the time to have a look, much appreciated.
0
 

Accepted Solution

by:
UName10 earned 0 total points
ID: 38814002
Oh but the way to do it just make the logo width a percentage based on the parent div as normal, and set the height to auto again.  I hasn't set the width which is why it didn't work.
0
 

Author Closing Comment

by:UName10
ID: 38830283
It works.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

896 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now