[SOLVED] - PicLens - Firefox plugin - Strange problem...
Posted: Thu Oct 11, 2007 9:07 am
Piclens has to be removed from Firefox to resolve this problem... Bug in Piclens I guess...
------------------------------------------------------
I use the piclens plugin in Firefox, and like it a lot. But it seems to do something to my code, and I can't explain how. The problem is that it inserts -tags which again produces a line-break which destroys my design.
This is my template:
The code presents itself where the {news} tag is put. If you go to this url: http://utvikling.newelement.no/profilforum and look at the source code/chart, you'll find that there are a couple of tags within the news-text. I've found these tags in Firefox, IE6 and Safari for Mac, which would indicate that they are not native to the browser, but is in fact in the code delivered to it.
Sourcecode from browser:
Can anyone please help me explain this, and possibly fix it?
------------------------------------------------------
I use the piclens plugin in Firefox, and like it a lot. But it seems to do something to my code, and I can't explain how. The problem is that it inserts -tags which again produces a line-break which destroys my design.
This is my template:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
{* Change lang="en" to the language of your site *}
<head>
<title>{sitename} - {title}</title>
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}
{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}
{stylesheet}
{* This is how all the stylesheets attached to this template are linked to *}
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optmization *}
{literal}
<__script__ type="text/JavaScript">
<!--
//pass min and max -measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</__script>
<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]-->
{/literal}
{* The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Top menu + 2 columns" *}
<!--[if IE]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
{* The above JavaScript is required for CSSMenu to work in IE *}
</head>
</__body>
<div id="pagewrapper">
{* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet "For template: Left menu + 1 column" *}
<div id="header">
<h1>{cms_selflink dir="start" text="$sitename"}</h1>
{* Start Search *}
<!-- <div id="search">
{search}
</div> -->
{* End Search *}
<hr class="accessibility" />
</div>
{* End Header *}
{* Start Navigation *}
<div id="menu_vert">
<h2 class="accessibility">Navigation</h2>
{menu template='PF_Hovedmeny' start_element='2.1' show_root_siblings='1' number_of_levels='2'}
<hr class="accessibility" />
</div>
{* End Navigation *}
{* Start Content (Navigation and Content columns) *}
<div id="flash_content">
{* Start Content Area *}
<div id="main_flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="881" height="314">
<param name="movie" value="uploads/images/design/profilfo.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="images/flash/forside.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="881" height="314" wmode="transparent"></embed>
</object>
</div>
<div id="main_text">
{content}
</div>
<div id="main_front">
<div id="table_front">
<table border="0" cellpadding="0" cellspacing="2" bgcolor="#dfdfdf">
<tr>
<td width="285">
<img src="uploads/images/design/motta_nyhetsbrev.gif" />
</td>
<td width="285">
<img src="uploads/images/design/aktuelt.gif" />
</td>
<td width="285">
<img src="uploads/images/design/mnd_tilbud.gif" />
</td>
</tr>
<tr height="235">
<td width="285" valign="top">
</td>
<td width="285" bgcolor="#c5c6c6" valign="top">
{news number="3" moretext="Les mer"}
</td>
<td width="285" valign="top">
</td>
</tr>
</table>
</div>
</div>
{* End Content Area *}
</div>
{* End Content *}
{* Start Footer. Edit the footer in the Global Content Block called "footer" *}
<div id="footer">
{global_content name='footer'}
</div>
{* End Footer *}
</div>{* end pagewrapper *}
<__body>
</__html>Sourcecode from browser:
Code: Select all
<!-- Start News Display Template -->
<div class="NewsSummary">
<div class="NewsSummaryLink">
<a href="http://utvikling.newelement.no/profilforum/index.php?mact=News,cntnt01,detail,0&cntnt01articleid=3&cntnt01returnid=15">Dette er også en nyhet</a>
</div>
<div class="NewsSummarySummary">
Denne er mye kortere, cirka to linjer med linktekst. Sånn passe!<br />
<div style="position: absolute; width: 28px; height: 28px; z-index: 1000; display: none;"> </div>
<img alt="" style="position: absolute; width: 35px; height: 29px; z-index: 1000; display: none;" src="chrome://piclens/content/launch.png" />
<div style="position: absolute; width: 28px; height: 28px; z-index: 1000; display: none;"> </div>
<img src="chrome://piclens/content/launch.png" style="position: absolute; width: 35px; height: 29px; z-index: 1000; display: none;" alt="" /> ... <a href="http://utvikling.newelement.no/profilforum/index.php?mact=News,cntnt01,detail,0&cntnt01articleid=3&cntnt01returnid=15">Les mer</a> | <a href="index.php?page=nyhetsarkiv">Arkiv</>
</div>
</div>
<div class="NewsSummary">
<div class="NewsSummaryLink">
<a href="http://utvikling.newelement.no/profilforum/index.php?mact=News,cntnt01,detail,0&cntnt01articleid=2&cntnt01returnid=15">Dette er en nyhet</a>
</div>
<div class="NewsSummarySummary">
Her kommer ingressteksten, og den bør være to på over en linje, men ikke mer enn tre. Vi får se her da. Denne er maks<br />
<div style="position: absolute; width: 28px; height: 28px; z-index: 1000; display: none;"> </div>
<img alt="" style="position: absolute; width: 35px; height: 29px; z-index: 1000; display: none;" src="chrome://piclens/content/launch.png" />
<div style="position: absolute; width: 28px; height: 28px; z-index: 1000; display: none;"> </div>
<img src="chrome://piclens/content/launch.png" style="position: absolute; width: 35px; height: 29px; z-index: 1000; display: none;" alt="" />
<div style="position: absolute; width: 28px; height: 28px; z-index: 1000; display: none;"> </div>
<img alt="" style="position: absolute; width: 35px; height: 29px; z-index: 1000; display: none;" src="chrome://piclens/content/launch.png" />
<div style="position: absolute; width: 28px; height: 28px; z-index: 1000; display: none;"> </div>
<img src="chrome://piclens/content/launch.png" style="position: absolute; width: 35px; height: 29px; z-index: 1000; display: none;" alt="" /> ... <a href="http://utvikling.newelement.no/profilforum/index.php?mact=News,cntnt01,detail,0&cntnt01articleid=2&cntnt01returnid=15">Les mer</a> | <a href="index.php?page=nyhetsarkiv">Arkiv</>
</div>
</div>
<!-- End News Display Template -->