Part of the EllisLab Network
pMachine Pro has been replaced by ExpressionEngine, our full featured web publishing solution. Please consider upgrading.
You can download pMachine Pro here: Download pMachine Pro  |  Download Language Packs
   
 
2 small design issues I can’t figure out.  Please help!
Posted: 18 July 2005 03:19 PM   [ Ignore ]  
Summer Student
Total Posts:  13
Joined  2005-01-03

I’ve tried everything to reduce the space between the date header and the top of the entry box.  I’d like the two boxes to touch, but I can’t seem to make it happen.  (See #1)

Also, but not as important, I can’t get the entry title any higher.  I can’t find where the spacing issue is in the css file, but I’d like the title to be closer to the top of the “box” as well.  Any ideas?

http://quatreisland.com
(See attachment)

Profile
 
 
Posted: 18 July 2005 04:36 PM   [ Ignore ]   [ # 1 ]  
Research Scientist
Avatar
RankRankRankRankRankRank
Total Posts:  9853
Joined  2002-06-19

You’re doing the date header with an <h2> tag.  So, you could style it as such to make sure there is no margin or padding being applied to the bottom:

#content h2 {
  
margin-bottom: 0;
  
padding-bottom: 0;
  
}


The title is in an <h3> tag, so you can similarly style that:

#content h3 {
  
margin: 0;
  
padding: 0.3em;
  
}

 Signature 

Chris Curtis
chriscurtis.org

Profile
 
 
Posted: 18 July 2005 06:29 PM   [ Ignore ]   [ # 2 ]  
Summer Student
Total Posts:  13
Joined  2005-01-03

I’ve checked and re-checked and there are no padding or margins on bottom for h2 and no padding or margin at all on h3.  That was what I thought it was at first too, but it’s not.  I even checked in the templates (via the control panel) and there is no hard <br> anywhere that I can see that would be causing it.  Any other suggestions?

H2 {
font
-family:palatino, georgia, times new roman, serif;
font-size: 13px;
color: #8080C0;
font-weight:normal;
background: #FFF;
padding-left: 3px;
padding-top: 3px;
padding-right: 3px;
text-align:center;
border-top: 1px solid #FF80C0;
border-left: 1px solid #FF80C0;
border-right: 1px solid #FF80C0;
}


H3 {
font
-family: palatino, georgia, serif;
font-size: 11px;
font-weight: bold;
color: #8080C0;
background: #FFFFD2;
text-align: left;
letter-spacing: .2em;
}

Thank you so much.

Profile
 
 
Posted: 18 July 2005 10:19 PM   [ Ignore ]   [ # 3 ]  
Research Scientist
Avatar
RankRankRankRankRankRank
Total Posts:  9853
Joined  2002-06-19

Heading tags are naturally rendered with space around them by all browsers.  If you want to change that then you have to specifically do so with CSS as I mentioned in my first post.

 Signature 

Chris Curtis
chriscurtis.org

Profile
 
 
Posted: 19 July 2005 08:41 AM   [ Ignore ]   [ # 4 ]  
Summer Student
Total Posts:  13
Joined  2005-01-03

That works perfectly.  Obviously, it’s been a while since I did this!  I missed that it was to specifically be set to “0.”  Thanks so much for your help.

Profile
 
 
   
 
 
Post Marker Legend
New Topic New posts Hot Topic Hot Topic with new posts New Poll New Poll Moved Topic Moved Topic Sticky Topic Sticky topic
Old Topic No new posts Hot Old Topic Hot Topic with no new posts Old Poll Old Poll Closed Topic Closed Topic Announcement Announcements
Theme
Change Theme
Visitor Statistics
The most visitors ever was 233, on December 18, 2007 12:04 AM
Total Registered Members: 66456 Total Logged-in Users: 0
Total Topics: 84831 Total Anonymous Users: 0
Total Replies: 455246 Total Guests: 16
Total Posts: 540077    
Members ( View Memberlist )
Active Members: