27/08/2011, 17:11:04
Re Jissey
Je vois à peu prêt ce que tu veut me dire mais entre voir et comprendre pour réaliser, il y a une différence ^
Je ne serait vraiment pas dire ce qu'il faudrait que je reprenne
je peu éventuellement te mettre tous le code du gabarit à disposition si tu le souhaite.
Pour tout te dire, je reproduit l’accueil de ce site : ww.sebipic.fr
Ayant vraiment que très peu de notion dans le codage Web, j'ai affiché le code source de la page et j'ai reprit la partie du Titre pour le module news.
Le code complet du gabarit est le suivant :
Pour toi, ça risque d'être clair comme de l'au de roche, pour moi, c'est des études qu'il me faudrait ^
Merci pour l'aide apportée
jissey a écrit :pour ton premier soucis, c'est un problème HTML/CSS.
Soit tu mets tes news dans la div "main" soit tu créer une nouvelle div pour les englober avec les mêmes marges que "main".
Je vois à peu prêt ce que tu veut me dire mais entre voir et comprendre pour réaliser, il y a une différence ^
Je ne serait vraiment pas dire ce qu'il faudrait que je reprenne
je peu éventuellement te mettre tous le code du gabarit à disposition si tu le souhaite.
jissey a écrit :Le second soucis : l'affichage final dépend de tes feuilles de styles qui ne sont pas reprises dans tiny, ce qui peut créer une différence. Par contre tu peux redéfinir des règles dans Tiny qui collent avec les feuilles de style en ligne.
En général, je demande aux utilisateurs de ne pas "habiller" leur texte et de valider en ligne si l'apparence est conforme à leurs attentes.
Dans ton cas, je vois des , c'est toi qui les a saisis?
Pour tout te dire, je reproduit l’accueil de ce site : ww.sebipic.fr
Ayant vraiment que très peu de notion dans le codage Web, j'ai affiché le code source de la page et j'ai reprit la partie du Titre pour le module news.
Le code complet du gabarit est le suivant :
Code :
{process_pagedata}
<!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>
{if isset($canonical)}<link rel="canonical" href="{$canonical}" />{elseif isset($content_obj)}<link rel="canonical" href="{$content_obj->GetURL()}" />{/if}
<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="uploads/CSSMenutop2col/CSSMenu.js"></script>
<![endif]-->
{* The above JavaScript is required for CSSMenu to work in IE *}
</head>
<body>
<div id="pagewrapper">
{* start accessibility skip links *}
<ul class="accessibility">
<li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
<li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
</ul>
{* end accessibility skip links *}
<hr class="accessibility" />
{* Horizontal ruler that is hidden for visual browsers by CSS *}
{* 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>
<hr class="accessibility" />
</div>
{* End Header *}
{* Start Navigation *}
<div id="menu_vert">
<h2 class="accessibility">Navigation</h2>
{menu template='CSSMenutop2col : cssmenu' }
<hr class="accessibility" />
</div>
{* End Navigation *}
{* Start Search *}
<div id="search">
{search}
</div>
{* End Search *}
{* Start Breadcrumbs *}
<div class="breadcrumbs">
{breadcrumbs starttext='Vous êtes ici' root='Home' delimiter='»'}
<hr class="accessibility" />
</div>
{* End Breadcrumbs *}
{* Start Content (Navigation and Content columns) *}
<div id="content">
{* Start Sidebar *}
<div id="sidebar" class="hascontent">
{content block='Sidebar'}
</div>
{* End Sidebar *}
{* Start Content Area *}
<div id="main">
<div style="float: right;">{print showbutton=true script=true}</div>
<h2>{title}</h2>
{content} <br />
{* Start relational links *}
<div class="hr"></div>
<div class="right49">
<p>{anchor anchor='main' text='haut'}</p>
</div>
{* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}
{* End relational links *}
<hr class="accessibility" />
</div>
{* End Content Area *}
<h2 style="text-align: left;"><span style="font-size: small;">L'actualité de l'auto-entreprise et du site<br /></span></h2>
<p style="text-align: left;"><span style="font-size: small;"><!-- Displaying News Module -->
<!-- News Categories: '' -->
<!-- Start News Display Template -->
{cms_module module="news" category='accueil' sortasc='true'}
</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>Pour toi, ça risque d'être clair comme de l'au de roche, pour moi, c'est des études qu'il me faudrait ^
Merci pour l'aide apportée