HELP pb gestion espace entre image et tableau

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

tollirom2

HELP pb gestion espace entre image et tableau

Message par tollirom2 »

je decouvre Kompozer...et ds la créa d une newsletter j ai un pb : je voudrais qu il n y ai aucun espace entre un bloc image, et le bloc juste après qui est un tableau. Même en mettant bordure = 0 j ai toujours un espace entre cette image et le debut de mon tableau !! HELP !!! :? :? :? Où donc puis je paramétrer ds les menus ??? merci pour votre réponse !!
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Re: HELP pb gestion espace entre image et tableau

Message par chinon37 »

BONJOUR,
Peut on avoir le code de la page?

merci
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
tollirom
Arias
Messages : 1
Inscription : 16 juil. 2010, 10:10

Re: HELP pb gestion espace entre image et tableau

Message par tollirom »

attention c'est un essai !!! en fait je n'y connais rien (!!!) au css, balises, et autre codes....je me lance juste avec des outils qui soient les + visuels possibles... alors indulgence !!! :roll: Donc là pour éviter d'avoir à coller la bande d'en haut à la zone de texte juste en dessous en rose , j ai mis le texte "merci de ne pas répondre...." ....Artifice pas très propre mais bon ca donne qd même un résultat...
En fait j' aimerais arriver à créer une structure de page avec un cadre plein (lignes de tableau pour entourer l'ensemble, ainsi que les vignettes, laissant des vides pour aller mettre un peu de contenus pointant vers des liens sur mon site...Je ne sais pas si c'est t clair...Ci après le code ...MERCI !!!! :) :) :)

