------------------------------------------------------
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 -->