[XHTML] Besoin aide Taille d'un Bloc

**mehdiloujdi** · 23/04/2009, 11h52

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**HiRoN** · 23/04/2009, 12h05

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 ?

**mehdiloujdi** · 23/04/2009, 12h14

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

**HiRoN** · 23/04/2009, 12h18

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div style="width:347px;">
<!-- Ici Ton contenu -->
</div>

Version CSS :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="container">
<!-- Ici Ton contenu -->
</div>

Avec (lien vers fichier CSS à faire) :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

#container { width:347px; }

**mehdiloujdi** · 23/04/2009, 12h26

merci beaucoup je vais essayer je te tiens au courant et desoler pour le dérangement japprend comprend moi merci

**HiRoN** · 23/04/2009, 12h35

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

**mehdiloujdi** · 23/04/2009, 12h54

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**HiRoN** · 23/04/2009, 13h00

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...

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)

[XHTML] Besoin aide Taille d'un Bloc

HTML

Discussions similaires

Partager

Partager