PHP Developers Network

A community of PHP developers offering assistance, advice, discussion, and friendship.
 
Loading
It is currently Mon Jun 18, 2018 2:20 pm

All times are UTC - 5 hours




Post new topic Reply to topic  [ 2 posts ] 
Author Message
PostPosted: Tue Aug 02, 2016 9:25 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4417
Location: United Kingdom
Hi. Am trying to get a div at the top of the acreen.
It has to be full width with the image going full height and width of the screen. So 1920 the image would reach 1920.

Overlaid that I want two divs side by side. Left and right but in middle of image vertically.

I tried setting main div with background image. An inner div with 0 opacity at 100% and then floating divs over that but cannot get it right. And maybe there is an easier way.

On mobile I will have the background image zoomed so it can be talking and the left right divs on top of each other.

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Tue Aug 02, 2016 10:23 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4417
Location: United Kingdom
This is what I am trying to do.

The problem is you cannot set a DIV to be 100% height of the DIV, but I need those grey buttons/divs to be in the middle side by side.

To do that I assume I need a background image, then a DIV over that to force the height of the DIVs that are side by side.

But too many position:relative and position: absolute to get it right.

I'm sure there is a simple way....


Attachments:
File comment: Screenshot of basically what I want
ss.jpg
ss.jpg [ 118.64 KiB | Viewed 1898 times ]

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 2 posts ] 

All times are UTC - 5 hours


Who is online

Users browsing this forum: Google [Bot] and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group