High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

Marge Template HTML

Dernière réponse le 20 nov 2009 à 10:49:02 milouinbobo, le 8 nov 2009 à 14:13:22 
 Signaler ce message aux modérateurs

Bonjour,

Sur mon site internet, je travail avec des templates.
Le problème, mes "contents" ont une marge en haut et en bas trop important.

Qui peux me dire comment réduire ces marges ?

Padding et margin ne fonctionnent pas.

C'est dans le
<!-- TemplateBeginEditable name="1" --> <!-- TemplateEndEditable --> ou le top marge est trop important.

Merci d'avance.

Configuration: Windows XP Internet Explorer 7.0

Meilleures réponses pour « Marge Template HTML » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
[Aspirateur de pages HTML] Comment aspirer un site Web ? VoirHTTrack est un excellent aspirateur, gratuit en licence GNU GPL (libre). HTTrack permet de télécharger un site web d'Internet vers votre disque dur, en construisant récursivement tous les répertoires, récupérant html, images et fichiers du serveur...
Les templates en C++ VoirIntroduction Avantages Inconvénients Quand utiliser des templates ? Que dois-je mettre dans les .hpp et dans les .cpp ? Convention de notations Quelques templates célèbres STL BGL Premiers pas Spécifications de templates Template par...
Télécharger Convert HTML To Image Voir
Télécharger Lambda HTML Editor Voir
Télécharger HTML Tidy VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire s'utilise en mode de commande uniquement. La présente version, appelée "GUI Tidy", possède une interface graphique. Notez...
Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Introduction au HTML VoirPrésentation du HTML Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent...
Posez votre question Répondre

1

PhP, le 8 nov 2009 à 14:40:53

Bjr

Comment veux-tu qu'on t'aide avec aussi peu d'information ?

Donne le code de ton template, de ta page html, de ton css

PhP  
Il y a 10 types de personnes dans le monde : ceux qui compre­nnent le binaire et les autres ...

   
Répondre à PhP

2

milouinbobo, le 8 nov 2009 à 16:25:53

Bonjour

Voila mes codes :

CODE HTML TEMPLATE

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="favicon.ico" type="images/x-icon" />
<link rel="icon" href="templates/favicon.ico" type="images/x-icon" />
</head>

<body>
<div id="container">
<!-- header -->

<table width="780" height="160" border="0" align="center" cellpadding="0" cellspacing="0">
<tr background="../images/top.jpg">
<td scope="col">

<!-- header -->

<div id="menu">
<ul>
<li><a href="../01-index.html">Accueil</a></li>
<li><a href="../02-tarifs.html">Tarifs</a></li>
<li><a href="../03-le_club.html">Le Club</a></li>
<li><a href="../10-contact.html">Contact</a></li>
</ul>
</div>

</td>
</tr>
</table>
<!-- end header -->

<!-- main -->
<div id="main">
<table width="780" border="1" align="center" cellpadding="0" cellspacing="3">
<tr>
<td width="220" valign="top" bordercolor="#36648A" border="2"><h2>Galerie Photos</h2>
<p>
<img src="../images/requin.gif" alt="requin" width="48" height="15" title="requin" /> <a href="../08-la_vie_2009.html" title="2009">Galerie 2009</a><br />
<img src="../images/requin.gif" alt="requin" width="48" height="15" title="requin" /> <a href="../08-la_vie_2008.html" title="2008">Galerie 2008</a><br />
</p>

<p><a title="toutes les photos affichées dans ces galeries sont soumises au Code de la propriété intellectuelle "Le droit d'auteur""><strong></a></p>

<!-- TemplateBeginEditable name="content" -->content ici ajouter le texte de la page<!-- TemplateEndEditable --> </td>
<td width="543" align="justify" valign="top" >
<!-- TemplateBeginEditable name="content1" -->content1<!-- TemplateEndEditable -->
</td>
</tr>
</table>
</div>
<!-- end main -->

<!-- footer -->
<div id="footer">

<div id="menu_footer"><a href="../01-index.html">accueil</a> | <a href="../02-tarifs.html">tarifs</a>o | <a href="../03-le_club.html">le club</a> | <a href="../04-formations.html">formations</a> | <a href="../05-espace_membres.html">espace membres</a> | <a href="../06-agenda.html">agenda</a> | <a href="../07-les_sites.html">les sites</a> | <a href="../08-la_vie_2009.html">la vie</a> | <a href="../09-biologie_sous_marine.html">biologie</a> | <a href="../10-contact.html">contact</a> | </div>

<div id="left_footer">© Copyright 2009 www.csl56.com</div>
<div id="right_footer"><!-- Compteur -->
<script type="text/javascript" src="http://www.abcompteur.com/cpt/?code=6/32/7323/2/1&ID=283057"></script>
<noscript><a href="http://www.abcompteur.com/">ABCompteur : compteur gratuit</a></noscript>
<!-- end Compteur --><sup>Visites depuis le 1 nov 2007</sup></div>
</div>
<!-- end footer -->

