18043 sujets

Questions générales et questions de débutants

Contenu de texte aleatoire en fonction du texte

Bonjour à tous,

Voilà je cherche a faire une chose qui peux paraitre simple mais je ne vois pas comment faire.

Je suis en train de créer mon site dans dreamweaver. J'ai fais mon design dans photoshop, j'ai fais des tranches pour separer les menus et les contenus de texte.

J'ai un rectangle de contenu et j'aimerai que lorsque je clic sur un menu ce rectangle s'agrandisse lorsque j'ai trop de texte. C'est a dire que ma mise en page s'allonge et que la hauteur de mon site ne soit pas defini.

Pouvez vous m'aider s'il vous plait j'ai cherché partout mais comme je sais pas vraiment comment ca s'appelle je ne sais pas vraiment ou chercher.

merci beaucoup pour votre aide...
Salut,

Ce que tu cherche à faire est un comportement normal et naturel, un conteneur prend l'espace qui est nécessaire à son contenu. Pour que cela reste possible, il te faut bien évidemment éviter de spécifier une hauteur à ton contenu, car cela empêcherait cet agrandissement. Smiley smile
D'accord c'est déjà ce que j'avais fait. je n'avais pas spécifié la hauteur. Mais ca ne fonctionne pas.

J'ai créer une div pour insérer mon image de fond. Et pour insérer du texte à l'intérieur j'ai créer une nouvelle page façon eframe.

Est ce ca qui bloque? Mon texte est coupé...

J'espere etre le plus clair possible...
Hello,
etouicmoi a écrit :
J'ai créer une div pour insérer mon image de fond. Et pour insérer du texte à l'intérieur j'ai créer une nouvelle page façon eframe.

Si c'est bien ce que je comprends (utilisation d'une iframe), ce n'est pas la solution appropriée…

Tu aurais un extrait de code à nous montrer, qu'on y voit plus clair?
Bonjour,

Voici mon code de ma page html : 
<!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" />
<title>flexcom</title>

<style type="text/css">
<!--
p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 10px;
}

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


<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
//-->
</script>
<link href="style2.css" rel="stylesheet" type="text/css" />
</head>

<body onload="MM_preloadImages('img/SOUSMENU/home/ossaturehomesurvol_09.png','img/SOUSMENU/home/ossaturehomesurvol_10.png','img/SOUSMENU/home/ossaturehomesurvol_11.png','img/MENU/btnsurvol_04.png','img/MENU/btnsurvol_05.png','img/MENU/btnsurvol_06.png')">
<div id="contener">
  <div id="partiedroite"><img src="img/SOUSMENU/partiedroite_02.jpg" width="236" height="105" /></div>

  <div id="flash">
    <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','743','height','203','src','testbandeau','quality','high','wmode','transparent','bgcolor','#ffffff','name','testbandeau','align','middle','allowscriptaccess','sameDomain','allowfullscreen','false','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','testbandeau' ); //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="743" height="203">
      <param name="movie" value="BANDEAU FLASH/testbandeau.swf" />
      <param name="quality" value="high" />
      <param name="movie" value="testbandeau.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" />	<embed src="testbandeau.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="743" height="203" name="testbandeau" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
      <embed src="BANDEAU FLASH/testbandeau.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="743" height="203"></embed>
    </object></noscript>
