css geniuses
- Started
- Last post
- 7 Responses
- abettertomorrow0
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 worksabettertomorrow
- when i remove the 291px the block of text disappears. where do i add the .entry code?_salisae_
- Just anywhere in the CSS fileabettertomorrow
- _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; entirelyabettertomorrow
- display: none;topic
- And then add the other thing I posted aboveabettertomorrow
- for the car-go thing in the first placetopic
- display:none is commented out alreadyabettertomorrow
- bastagestopic
- abettertomorrow0
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.
- _salisae_0
oh my good god it's fixed. thank you!!!!!
- i never realized programming could be so exciting._salisae_
- hahaha!abettertomorrow
- no problem Shari. Good luck with the job hunt.abettertomorrow
- cheers abt. i owe you one!_salisae_
- studderine0
you love your clients like you love your family? come on..