cadre en HTML avec titre au bord

Version imprimable

22/11/2007, 10h34
fatenatwork

cadre en HTML avec titre au bord

Bonjour, je suis débutante en HTML,
je veux un exmple pour faire une sorte de cadre et si c'est possible comment faire pour que je puisse dans la partie supérieure du cadre écrire un titre.
j'espère que ma question est claire
Merci
22/11/2007, 10h41
Dsphinx

Hello,

Tu peux faire un tableau (TABLE) ! Un petit cours sur les tables pour mieux comprendre !

cas particulier

Merci mais c un cas un peu particulier, comme suivant:
j'ai le code suivant que je veux encadrer par un tableau, mais ça passe pas

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
 
<%--  Combobox for Portage IN --%>
	<daform:SingleCol>
        <daform:DAComboBox key="Portage_IN_Key"
            name="Portage_IN"
            optionValues="<%=Customised_RAACreateCustomerContractPageController.PORTAGE_IN_VALUES_ATTRIBUTE%>"
            optionKeys="<%=Customised_RAACreateCustomerContractPageController.PORTAGE_IN_KEYS_ATTRIBUTE%>"
             model="<%=Customised_RAACreateCustomerContractPageController.CONTRACT_DATA_MODEL_NAME1%>"
            property="<%= ContractDataModel.PORTAGE_IN1%>"
            mandatoryFlag="true"
            width="M"
            onChange="javascript:portageInChange()">
		</daform:DAComboBox>
    </daform:SingleCol>
 
    <%-- later manage this with javascript --%>
    <%-- ajouter dans le controleur de la page l'appel à la classe de verification de portabilité--%>
    <%-- la classe "RAAOptionsManager"--%>
 
     <daform:SingleCol>
	        <daform:DAField key="RIO_Directory_Number_Key"
	            model="<%=Customised_RAACreateCustomerContractPageController.CONTRACT_DATA_MODEL_NAME1%>"
	            property="<%=ContractDataModel.RIO_NUMBER1%>"
	            width="L"
	            mandatoryFlag="true"
	            formatMask="0699999999"
	            defaultValue="06"
	            displayMode="E,E,D">
	        </daform:DAField>
    	</daform:SingleCol>
 
        <daform:SingleCol>
	        <daform:DAField key="RIO_Key"
	            model="<%=Customised_RAACreateCustomerContractPageController.CONTRACT_DATA_MODEL_NAME1%>"
	            property="<%=ContractDataModel.RIO_KEY1%>"
	            width="L"
	            mandatoryFlag="true"
	            formatMask="99ANNNNNNNNN"
	            displayMode="E,E,D">
            <daform:SubmitButton key="Check_RIO_Button_Key" name="RIOButton" arg0=""/>            
	        </daform:DAField>
    	</daform:SingleCol>
 
       <div id="RIO1">
        <TR>
        	<TD VALIGN="TOP" CLASS="DAColLabel" colspan="1">
				<div class="DALabelDIV">
					<STRONG><SPAN CLASS="DALabel">Message: </SPAN></STRONG>
				</div>
			</TD>
			<TD VALIGN="TOP" CLASS="DAColData" COLSPAN="4">
					<SPAN CLASS="DADataReadOnly">messageRIO</SPAN>
        	</TD>
        </TR>
    </div>

voilà.
Merci

Salut,

Surtout pas de tableau, suffit juste de faire :

Code:

1
2
3
#cadre {border: 1px silver outset;width:150px;height:150px;}
#cadre h4 {text-align:center;font-size:1.2em;}
#cadre p {width:145px;font-size:.95em;text-align:justify;}

Code:

1
2
3
4
<div id="cadre">
 <h4>Titre</h4>
 <p>Mon texte ici</p>
</div>

04/12/2007, 10h56
fatenatwork

yes cadre et pas tableau, merci

exactement je voulais bien faire des cadres et pas des tableaux !
merciiiiiii
:yaisse2:
04/12/2007, 11h16
fatenatwork
Citation:
Envoyé par kaiser59

Salut,

Surtout pas de tableau, suffit juste de faire :

Code:

1 2 3 #cadre {border: 1px silver outset;width:150px;height:150px;} #cadre h4 {text-align:center;font-size:1.2em;} #cadre p {width:145px;font-size:.95em;text-align:justify;}

Code:

1 2 3 4 <div id="cadre"> <h4>Titre</h4> <p>Mon texte ici</p> </div>
je viens d'ajouter ton code mais le problème est que je me suis retrouvé
avec un cadre en haut de la page a gauche (bon c un détail) mais je voudrais dire
que j'ai essayé d'encadrer une partie de ma page jsp ecrite avec des taglibs d'un framework et ça passe pas!
je comprends pas pkoi!
04/12/2007, 12h41
kaiser59

une p'tite image du problème pourrait mieux m'aider ;)

merci