Question about building a specific web page design. |
Question about building a specific web page design. |
kmckown |
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 |
coothead |
Aug 26 2024, 03:48 PM
Post
#2
|
Advanced Member Group: Members Posts: 226 Joined: 12-January 23 From: chertsey, a small town 25 miles south west of london, england Member No.: 28,743 |
Hi there kmckown,
coothead This post has been edited by coothead: Aug 26 2024, 04:19 PM |
kmckown |
Aug 27 2024, 07:35 AM
Post
#3
|
Group: Members Posts: 2 Joined: 26-August 24 Member No.: 29,228 |
Thanks so much for the welcome, and thanks for the code snippet, this is very close, but I think my mock was bad, this is more what I am trying to achieve. I want the image to overlay the text box in normal mode.
|
coothead |
Aug 27 2024, 06:50 PM
Post
#4
|
Advanced Member Group: Members Posts: 226 Joined: 12-January 23 From: chertsey, a small town 25 miles south west of london, england Member No.: 28,743 |
Hi there kmckown,
coothead |
coothead |
Aug 28 2024, 04:59 AM
Post
#5
|
Advanced Member Group: Members Posts: 226 Joined: 12-January 23 From: chertsey, a small town 25 miles south west of london, england Member No.: 28,743 |
Hi there kmckown,
coothead |
Lo-Fi Version | Time is now: 7th October 2024 - 06:14 PM |