(débutant) boites côte à côte image/texte au secours!

Question

gael Boyenval

17 Aug 2008 à 11:46

bonjours à tous, je suis novice dans la création web, je suis en train de créer mon site et j'ai un souci pour placer deux div cote a cote dans ma page, l'un contenant une image et l'autre du texte…

je n'arrive pas à contraindre le texte à la taille du bloc et à se placer contre l'image

ça n'a pas l'air bien compliqué mais j'avoue que je bloque !!!

voici mon code:[
<style type="text/css">

body{
color:#666666;
background-image:url(images/paternfond.jpg);
font-family:Arial, Helvetica, sans-serif;
}

h1{
color:#666666;
background-color: ;
font-family:Arial, Helvetica, sans-serif;
font-size:34px;
font-weight:lighter;
}

a:hover{
color:#0099FF;
"background-image:url(bouton3.jpg);"
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:lighter;
padding-left:0px;
padding-right:15px;
margin-top:5px;
text-decoration:none;
border:none;

}

a{
color:#666666;
"background-image:url(bouton2.jpg);"
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:lighter;
padding-left:0px;
padding-right:15px;
margin-top:5px;
text-decoration:none;
border:none;

}

#global{
position:absolute;
left:50%;
width:700px;
margin-left:-350px;
background-color:#FFFFFF ;
height:auto;
padding:10px;

}

#colonne1{
margin-top:3px;
float : left;
width : 400px;
background-color : #2a4146;
overflow:hidden;
}

#colonne2{
margin-top:5px;
width :180 px;
float:right;
overflow:hidden;
text-align:justify;
clear:both
}

</style>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

</head>

<body>

<div id="global">

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','700','height','80','src','animhead','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','animhead' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="700" height="80">
<param name="movie" value="animhead.swf" />
<param name="quality" value="high" />
<embed src="animhead.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="700" height="80"></embed>
</object>
</noscript>

<div id= "header">

<div id=menu>
<a href="acceuil.html">Acceuil</a>
<a href="travaux.html">Travaux</a>
<a href="infos.html">Infos</a>
<a href="contact.html">Contact</a>
</div>

</div>

<div id= "content">

<div id="colonne1">
<img src="images/matof.jpg"></img>
</div>

<div id= "colonne2">

<text> Bonjours, bienvennue sur mon site, voici le texte que j'aimerais placer à coté de mon image (colonne1)</text>
</div>

</div>

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

je suis ouvert à toutes suggestions ainsi qu'à toutes les remarques concernant mon code, merci a tous

*Note de modération : Merci de mettre en forme votre code à l'aide des balises prévues à cet effet et de générer une miniature de votre image.
Modifié par 6l20 (17 Aug 2008 - 11:57)

6l20

17 Aug 2008 à 11:56

Bonjour et bienvenue parmi nous gael Boyenval Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

Merci également d'utiliser la fonction "générer une miniature" lorsque tu postes une image, celle-ci déforme le forum et ce n'est pas agréable Smiley ohwell

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Je t'invite également à venir te présenter à la communauté qui t'accueille avec grand plaisir

Cdt,
Sylvain

Sujet clos