Code : Tout sélectionner

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>ESSAI</title>
</head>
<body style="width: 600px;">
<a href="http://www.lesecretdeselephants.com"><img
style="border: 0px solid ; width: 600px; height: 85px;"
alt="Le Secret des Eléphants"
src="file:///E:/Morillot/travaux/My%20Dropbox/Public/Le%20Secret%20des%20Elephants/Photos%20SE/Divers/bandeauhaut.jpg"
vspace="0"></a><br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="2"
cellspacing="2">
<tbody>
<tr>
<td colspan="4" rowspan="1"
style="vertical-align: top; text-align: center; width: 0px;"><small
style="font-style: italic;"><small style="font-family: Arial;">Merci
de ne pas répondre directement à cette newsletter envoyée
automatiquement</small></small><br>
</td>
</tr>
<tr align="center">
<td colspan="4" rowspan="1"
style="vertical-align: top; text-align: justify; width: 0px; background-color: rgb(255, 226, 226);"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Bonne rentrée
sur <a style="text-decoration: none;" rel="tag"
href="http://www.lesecretdeselephants.com/" target="_blank">le Secret
des Eléphants</a>&nbsp;
! Nous sommes heureuses de vous présenter nos nouveaux articles, chinés
en Inde l'hiver dernier et au printemps. Retrouvez également les
incontournables ou les classiques du Secret, qui vous permettront, nous
l'espérons, de resplendir dans les dîners en ville, les soirées
mondaines, ou tout simplement&nbsp; auprès de votre
mari, ou ami, préféré...</span></big></big><br>
<big style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Bon shopping
et... Secrêtement vôtre !</span></big></big><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;"></span></big></big><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 146px; text-align: center;"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Incontournables<br>
<img style="width: 100px; height: 100px;" alt=""
src="file:///E:/Morillot/travaux/My%20Dropbox/Public/Le%20Secret%20des%20Elephants/Photos%20800x800/etoles/etole%20OBAMA%20BLEU%20NOU%C3%89%20HD%20800x800%20.jpg"><br>
</span></big></big></td>
<td style="vertical-align: top; text-align: center; width: 236px;"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Nouveautés<br>
<img style="width: 116px; height: 99px;" alt=""
src="file:///E:/Morillot/travaux/My%20Dropbox/Public/Le%20Secret%20des%20Elephants/Photos%20SE/Divers/BAG%20OVAL%20LOUISE.jpg"><br>
</span></big></big></td>
<td colspan="1" rowspan="1"
style="vertical-align: top; text-align: center; width: 177px;"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Classiques<br>
<img style="width: 97px; height: 97px;" alt=""
src="file:///E:/Morillot/travaux/My%20Dropbox/Public/Le%20Secret%20des%20Elephants/Photos%20800x800/bracelets/bracelet%20lapon%20marron%202.JPG"><br>
</span></big></big> </td>
</tr>
<tr>
<td style="vertical-align: top; text-align: center;"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Promotions<br>
<img style="width: 100px; height: 100px;" alt=""
src="file:///E:/Morillot/travaux/My%20Dropbox/Public/Le%20Secret%20des%20Elephants/Photos%20800x800/broches/FLEUR%20RAYEE%20BLEU.JPG"><br>
</span></big></big></td>
<td style="vertical-align: top; text-align: center;"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">&nbsp;C'est
encore l'été !<br>
<img style="width: 100px; height: 100px;" alt=""
src="file:///E:/Morillot/travaux/My%20Dropbox/Public/Le%20Secret%20des%20Elephants/Photos%20800x800/Pret%20a%20porter/tunique%20blanche800x800.jpg"><br>
</span></big></big></td>
<td style="vertical-align: top; text-align: center;"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Pour la maison<br>
<img style="width: 100px; height: 100px;" alt=""
src="file:///E:/Morillot/travaux/My%20Dropbox/Public/Le%20Secret%20des%20Elephants/Photos%20800x800/maison/Couverts%20perles%20de%20verre%20multico800x800.jpg"><br>
</span></big></big></td>
</tr>
<tr>
<td
style="vertical-align: top; width: 146px; text-align: center; background-color: rgb(255, 226, 226);"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Ventes Privées</span></big></big></td>
<td
style="vertical-align: top; text-align: center; width: 236px; background-color: rgb(255, 226, 226);"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;"></span></big></big><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Marchés</span></big></big></td>
<td colspan="1" rowspan="1"
style="vertical-align: top; text-align: center; width: 177px; background-color: rgb(255, 226, 226);"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;"></span></big></big><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Couleurs de l'
Inde</span></big></big><br>
</td>
</tr>
<tr>
<td
style="vertical-align: top; width: 146px; text-align: center; background-color: rgb(255, 226, 226);"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Parrainage</span></big></big><br>
</td>
<td
style="vertical-align: top; width: 236px; text-align: center; background-color: rgb(255, 226, 226);"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Nous rejoindre</span></big></big><br>
</td>
<td colspan="1" rowspan="1"
style="vertical-align: top; width: 177px; text-align: center; background-color: rgb(255, 226, 226);"><big
style="font-weight: bold;"><big><span
style="color: rgb(153, 51, 153); font-family: JP Hand;">Qui sommes-nous</span></big></big><br>
</td>
</tr>
<tr align="center">
<td colspan="4" rowspan="1"
style="vertical-align: top; width: 146px;"><br>
<a href="http://www.lesecretdeselephants.com/"><img
style="border: 0px solid ; width: 182px; height: 29px;"
alt="Le Secret des Eléphants"
src="file:///E:/Morillot/travaux/My%20Dropbox/Public/Le%20Secret%20des%20Elephants/Photos%20SE/Divers/LogoSecret3elephants%20.jpg"></a></td>
</tr>
</tbody>
</table>
<a href="http://www.lesecretdeselephants.com/"><img
style="border: 0px solid ; width: 600px; height: 50px;"
alt="Le Secret des Eléphants"
src="file:///E:/Morillot/travaux/My%20Dropbox/Public/Le%20Secret%20des%20Elephants/Photos%20SE/Divers/bandeaubas.jpg"></a><br>
<br>
<br>
</body>
</html>
[ndm]Mise en ordre du code source[/ndm]
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités