[XHTML] Besoin aide Taille d'un Bloc

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

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, 11h05

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, 11h14

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

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

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, 11h26

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

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

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, 11h54

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>

[XHTML] Besoin aide Taille d'un Bloc

HTML

Vue hybride

Discussions similaires

Partager

Partager