Column Spacing WAYYY Off
Posted: 18 June 2008 07:18 AM   [ Ignore ]  
Lab Assistant
RankRank
Total Posts:  116
Joined  01-05-2008

My column spacing is way off - check here on the left column.


I can’t find why it would be off.  Here is my code.  Any ideas?

<h2 class="health">Health and Wellness</h2><br>
<
div class="clr"></div>
{exp:weblog:entries weblog="classtest" show_expired="no" show_future_entries ="yes"}

<div class="upcoming_class">
<
div class="article">

{if ccategory == "Health & Wellness"}

                
<div style="height: 55px;width: 55px;float: left;" class="img_health">{exp:ee_typography allow_image_urls="y"} <a href="www.theindyannex.com/index.php?site/Health_Class/{url_title}">{field_id_34} </a>{/exp:ee_typography}</div>
                         
                  <
div class="text_article">

                       
                                         <
p><a href="index.php?site/Health_Class/{url_title}"  class="title_health"><strong>{title}</strong> w/ {field_id_6}<br></a></p>
                                       <
p>{field_id_1}</p>
                                       
{!--<p><strong><a class="more_info_health">{entry_date format="%l, %F %j, %Y"} {field_id_13} - {field_id_53}</a></strong></p>--}
                         

                                   {exp
:repeet:list_dates from="today" to="2 months" entry_date="{entry_date format="%Y-%m-%d %H:%i"}" expiration_date="{expiration_date format="%Y-%m-%d %H:%i"}"
                                   
max_list="5" interval="{repeat_interval}"}
                                   {repeet
:include_dates}{include_dates}{/repeet:include_dates}
                                   {repeet
:exclude_dates}{exclude_dates}{/repeet:exclude_dates}
                                   {repeet
:display}

                                               
<p><strong><a class="more_info_health">
                                                
{repeet:start_time format="%l, %F %d, %Y"} {field_id_13} - {field_id_53}
                                               
</a></strong></p>



                               
{/repeet:display}
                               {
/exp:repeet:list_dates}
                               
</div>


{/if}

</div>
</
div>
{if no_results}
<p class="more_info_health coming_soon">Classes Coming Soon!</p>
{/if}
{
/exp:weblog:entries}




<h2 class="personal">Personal Development</h2><br />
<
div class="clr"></div>
{exp:weblog:entries weblog="classtest" show_expired="no" show_future_entries ="yes"}

<div class="upcoming_class">
<
div class="article">

{if ccategory == "Personal Development"}

                
<div style="height: 55px;width: 55px;float: left;" class="img_personal">{exp:ee_typography allow_image_urls="y"} <a href="www.theindyannex.com/index.php?site/Dev_Class/{url_title}">{field_id_34} </a>{/exp:ee_typography}</div>
                         
                  <
div class="text_article">

                       
                                         <
p><a href="index.php?site/Dev_Class/{url_title}"  class="title_personal"><strong>{title}</strong> w/ {field_id_6}<br></a></p>
                                       <
p>{field_id_1}</p>
                                       
{!--<p><strong><a class="more_info_personal">{entry_date format="%l, %F %j, %Y"} {field_id_13} - {field_id_53}</a></strong></p>--}
                         

                                   {exp
:repeet:list_dates from="today" to="2 months" entry_date="{entry_date format="%Y-%m-%d %H:%i"}" expiration_date="{expiration_date format="%Y-%m-%d %H:%i"}"
                                   
max_list="5" interval="{repeat_interval}"}
                                   {repeet
:include_dates}{include_dates}{/repeet:include_dates}
                                   {repeet
:exclude_dates}{exclude_dates}{/repeet:exclude_dates}
                                   {repeet
:display}

                                               
<p><strong><a class="more_info_personal">
                                                
{repeet:start_time format="%l, %F %d, %Y"} {field_id_13} - {field_id_53}
                                               
</a></strong></p>



                               
{/repeet:display}
                               {
/exp:repeet:list_dates}
                               
</div>


{/if}

</div>
</
div>
{if no_results}
<p class="more_info_personal coming_soon">Classes Coming Soon!</p>
{/if}
{
/exp:weblog:entries}

Profile
 
 
Posted: 18 June 2008 08:00 AM   [ Ignore ]   [ # 1 ]  
Research Assistant
Avatar
RankRankRank
Total Posts:  807
Joined  02-15-2008

Not 100% sure of which bit you mean, but could it be that upcoming_class and article both have a bottom padding of 25px?

 Signature 

Andy Harris | Pepper Digital | Malvern, UK | Twitter | New to ExpressionEngine? Start here!
Remember - If at first you don’t succeed, you’re not Chuck Norris

Profile
 
 
Posted: 18 June 2008 09:18 AM   [ Ignore ]   [ # 2 ]  
Lab Assistant
RankRank
Total Posts:  116
Joined  01-05-2008

I mean the spacing between the first and second class listings under health & wellness, and then the spacing between h&w;section and personal development section is awfully large.  however, on my live site here it is rendering correctly with the current spacing.

Live code:

<h2 class="personal">Personal Development</h2><br />
<
div class="clr"></div>
{exp:query sql="SELECT DISTINCT title, field_id_6, field_id_1, url_title, field_id_34, entry_date, field_id_13, field_id_53 FROM exp_weblog_titles, exp_weblog_data WHERE exp_weblog_data.entry_id =  
                         exp_weblog_titles.entry_id AND exp_weblog_data.field_id_15='Personal Development' AND entry_date >= '<?php echo $datetoday ?>'"
}
<div class="upcoming_class">
<
div class="article">


<
div style="height: 55px;width: 55px;float: left;" class="img_personal">{exp:ee_typography allow_image_urls="y"} <a href="www.theindyannex.com/index.php?site/Dev_Class/{url_title}">{field_id_34} </a>{/exp:ee_typography}</div>
            
                         
                  <
div class="text_article">


                       
                                     <
p><a href=index.php?site/Dev_Class/{url_title} class="title_personal"><strong>{title}</strong> w/ {field_id_6}<br></a></p>
                                       <
p>{field_id_1}</p>
                                       <
p><strong><a class="more_info_personal">{entry_date format="%l, %F %j, %Y"} {field_id_13} - {field_id_53}</a></strong></p>
                                       <!-- <
p><a href=index.php?site/Dev_Class/{url_title} class="more_info_personal"><strong>Click here for more info!</strong></a></p> -->
                                            
                             
                            <
div class="clr"></div>
               
</
div>
</
div>  </div>
{if no_results}
<p class="more_info_personal coming_soon">Classes Coming Soon!</p>
{/if}{/exp:query}

Profile
 
 
Posted: 18 June 2008 09:57 AM   [ Ignore ]   [ # 3 ]  
Research Assistant
Avatar
RankRankRank
Total Posts:  838
Joined  04-24-2002

You’ve got a bunch of empty divs in there. Move

<div class="upcoming_class">
<
div class="article">

and their associated closing tags inside your conditional.

 Signature 

chrisruzin.netTextMate EE BundleTextMate EE Developer Bundle • Pro Network member
“The greatest barrier to success is the fear of failure.” - Sven Goran Eriksson

Profile
 
 
Posted: 18 June 2008 10:09 AM   [ Ignore ]   [ # 4 ]  
Lab Assistant
RankRank
Total Posts:  116
Joined  01-05-2008

Much better - thanks for taking the time to help me!

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 1149, on July 16, 2007 10:33 AM
Total Registered Members: 62574 Total Logged-in Users: 45
Total Topics: 77021 Total Anonymous Users: 22
Total Replies: 416007 Total Guests: 240
Total Posts: 493028    
Members ( View Memberlist )