: How do I generate this layout? I want to create a template like the below image. The yellow block displays a transparent background colour over the top of the header block. How can I do this

I want to create a template like the below image.

The yellow block displays a transparent background colour over the top of the header block.

How can I do this using HTML & CSS?

Thanks.

10.01% popularity Vote Up Vote Down

: Indexed webpages stopped rising, while Submited keep rising normally Last months I have noticed a strange behaviour in Google's Webmaster Tools. Although I provide a valid Sitemap for my website,

@Phylliss660

Posted in: #Googlebot #GoogleIndex #GoogleSearchConsole #Indexing #Sitemap

3 Comments

: Getting the full referral URL from Google Analytics I have looked how to find this information and all I can find is old information on how to do it which doesn't work now, such as: http://www.sebastienpage.com/2009/05/06

@Phylliss660

Posted in: #Google #GoogleAnalytics #Url

2 Comments

: CSS color marked as invalid by code inspector On this page, there is a "read more..." link towards the end of the page, enclosed in <span id="s-hpi"></span> There is CSS: #s-hpi {

@Phylliss660

Posted in: #Css

2 Comments

: Google sitemap HrefLang tag without the main site url We have websites with multilingual content. e.g. http://www.example.com/about-us/ http://www.example.com/en-HK/about-us/ http://www.example.com/en-GB/about-us/

@Phylliss660

Posted in: #Google #Hreflang #Internationalization #Multilingual #Sitemap

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Lengel546

Absolute positioning inside relative objects in CSS will give you the ability to position an object outside of the normal flow and to overlap items.

The outer element (which holds the object) should be set to position: relative and the object inside it that you want to control freely should be set to position:absolute.

The position of the absolute object can then be controlled by the left, right, top and bottom properties.

Also, you may find z-index helpful as this specifies the order that objects are layered on top of each other.

Read more here: css-tricks.com/absolute-positioning-inside-relative-positioning/

10% popularity Vote Up Vote Down

Feed

: How do I generate this layout? I want to create a template like the below image. The yellow block displays a transparent background colour over the top of the header block. How can I do this

More posts by @Phylliss660

: Indexed webpages stopped rising, while Submited keep rising normally Last months I have noticed a strange behaviour in Google's Webmaster Tools. Although I provide a valid Sitemap for my website,

: Getting the full referral URL from Google Analytics I have looked how to find this information and all I can find is old information on how to do it which doesn't work now, such as: http://www.sebastienpage.com/2009/05/06

: CSS color marked as invalid by code inspector On this page, there is a "read more..." link towards the end of the page, enclosed in <span id="s-hpi"></span> There is CSS: #s-hpi {

: Google sitemap HrefLang tag without the main site url We have websites with multilingual content. e.g. http://www.example.com/about-us/ http://www.example.com/en-HK/about-us/ http://www.example.com/en-GB/about-us/

Login to post a comment!

1 Comments

Back to top | Use Dark Theme