PHP Developers Network

A community of PHP developers offering assistance, advice, discussion, and friendship.
 
Loading
It is currently Sun Oct 22, 2017 7:26 pm

All times are UTC - 5 hours




Post new topic Reply to topic  [ 2 posts ] 
Author Message
PostPosted: Mon Aug 21, 2017 2:40 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4349
Location: United Kingdom
I have various pages with full width images, and each one is laid out slightly differently, but why is this one not sitting in the bottom of the box?

Syntax: [ Download ] [ Hide ]
<style>.home-promo-inner.pc
{
text-align: left;
position: absolute;
bottom: 40px;
left: 0px;
z-index:1;
width: 45%;
}

.home-promo-inner
{
text-align: left;
position: absolute;
top: 40px;
left: 0px;
z-index:1;
width: 45%;
}

.home-promo-inner.home
{
text-align: center;
position: absolute;
top: 40px;
left: 30%;
z-index:1;
width: 39%;
}</style>


Syntax: [ Download ] [ Hide ]
<div class='home-promo-others'>
<div class='home-promo-inner pc'>
<h1>title here</h1>
<h3>sub title here</h3>
<p>paragraph text here.</p>
</div>
<img
 srcset='/images/homeg_475.jpg 475w,
/images/home_768.jpg 768w,
/images/home_1024.jpg 1024w,
/images/home.jpg 1920w,
/images/home.jpg 2560w'

 src='/images/home.jpg' alt='alt here' />
</div>

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


Top
 Profile  
 
PostPosted: Mon Aug 21, 2017 3:54 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4349
Location: United Kingdom
It will take the text aligning and widths, but the 'absolute positioning' is being ignored. If I alter it in the .home-promo-inner, it will take effect.

_________________
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: No registered users and 4 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