</div>
</body>
</html>

CODE CSS

@charset "utf-8";
/* CSS Document */
/* div */
#container {width:780px; margin:auto; margin-top:1px; background:url(../images/top.jpg) no-repeat #FFFFFF;}

#menu {margin:110px 0 0 0;}
#menu ul {padding:0; margin:0; height:5px;}
#menu li {list-style: none; float:left; padding:0 10px;}
#menu a {color:#ffffff; text-decoration:none; font-size:14px; line-height:10px; text-transform:lowercase;}
#menu a:hover {border-bottom:2px #FFFFFF solid;}

#main {font-size:medium; color:#21334A; text-align:justify;}
#main li {padding:0 10px; list-style-image: url(../images/puce.gif);}

#number li {padding:0 5px; list-style-image: none; float: none; text-indent:none; margin:0;}
#number ol {list-style: decimal-leading-zero; line-height:20px; text-indent:none; margin:0;}

#video li {padding:0 10px; list-style-image: url(../images/videos.gif);}
#photo li {padding:0 10px; list-style-image: url(../images/camera.gif);}
#nage li {padding:0 20px; list-style-image: url(../images/nage.png);}

#footer {clear:both; height:130px; background:url(../images/footer.jpg) no-repeat; font-size:11px; color:#21334A;}
#footer a {color:#FFFFFF; padding:0 10px 0 10px;}
#menu_footer {text-transform:lowercase;}
#left_footer {float:left; color:#FFFFFF; padding:36px 0 0 140px;}
#right_footer {float:right; padding:10px 50px 0 0; color: #FFFFFF;}

#logo {color:#9DADBB;}
#actualite {min-height:225px; padding:5px 5px;}
#handi {background-image: url(../images/logo_handisport.png); background-position : top; background-repeat: no-repeat;}
#apnee { background-image: url(../images/apnee.png); background-position : top; background-repeat: no-repeat;}

#navigation {text-indent:0; padding:0; border: 0; border-top: 0; margin-top: 0; position: top;}
/* end div */

/* balises*/ h1 {font-size:x-large; line-height:20px; color:#21334A; margin-left: 5px; padding-left:10px; padding-right:10px;} h2 {font-size:large; line-height:20px; color:#21334A; margin-left: 5px; padding-left:10px; padding-right:10px;} h3 {font-size:medium; color:#21334A; margin-left: 5px; padding-left:10px; padding-right:10px; font-weight:bold;}
h5 a {color: #95AFC5; font-size: small; font-style: italic; text-align:left; padding-left: 10px; line-height: 1px;
hspace: 1px; padding-top: 0;}
img {hspace:5px;}
a {text-decoration:underline blink; color:#21334A;}
p {margin: 0 0 0 0; font-size:medium; padding-left:10px; padding-right:10px; text-align:justify; line-height:18px}
sup {font-size:small;}
body{background-color: #E3F1F2; margin: 0 0 0 0;}
/* end balises */

/* span */
.video {margin-right: 190px;}
.photo {margin-right: 190px;}
.image { text-align:center;}
.rouge {color: #2A5B80}
/* end span*/

   
Répondre à milouinbobo

3

PhP, le 8 nov 2009 à 17:00:49

J'ai testé mais je ne vois pas ce qui ne s'affiche pas comme il faut

C'est le texte "Galerie Photos" , "requin Galerie 2009", "content 1" qui pose pb ?

Parce que là je vois pas ...
PhP  
Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ...

   
Répondre à PhP

4

milouinbobo, le 8 nov 2009 à 17:58:41

Bonjour

Merci pour votre réponse

C'est <!-- TemplateBeginEditable name="content1" -->content1<!-- TemplateEndEditable --> qui pose une problème.

Quand j'ouvre/crée une page liée au template et commence à mettre du texte à la place de content1, mes marges sont trop importants. Il y a au moins 1 centimetre d'espace libre dessus mon texte. Si j'utilise du <p> ou un titre <h1> etc. Il n'y a pas de différence.

Je souhaiterai reduire cet espace vide.

Cordialement

   
Répondre à milouinbobo

5

PhP, le 8 nov 2009 à 19:40:46

Ben même en remplaçant content1 par autre chose il se positionne bien en haut de la cellule du tableau TD
ce qui me paraît normal vu que le contenu est forcé de s'aligner en haut via valign="top"

Si j'utilise H2 et bien le texte est parfaitement aligné avec le titre Galerie Photos ce qui est normal

Précision : j'utilise FF 3.5 et IE 8



PhP  
Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ...

   
Répondre à PhP

6

 milouinbobo, le 20 nov 2009 à 10:49:02

Merci beaucoup pour votre réponse

   
Répondre à milouinbobo
Posez votre question Répondre
Ils ont besoin de votre aide