Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.
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.
-
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
Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.
Question has a verified solution.
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
Join & Write a Comment Already a member? Login.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Originally, this post was published on Monitis Blog, you can check it
here
.
In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5.
Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property
Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Suggested Courses
Course of the Month8 days, 18 hours left to enroll
595 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.