[autotheme] unnecessary space in blocks :: Zikula Community

Get Zikula 1.3.3!New core, modules & more

Quick Links

Donate Today!Support your Software

Documentationlearn, share & develop

Watch

GitHub Core

Show your support for Zikula! Sign up at Github account and watch the Core project!

GitHub Modules

Forum Activity

internetking created topic »password problem« 25. May
mesteele101 responded to »ERR (3): E_USER_ERROR: Smarty error: [in pagesvar:pagesitem2en line XXX]…« 25. May
mazdev responded to »Pages 2.5.0 and updating - Page not found« 25. May
ehdwma created topic »Hide "Register new account" and change template to 3 col« 25. May
mesteele101 responded to »Zikula 1.3.3 - Selecting a category in Pages not working« 25. May
mdee created topic »How to implement returnpage ?« 25. May
nestormateo responded to »Fillters in Clip« 24. May

» Visit forum | » View latest posts

Zikula Blog

Anatomy of Open Source Projects on Mar 07
Continuous Review on Mar 01
Not Invented Here on Feb 24
How to Contribute Your Code at Github on Jan 13
10 Steps to Coding-Nirvana: Tips for Successful Module Writing on Nov 12
Submitting Bug Report Tickets That Get Results on Aug 17
Cozi Tricks #1: Syntax Highlighting on Aug 07

[autotheme] unnecessary space in blocks

Print topic

**unknown user**

Rank: Registered User

Registered: Mar 16, 2002

Last visit: Apr 19, 2006

Posts: 10
Posted: Jan 30, 2006 - 07:15 AM

So, here is my problem:

Image is exactly 150x100. It was placed as a banner. Block identifies it as ...

Code

<table width="160" height="130" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="5" height="15" border="0" cellpadding="0" cellspacing="0">
<img src="tlcorner.gif" width="5" height="15" alt=""></td>
<td width="150" height="15" border="0" cellpadding="0" cellspacing="0">
<img src="top.gif" width="150" height="15" alt=""></td>
</td>

<td width="5" height="15" border="0" cellpadding="0" cellspacing="0">
<img src="trcorner.gif" width="5" height="15" alt=""></td>
</tr>
<tr>
<td width="5" height="100" border="0" cellpadding="0" cellspacing="0">
<img src="lside.gif" width="5" height="100" alt=""></td>

<td width="150" height="100">

<div class="block-content" align="center" valign="middle"></div>

</td>
<td width="5" height="100" border="0" cellpadding="0" cellspacing="0">
<img src="rside.gif" width="5" height="100" alt=""></td>
</tr>
<tr>
<td width="5" height="15" border="0" cellpadding="0" cellspacing="0">
<img src="blcorner.gif" width="5" height="15" alt=""></td>
<td width="150" height="15" border="0" cellpadding="0" cellspacing="0">
<img src="bottom.gif" width="150" height="15" alt=""></td>
<td width="5" height="15" border="0" cellpadding="0" cellspacing="0">
<img src="brcorner.gif" width="5" height="15" alt=""></td>
</tr>

</table>


If I instead of , paste image in normal HTML code, the block doesn't has this terrible space. How can i delete this space :?:
Lobos

Rank: Expert

Registered: Dec 02, 2002

Last visit: Apr 30, 2010

Posts: 1474
Posted: Jan 30, 2006 - 08:01 AM

Try taking out the return carriages in your markup, between the td tags and the images, like this:

Quote

I know it looks ugly, but I have found it to work on occasion...

-Lobos

--
-Lobos
Professional PHP Framework Services: Concept, Development and Deployment
**unknown user**

Rank: Registered User

Registered: Mar 16, 2002

Last visit: Apr 19, 2006

Posts: 10
Posted: Jan 30, 2006 - 09:47 AM

no difference :? even if i delete all "enter's"

