We value your feedback.
Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!
COURSE of the MONTH
13 days, 8 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Fluid with logo over another image
Posted on 2012-12-20
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.
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.
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
4
2
6 Comments
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&
Cd&
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&
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&
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.
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.
Featured Post
Enroll in the Certified Web Development Professional course package to learn HTML, Javascript, and PHP. Build a solid foundation to work toward your dream job!
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number.
For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS.
In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Suggested Courses
Course of the Month13 days, 8 hours left to enroll
800 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.