Y'a-t-il moyen de simplifier ?

Marsh Posté le 16-09-2004 à 21:50:19

Voici un petit code html qui ne fait qu'afficher au centre de l'écran un e invite d'auth. Je trouve pourtant ce code compliqué pour ce que c'est ... N'y a-t-il pas moyen de le simplifier ???

En l'executant vous verrez que le titre dans la barre de titre ne se centre pas correctement, y-a-t-il un moyen de corriger ca ?

Code :

<html>
<head>
<title>[TEXT=auth_page_title]</title>
<style type="text/css">
<!--
body {
background-color: white;
color: black;
font-family: sans-serif;
font-size: small;
}
.contener {
text-align: center;
}
.cadre {
position: absolute;
top: 50%;
left: 50%;
margin-left: -200px;
margin-top: -70px;
width: 400px;
height: 140px;
text-align: left;
border-color: #B21B1B;
border-width: 1px;
border-style: solid;
background-color: #FFF5F4;
font-weight: bold;
text-shadow: black 3px 3px;
}
.title {
display: block;
height: 25px;
color: white;
padding-left: 10px;
background-color: #F96969;
background-repeat: no-repeat;
background-image: url(images/menu_bg.jpg);
}
.content {
padding-left: 5px;
}
input {
border-style: solid;
border-width: 1px;
}
.input {
left: 10px;
}
-->
</style>
</head>
<body>
<div class="contener">
<div class="cadre">
<div class="title">
[TEXT=auth_title_box]
</div>
<div class="content">
<br/>
<table>
<tr>
<td align="left">[TEXT=login]:</td>
<td width="30"></td>
<td align="right"><input type="text"><td>
</tr>
<tr>
<td height="10" colspan="3"></td>
</tr>
<tr>
<td align="left">[TEXT=login]:</td>
<td width="30"></td>
<td align="right"><input type="text"><td>
</tr>
</table>
<br/>
</div>
</div>
</div>
</body>
</html>

Merci d'avance !!!

---------------
.:coin:.

Reply

Marsh Posté le 16-09-2004 à 21:50:19

Reply

Marsh Posté le 16-09-2004 à 21:58:02

url pour voir?

paske la tes 50 div imbriqu" avec whatmille table dedans c'est bof

Reply

Marsh Posté le 16-09-2004 à 22:13:40

http://www.canard.ch/hardwarefr/hardwarefr_001.html

---------------
.:coin:.

Reply

Marsh Posté le 16-09-2004 à 22:15:43

rassure moi, c'est volontaire les [TEXT=(.+?)] :??:

sinon ben pour centre ton titre, dans la class .titre tu rajoute

text-align:center a la fin

Reply

Marsh Posté le 16-09-2004 à 22:18:00

yep ! le [TEXT=...] est une balise de mon système de template !

le text-align c'est pour l'horizontal, ce qui m'interesse c'est le vertical...

Message édité par kalios le 16-09-2004 à 22:18:12

---------------
.:coin:.

Reply

Marsh Posté le 16-09-2004 à 22:20:28

ben vertical-align alors [:dawa]

et moi je le voit centré h/v hein

Reply

Marsh Posté le 16-09-2004 à 22:25:52

[TEXT=auth_title_box] n'est pas centré sur la barre de titre ! ou alors c'est moi qui louche !

vertical-align ne fonctionne pas sur les div !!!!!

---------------
.:coin:.

Reply

Marsh Posté le 16-09-2004 à 22:41:26

kalios a écrit :

vertical-align ne fonctionne pas sur les div !!!!!

Exact.

Sinon pour alléger les code :

- vire le tableau
- utilise des balises sémantiques (<h1> au lieu de <div class="title">
- regroupes les propriétés CSS (border-color, border-width et border-style peuvent être regroupées avec border)

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 16-09-2004 à 22:46:55

gm_superstar a écrit :

Exact.
- vire le tableau
- utilise des balises sémantiques (<h1> au lieu de <div class="title">
- regroupes les propriétés CSS (border-color, border-width et border-style peuvent être regroupées avec border)

c juste pour le <h1> ! j'y avais pas pensé

en revanche pour le tableau c'est difficile puisque je souhaite que les <input type=text> soient alignés ! je ne vois pas comment faire autrement !

sinon pour l'alignement vertical du text dans le titre ?

---------------
.:coin:.

Reply

Marsh Posté le 16-09-2004 à 22:48:02

je sais pas trop pour ton alignement

peu etre un

margin-top:auto
margin-bottom:auto

je sais pas trop, faudrait tester

Reply

Marsh Posté le 16-09-2004 à 22:48:02

Reply

Marsh Posté le 16-09-2004 à 22:56:05

kalios a écrit :

en revanche pour le tableau c'est difficile puisque je souhaite que les <input type=text> soient alignés ! je ne vois pas comment faire autrement !

Allez, ce soir c'est ma tournée ! Tu peux t'inspirer de cette page que j'ai faite pour un site perso : http://djailles.free.fr/hfr/prog/login.html

A adapter à tes besoins donc.

kalios a écrit :

sinon pour l'alignement vertical du text dans le titre ?

Si tu es sûr que le titre sera sur une ligne tu peux essayer de jouer avec line-height ou avec padding-top. Mais ça ne sera pas un centrage automatique.

Message édité par gm_superstar le 16-09-2004 à 22:56:30

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 17-09-2004 à 09:37:19

merci bcp ! J'ai considérablement simplifier la page pour avoir la même apparence:

http://www.canard.ch/hardwarefr/hardwarefr_002.html

Cependant il reste ce problème d'alignement vertical que je n'arrive pas à résoudre !

---------------
.:coin:.

Reply

Marsh Posté le 17-09-2004 à 09:38:17

:fou: mais le problème c'est que sur iexplore ca merde !!!

Reply

Marsh Posté le 17-09-2004 à 09:45:14

kalios a écrit :

:fou: mais le problème c'est que sur iexplore ca merde !!!

euh c'est bon c'était la largeur du label qui était trop grande !

Reply

Y'a-t-il moyen de simplifier ?

Sujets relatifs:

Leave a Replay