css geniuses
- Started
- Last post
- 7 Responses
- ********0
Looks like there are too separate problems.
#maincontainer has a fixed height of 291px which is causing the thumbnails to appear higher than they should. Remove the height value from the stylesheet.
Also add the following:
.entry {
background:#FFF;
}- That's just a quick attempt using Chrome inspector. Let me know if it works********
- when i remove the 291px the block of text disappears. where do i add the .entry code?_salisae_
- Just anywhere in the CSS file********
- That's just a quick attempt using Chrome inspector. Let me know if it works
- _salisae_0
#content_container {
padding: 70px 0 0 270px;
position: relative;
width: 705px;
z-index: 10;]
}/* Content > Project content
********************************...#maincontainer {
/*display: none;*/
margin: 0 0 35px 0;
width: 705px;
background: url(http://www.sharieaton.com/cc... no-repeat;
height: 291px;
border-bottom: 2px #ebebeb solid;
}- Yeah, try removing the height: 291px; entirely********
- display: none;********
- And then add the other thing I posted above********
- for the car-go thing in the first place********
- display:none is commented out already********
- bastages********
- Yeah, try removing the height: 291px; entirely
- ********0
To get the text to display on the homepage only, you can add a min-height to that element. So:
#maincontainer {
/*display: none;*/
margin: 0 0 35px 0;
width: 705px;
background: url(http://www.sharieaton.com/cc... no-repeat;
min-height: 291px;
border-bottom: 2px #ebebeb solid;
}.entry {
background:#FFF;
}That way the div with the image background will always be at least 291px high, but will also expand to the height of the content inside it.
- _salisae_0
i tried taking the height value away but the block of copy disappears. hrmmmmm.
- studderine0
you love your clients like you love your family? come on..