[XHTML] Besoin aide Taille d'un Bloc

Version imprimable

Bonjour je vien de cree une galerie photo jaimerais l'inserer dans un bloc de 347px de largeur je ne sais pas comment fonctionner je suis nouveau dans le domaine merci

voila le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<table width=100% height=100%>
<tr><td align=middle valign=middle>
 
<table cellpadding=0 cellspacing=0 border=0 valign=middle align=middle bgcolor="#FFFFFF">
<tr>
<td valign=top valign=middle align=middle style="border:1pt solid #999999">
<table cellpadding=0 cellspacing=0 bgcolor="#CCCCCC">
<tr bgcolor="#F0F0F0">
<td>
<table width=100% bgcolor="#F0F0F0">
<tr>
<td align=left valign=top>
<div id="titleframe">
	<div class="titleContent">
		<div class="banner">
			<div class="info">
			<script>
                        if ("" != "") document.write('<B></B>');
                        if ("" != "") document.write(' :: ');
                        if ("" != "") document.write(' :: ');
                        if ("" != "") document.write(' :: ');
                        </script>
		</div>
	</div>
</div>
</td>
<td align=right valign=top>
<div id="titleframe">
	<div class="titleContent">
		<div class="banner">
			<div class="info"><a href="mailto:"></a></div>
		</div>
	</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#999999">
<td height=1 width=100%><img src="images/spacer.gif" height=1></td>
</tr>
<tr bgcolor="#CCCCCC">
<td valign=top align=middle>
<iframe id="TopFrame" style="width:800;height:500" name="TopFrame" frameborder="0" src="pages/Modife037.html">
	Your browser does not support iframes.
</iframe>
</td>
</tr>
<tr bgcolor="#CCCCCC">
 
<td valign=top>
<iframe id="BottomFrame" style="width:800;height:100" name="BottomFrame" frameborder="0" src="ThumbnailFrame.html">
	Your browser does not support iframes.
</iframe>
</td>
 
</tr>
</table>
</td>
</tr>
</table>
 
</td>
</tr>
</table>

23/04/2009, 11h05
HiRoN

Bonjour & bienvenue sur le forum ;)

En encadrant le tout d'un autre div auquel tu appliqueras un width:347px; ?
Le problème est d'appliquer une largeur à un élément ?
23/04/2009, 11h14
mehdiloujdi

merci

Merci pour se forum et merci pour ta reponse pourais tu me donner un exemple de balises merci
23/04/2009, 11h18
HiRoN
Citation:

Envoyé par mehdiloujdi

Merci pour se forum et merci pour ta reponse pourais tu me donner un exemple de balises merci

Version style en ligne :
Code:

1 2 3 <div style="width:347px;">  </div>
Version CSS :
Code:

1 2 3 <div id="container">  </div>
Avec (lien vers fichier CSS à faire) :

Code:

#container { width:347px; }
23/04/2009, 11h26
mehdiloujdi

merci beaucoup je vais essayer je te tiens au courant et desoler pour le dérangement japprend comprend moi merci
23/04/2009, 11h35
HiRoN

Citation:

Envoyé par mehdiloujdi

merci beaucoup je vais essayer je te tiens au courant et desolé pour le dérangement j'apprends comprend moi merci

Aucun soucis ;)
Je te conseille de faire le tour des cours (X)HTML & CSS (cf: ma signature) qui je pense te seront sûrement utile pour apprendre les bases ;)

sa ne fonctionne toujours pas voila le code quil y a dans la balise HEAD

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<script>
 
var windowWidth, windowHeight;
var thumbHeight;
var agent = navigator.userAgent.toLowerCase();
var mac = (agent.indexOf("mac")!=-1);
var ie = ((agent.indexOf("msie") != -1)&& (agent.indexOf('opera')==-1));
 
function setHeight(thumbFrameHeight){
        if (!(mac && ie)){
                windowSize();
                thumbHeight = thumbFrameHeight;
 
                document.getElementById("BottomFrame").style.height=(thumbHeight+20) + "px";
                document.getElementById("TopFrame").style.height=((windowHeight-thumbHeight) * .85) + "px";
                document.getElementById("TopFrame").style.width=(windowWidth*.9) + "px";
                document.getElementById("BottomFrame").style.width=(windowWidth*.9) + "px";
        }
}
 
function resizeThis(){
        setHeight(thumbHeight);
}
 
function windowSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement &&
      ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
 
  }
  windowWidth = myWidth;
  windowHeight = myHeight;
}
 
</script>
</head>
<body bgcolor="#F9F4F4" marginheight=0 marginwidth=0 leftmargin=0 topmargin=0 onResize="resizeThis()">
<div style="width:347px;">
<table width=100% height=100%>
<tr><td align=middle valign=middle>
 
<table cellpadding=0 cellspacing=0 border=0 valign=middle align=middle bgcolor="#FFFFFF">
<tr>
<td valign=top valign=middle align=middle style="border:1pt solid #999999">
<table cellpadding=0 cellspacing=0 bgcolor="#CCCCCC">
<tr bgcolor="#F0F0F0">
<td>
<table width=100% bgcolor="#F0F0F0">
<tr>
<td align=left valign=top>
<div id="titleframe">
	<div class="titleContent">
		<div class="banner">
			<div class="info">
			<script>
                        if ("Book Photos 1 " != "") document.write('<B>Book Photos 1 </B>');
                        if ("" != "") document.write(' :: ');
                        if ("" != "") document.write(' :: ');
                        if ("" != "") document.write(' :: ');
                        </script>

23/04/2009, 12h00
HiRoN

Citation:

Envoyé par mehdiloujdi

Cela ne fonctionne toujours pas voila le code qu'il y a dans la balise HEAD

Je n'ai répondu qu'à la question posée, je ne peux deviner ce genre de code... :aie:

Quel résultat obtiens-tu ? (une capture d'écran serait la bienvenue)
As-tu tenté en désactivant ta fonction JS ? Utilitée de celle-ci ?

Il faudra sinon, revoir la structuration de ton code (sémantiquement parlant + utilisation de balises obsolètes)