Code
<table width="160" height="130" border="0" cellpadding="0" cellspacing="0"><tr><td width="5" height="15" border="0" cellpadding="0" cellspacing="0"><img src="tlcorner.gif" width="5" height="15" alt=""></td><td width="150" height="15" border="0" cellpadding="0" cellspacing="0"><img src="top.gif" width="150" height="15" alt=""></td><td width="5" height="15" border="0" cellpadding="0" cellspacing="0"><img src="trcorner.gif" width="5" height="15" alt=""></td></tr><tr><td width="5" height="100" border="0" cellpadding="0" cellspacing="0"><img src="lside.gif" width="5" height="100" alt=""></td><td width="150" height="100"><div class="block-content" align="center" valign="middle"></div></td><td width="5" height="100" border="0" cellpadding="0" cellspacing="0"><img src="rside.gif" width="5" height="100" alt=""></td></tr><tr><td width="5" height="15" border="0" cellpadding="0" cellspacing="0"><img src="blcorner.gif" width="5" height="15" alt=""></td><td width="150" height="15" border="0" cellpadding="0" cellspacing="0"><img src="bottom.gif" width="150" height="15" alt=""></td><td width="5" height="15" border="0" cellpadding="0" cellspacing="0"><img src="brcorner.gif" width="5" height="15" alt=""></td></tr></table>
Topiatic

Rank: Expert

Registered: Nov 23, 2003

Last visit: Dec 13, 2009

Posts: 1487
Posted: Jan 30, 2006 - 10:11 AM

A link would be helpfull if you have it up live. Also, try removing the div's valign="center", or replace it with style="vertical-align:top; and see if that makes a difference.

--
Under Construction!
**unknown user**

Rank: Registered User

Registered: Mar 16, 2002

Last visit: Apr 19, 2006

Posts: 10
Posted: Jan 30, 2006 - 10:23 AM

link is http://www.medycynaw…amorzadpn/index.php

Topiatic,

yyyyhhhhhaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Code
<div class="block-content" style="vertical-align:top></div></td>

IS CORRECT :mrgreen: :mrgreen: :mrgreen:

:D :D :D :D :D :D THANK YOU THANK YOU THANK YOU :D :D :D :D :D
Topiatic

Rank: Expert

Registered: Nov 23, 2003

Last visit: Dec 13, 2009

Posts: 1487
Posted: Jan 30, 2006 - 10:44 AM

My pleasure 8).

--
Under Construction!
**unknown user**

Rank: Registered User

Registered: Mar 16, 2002

Last visit: Apr 19, 2006

Posts: 10
Posted: Jan 31, 2006 - 08:49 AM

ups... problem is even worse now... I'm not able to click on banner. It's just not clickable :!:
**unknown user**

Rank: Registered User

Registered: Mar 16, 2002

Last visit: Apr 19, 2006

Posts: 10
Posted: Jan 31, 2006 - 08:59 AM

and i know why... ehhh... we forgot about " between top; and >. The result was that banner was recognised as an image. Without ability to being clicked...

So i ask everyone again. Can anyone help me :?:
AmmoDump

Rank: Team Member

Registered: Dec 07, 2003

Last visit: May 09, 2010

Posts: 2703
Posted: Jan 31, 2006 - 11:24 AM

Remember, 'line breaks' are inherent to divisions. I think that is why your first code is a little goofy. Get rid of the division to solve it. Or make the whole block a division, if you want nice HTML output for the entire PN page.

--
David Pahl
Zikula Support Team
Topiatic

Rank: Expert

Registered: Nov 23, 2003

Last visit: Dec 13, 2009

Posts: 1487
Posted: Jan 31, 2006 - 12:59 PM

Mihauek
and i know why... ehhh... we forgot about " between top; and >. The result was that banner was recognised as an image. Without ability to being clicked...

No Comment!

But AmmoDump is right, getting rid of the div altogether might do it... it's bad enough that it's wraped inside of 8 datacells why wrap it further...

--
Under Construction!
AmmoDump

Rank: Team Member

Registered: Dec 07, 2003

Last visit: May 09, 2010

Posts: 2703
Posted: Jan 31, 2006 - 01:11 PM

Well there is nothing wrong with useing DIV... Just nest the whole block inside the DIV, instead of the DIV inside the block.

--
David Pahl
Zikula Support Team
**unknown user**

Rank: Registered User

Registered: Mar 16, 2002

Last visit: Apr 19, 2006

Posts: 10
Posted: Feb 01, 2006 - 06:41 AM

ehhh... unfortunately it doesn't work:

Code
<div style="vertical-align:top">
<table>
...
</table>
</div>

and

Code
<table>
<div style="vertical-align:top">
...
</div>
</table>

even deleting this makes no difference