Aide pour une balise [HTML]

Bonjour.

Je suis désolée si vous avez déjà répondu à cette question précedemment.
Voilà j'aimerai disposer deux images en haut à gauche et à droite d'une page internet.
Mais je ne connais pas la balise pour l'aligner à droite.
Certe on trouve <P align="right">
Mais ça saute une ligne, or je voudrais avoir cette configuration là :

Image _______________________________ Image

Sans les "______" et je ne trouve pas la balise corepondante.
Merci de votre aide.

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

Pourquoi ne fait tu pas des espaces tout betement ? ou j'ai peut etre mal compris la question ...

Répondre à mokujin

Ca ne fonctionne pas.

Répondre à Sehalia

il faut faire un tableau

Code :

<table>
<tr>
<td><img src="http://commander.1and1.fr/oneandone_fr/img/content/b_email.gif" /></td>
<td width="100%" > </td>
<td><img src="http://commander.1and1.fr/oneandone_fr/img/content/b_email.gif" /></td>
</tr>
</table>

et ne dit pas que ça marche pas

Répondre à yann_p

Bouh les tableaux !!!!!!!!!!!

certes sa marches mais c'est "has been " !!!

On fait mieux maintenant avec les css (feuilles de style)!

UTILISES LES CSS

Répondre à Kymic@IDN

ben vas y explique lui

la solution la plus simple a sa question et a expliquer c'est le tableau

Répondre à yann_p

Exact je ne maîtrise pas du tout CSS...

Répondre à Sehalia

alors ça solutionne ton probleme ?

Répondre à yann_p

La technique du tableau fait pas un truc joli puisque ça "encadre" mes images...

Répondre à Sehalia

Citation :

Sehalia a écrit :
Exact je ne maîtrise pas du tout CSS...

Bah va falloir s'y mettre alors

Code :

<div style="float:left;">
<img src="http://commander.1and1.fr/oneandone_fr/img/content/b_email.gif" />
</div>
<div style="float:right;">
<img src="http://commander.1and1.fr/oneandone_fr/img/content/b_email.gif" />
</div>

Répondre à Noxk

<!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=iso-8859-1" />
<title>mes deux images</title>

<style type="text/css">
.image_gauche{
float:left;
}
.image_droite{
clear:right;
margin-left:300px;
}

</style>

</head>
<body>

<div class="image_gauche">
<img src="mes_fichiers/DotaWar/images/heros/BTNGhoul.gif" alt="image gauche"/>
</div>
<div class="image_droite">
<img src="mes_fichiers/DotaWar/images/heros/BTNSatyrTrickster.gif" alt="image_droite" />
</div>

Et la ton texte continue en bas !!!!

</body>
</html>

voila ! tu trouves sa compliqué ?

Tu fais flotté ton image gauche à gauche ( float:left; )
Puis tu met une marge de 200 pixels a gauche pour ton image de droite par exemple ( margin-left:200px et ensuite tu fait un clear right pour que le texte ou tout autre chose que tu ajoutes apres ton image de droite se mettent en dessous.

En fait sa annule le float:left;

voila renseigne toi sur les feuille de style css sur le site du zéro par exemple si tu veux en savoir plus

EDIT : pour la teablau tu peux tres bien mettre les bordure à 0 comme sa il n'y en aura pas !

Répondre à Kymic@IDN

En réalité, ça me semble pire que tout ce que vous me marquer, quand je dis que je connais rien au CSS c'ets vraiment rien, pas même les balise d'ouverture...
Je ne sais même pas s'il est possible de mélanger CSS et HTML...

Répondre à Sehalia

plus de code, et je suis flemmard

Répondre à yann_p

Bha écoute si tu n'y connais rien , commence par apprendre !

Mais essaye mon code, je t'ai carrément tout mis tu n'as plus qu'a faire un copié/collé et changer le chemin des images pour voir le résultat !

Voila apres si tu n'es pas capable de faire sa ! Bha c'est même pas la peine de commencer à créer un site!

Répondre à Kymic@IDN

pour enlmever les bordure tu rajoute dans la 1ere balise <table>

<table border='0' >

oué faut peu etre demander a quelqu'un d'autre de te faire ton site

Répondre à yann_p

Ou alors intégrer le CSS avec la balise HTML <*SPAN>

Répondre à Sehalia

héhé je vais commencer à m'énerver je crois !!!!!!!!!!!

AH TU REGARDER MON CODE !!!!!!!!!!!???????????????!!!!!!!!!!!!!

regarde et apres pose des question ! stp !

Répondre à Kymic@IDN

Déjà de une c'pas une site mais une page internet perso sur un site de jeu et ensuite, toutes les balises CSS ne passe pas notament la commande "style"
Qui a été bloquée, donc l'emploi de CSS est inutile.
Et pas la peine de s'énerver.

Répondre à Sehalia

Bha ok quand tu auras tout dis aussi !

bon dsl si je me suis énervé.

la balise style est désactivé mais est ce que tu peux faire.

<img style="float=left;" src="monimage.gif />

dans se cas bha tu reprends mon exemple plus haut et tu mets les style en ligne.

Répondre à Kymic@IDN

Si tu veux apprendre le CSS : Site du Zero

Voila @+ et bonne chance pour ta page ;-)

Répondre à Mortal_Sniper

<!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=iso-8859-1" />
<title>mes deux images</title>

<img style="float=left;" src="monimage.gif />
.image_gauche{
float:left;
}
.image_droite{
clear:right;
margin-left:300px;
}

</img style>

</head>
<body>

<div class="image_gauche">
<img src="mes_fichiers/DotaWar/images/heros/BTNGhoul.gif" alt="image gauche"/>
</div>
<div class="image_droite">
<img src="mes_fichiers/DotaWar/images/heros/BTNSatyrTrickster.gif" alt="image_droite" />
</div>

Et la ton texte continue en bas !!!!

</body>
</html>

Comme ça ?

Répondre à Sehalia

ah oui quand même ! tu es très fort je dois avouer ?^^

nan pas comme sa mais comme sa :

( mais la c'est le code de la page html entière que je t'ai mis , je penses quand même que tu l'avais remarqué ! )

<!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=iso-8859-1" />
<title>mes deux images</title>

</head>
<body>

<img style="float:left;" src="mes_fichiers/DotaWar/images/heros/BTNGhoul.gif" alt="image gauche"/>

<img style="clear:both; margin-left:300px;" src="mes_fichiers/DotaWar/images/heros/BTNSatyrTrickster.gif" alt="image_droite" />

Et la ton texte continue en bas !!!!

</body>
</html>

Répondre à Kymic@IDN

Merci ^_^

(Et quand j'ai dit que j'y connaissais rien, c'était pas pour rigoler XD)

Répondre à Sehalia

[HTML] Aide pour une balise

Forum Programmation : [HTML] Aide pour une balise

Attention