</div>
  <div id="sousmenu"><a href="page1apropos.html" target="texte" onclick="MM_nbGroup('down','group1','ossaturehome09','img/SOUSMENU/home/ossaturehomesurvol_09.png',1)" onmouseover="MM_nbGroup('over','ossaturehome09','img/SOUSMENU/home/ossaturehomesurvol_09.png','img/SOUSMENU/home/ossaturehomesurvol_09.png',1)" onmouseout="MM_nbGroup('out')"><img src="img/SOUSMENU/home/ossaturehomesurvol_09.png" name="ossaturehome09" width="164" height="24" border="0" /></a><a href="page2news.html" target="texte" onclick="MM_nbGroup('down','group1','ossaturehome10','img/SOUSMENU/home/ossaturehomesurvol_10.png',1)" onmouseover="MM_nbGroup('over','ossaturehome10','img/SOUSMENU/home/ossaturehomesurvol_10.png','img/SOUSMENU/home/ossaturehomesurvol_10.png',1)" onmouseout="MM_nbGroup('out')"><img src="img/SOUSMENU/home/ossaturehome_10.png" name="ossaturehome10" width="111" height="23" border="0" /></a><a href="page3contact.html" target="texte" onclick="MM_nbGroup('down','group1','ossaturehome11','img/SOUSMENU/home/ossaturehomesurvol_11.png',1)" onmouseover="MM_nbGroup('over','ossaturehome11','img/SOUSMENU/home/ossaturehomesurvol_11.png','img/SOUSMENU/home/ossaturehomesurvol_11.png',1)" onmouseout="MM_nbGroup('out')"><img src="img/SOUSMENU/home/ossaturehome_11.png" name="ossaturehome11" width="132" height="23" border="0" /></a></div>
  <div id="menu"><a href="index.html" target="_top" onclick="MM_nbGroup('down','group1','btnbleu03','',1)" onmouseover="MM_nbGroup('over','btnbleu03','','',1)" onmouseout="MM_nbGroup('out')"><img src="img/MENU/btnbleu_03.png" name="btnbleu03" border="0" /></a><a href="produits.html" target="_top" onclick="MM_nbGroup('down','group1','btnorange04','',1)" onmouseover="MM_nbGroup('over','btnorange04','img/MENU/btnsurvol_04.png','',1)" onmouseout="MM_nbGroup('out')"><img src="img/MENU/btnorange_04.png" name="btnorange04" width="108" height="35" border="0" /></a><a href="partenaire.html" target="_top" onclick="MM_nbGroup('down','group1','btnorange05','',1)" onmouseover="MM_nbGroup('over','btnorange05','img/MENU/btnsurvol_05.png','',1)" onmouseout="MM_nbGroup('out')"><img src="img/MENU/btnorange_05.png" name="btnorange05" width="109" height="35" border="0" /></a><a href="support.html" target="_top" onclick="MM_nbGroup('down','group1','btnorange06','',1)" onmouseover="MM_nbGroup('over','btnorange06','img/MENU/btnsurvol_06.png','',1)" onmouseout="MM_nbGroup('out')"><img src="img/MENU/btnorange_06.png" name="btnorange06" width="118" height="35" border="0" /></a></div>
<img src="img/ossaturefond/ossaturefond_01.jpg" width="970" height="319" />



<div id="bascontenu">

    <div id="texte2"> 
    <iframe width="750" height="auto" src="page1apropos.html" marginwidth="0" scrolling="no" border="0" frameborder="0" framespacing="0" name="texte"></iframe></div>
<div id="corporate"><img src="img/copyright/copyyright_05.jpg" /><img src="img/copyright/copyyright_06.jpg" /><img src="img/copyright/copyyright_07.jpg" /></div>
</div></div>

</body>
</html>


Et voici mon style.css 
@charset "utf-8";
style {
}

.Style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}

.Style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}


.Style3 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}



.Style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; }
#textegauche {
	position:absolute;
	left:27px;
	top:88px;
	width:269px;
	height:135px;
	z-index:3;
}





body{
background-image:url(img/fonddegrade.jpg);
}

#contener {
	position:absolute;
	left:50%;
	top:0;
	width:970px;
	z-index:1;
	margin-left: -485px;
}

#partiedroite {
	position:absolute;
	left:734px;
	top:0px;
	width:236px;
	height:105px;
	z-index:6;
}
#menu {
	position:absolute;
	left:274px;
	top:48px;
	width:442px;
	height:35px;
	z-index:1;
}
#sousmenu {
	position:absolute;
	left:0px;
	top:80px;
	width:717px;
	height:26px;
	z-index:4;
}
#flash {
	position:absolute;
	left:0px;
	top:107px;
	width:742px;
	z-index:3;
	background-color: #26364D;
	height: 203px;
}

#contenutexte {
	position:absolute;
	left:0px;
	top:316px;
	width:706px;
	height:22px;
	z-index:4;
}




#texte2 {
	width: 970px;
	position: relative;
	background-image: url(img/ossaturefond/ossaturesansfond_02.png);
	background-repeat: no-repeat;
}

#textedroite {
	position:absolute;
	left:373px;
	top:54px;
	width:355px;
	height:235px;
	z-index:4;
}


#corporate {
	position:relative;
	left:0px;
	top:317px;
	width:970px;
	height:23px;
	z-index:3;
}



Je n'ai toujours pas trouvé comment faire, s'il vous plait aidez moi...

Si vous pensez que les Iframes ne sont pas une bonne solution que dois je utiliser?

Merci pour votre aide...[/i][/i][/i][/i][/i][/i][/i][/i][/i]
Sujet clos
Aller à