PDA

View Full Version : div alignment in css issue



Webpacks
Mar 18th, 2010, 11:44 AM
Hi All

I'm working on this design: http://79.170.44.133/procomtraining.co.uk/blog/ and I'm having problems positioning the two <p> divs in the 'indent div'

I need to be able to control the position of these two divs without effect the header image....any help would be very much appreciated.

Thanks in advance

Neil

abduraooft
Mar 18th, 2010, 12:04 PM
I need to be able to control the position of these two divs without effect the header image....any help would be very much appreciated. Please be a little more specific on your requirement.

Webpacks
Mar 18th, 2010, 12:39 PM
Hi..what I mean is I need to be able to position those two divs ('LOOKING FOR IDEAS' and the 'Read more' button...both wrapped in <p> divs) independantly of the header image...when I try to position them the header image changes too. I want to be able to plave them a little higher so they both appear against the header image...if that makes sense?

Many thanks

Neil

abduraooft
Mar 18th, 2010, 01:35 PM
You don't need to seperate that http://79.170.44.133/procomtraining.co.uk/blog/wp-content/themes/theme982/images/slogan.gif from the background.

To place that "read more" button, try the following CSS/cahges

.header {/*style.css (line 38)*/
/*height:410px;*/
}
.logo {/*style.css (line 76)*/
float:left;
/*height:108px;*/
}
.flash {/*style.css (line 40)*/
clear:both;
/*height:330px;*/
overflow:hidden;
}
.flash .indent {style.css (line 43)
background:transparent url(images/header.jpg) no-repeat scroll 0 bottom;
height:168px;
/*padding:240px 252px 12px 0;*/
text-align:center;
}
.flash .indent p img{
margin-left:240px;
}

Webpacks
Mar 18th, 2010, 07:29 PM
Many thanks..all sorted

Neil