The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Question about building a specific web page design.
kmckown
post Aug 26 2024, 08:40 AM
Post #1





Group: Members
Posts: 2
Joined: 26-August 24
Member No.: 29,228



It has been a while since I stretched my HTML/CSS legs and am trying to figure out how to build something. Basically I want a single row (using divs) that has a gray text box with a transparent image overlaying the box. The gray box does not go all the way across the div, but the image does overlay part of it. I want to achieve this with HTML and CSS. I have attached a crude image of what I am trying to achieve. I also need this to be responsive in mobile where the text box fills the first row, and the image drops below the text box.

Any help would be greatly appreciate

https://ztgd.com/images/test_web.jpg
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
coothead
post Aug 28 2024, 04:59 AM
Post #2


Advanced Member
****

Group: Members
Posts: 234
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743



Hi there kmckown,

use this coding improved attachment instead...

Attached File  kmckown_revised.zip ( 95.78k ) Number of downloads: 29



coothead
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 7th December 2024 - 05:45 AM