28234 sujets

CSS et mise en forme, CSS3

[RESOLU] Qui peut m'aider ?

voilà j'essaye de faire une interface sympas, mais quand ca marche sous IE, ca marche pas sous mozila ou l'inverse

voilà ce que j'essaye de faire,
un div carré à gauche horizontalement de 20 % sur 20% pour le logos, puis lun autre de 80% pour l'entete,

en dessous du logo un div verticale de type rectangle de 80% et let le reste,


merci a ceux qui pourront m'aider.
Modifié par burinho (30 Jul 2006 - 21:37)
j'ai pas de lien en ligne,

mais voici le code de la page :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<style>
html, body {
margin:0;
padding:0;
height: 100%;}

a:link {color:white;}
a:hover {background:#B254FF;}
:focus {background:yellow;}
a:active {background:red;}


.logo{float:left;
height:2.2em;width:4em;
background-color:#8000FF;
font-familly:"comic sans ms";
font-size:250%;
text-align:center;
vertical-align:middle;


}
.entete{float:left;
height:5.5em;width:38.7em;
background-color:#54FFE0;
}

.gauche{float:left;
height:22.3em;width:10em;
background-color:#9A9FFF;

}

.contenu{float:left;
height:22.3em;width:40em;
background-color:#9A9FFF;

}
.log {position:relative;
width:2em;height:2em;
padding:0;
left: 0%;top:0%;
text-align:center;
vertical-align:middle;
background-color:#FFBF00;
border-style:outset;
border-top:0;border-right:5%;border-bottom:5%;border-left:0;
color:grey;
overflow:visible;


}

.bouton{
position:relative;
margin:0 1em 0 1em;top:1em%;
-moz-border-radius:10% 10% 10% 10% ;
background-color:#FF2E7E;
border-style :inset;border-color:#FF2E7E;
color:black;
text-decoration:none;
}

.onglet{float:left;
margin-top:1%;
background-color:#00FFFF;
border-style:outset;
-moz-border-radius:10% 10% 0% 0% ;
font-familly:"comic sans ms";
font-size:150%;
line-height:100%;


}




</style>




<title>Sans Titre</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="HAPedit 3.1">
</head>
<body bgcolor="#FFFFFF">
<div class="logo">ACPS
</div>
<div class="entete">

</div>
<div class="gauche">
<div class="log">
<input type="text" name="login" value="connectez vous" size="15" maxlength="15">
<input type="password" name="password" value="mot de passe" size="15" maxlength="15">
<div class="bouton"><a href="#">Vamos lá !!!</div>
</div>
</div>
<div class="contenu">
</div>



</body>
</html>
Administrateur
Salut, veux-tu bien utiliser les balises [ CODE] pour désigner tes codes HTML et CSS ? Ça facilitera la lecture à tout le monde, comme cela est expliqué dans les Règles du forum... je crois que ce n'est pas la première fois qu'on te le signale, non ?

PS : "Qui peux me m'aider ?" --> Qu'est-ce que c'et que ce titre incompréhensible ?
désolé pour le code, mais je pense pas que l'on me la déjà signaler, mais bon maintenant je le sais.

j'avoue que mon titre était pas génial, mais sur le coup je n'ai rien trouvé de plus correct.
Maintenant que c'est signaler, est-ce que tu peux le FAIRE?

Merci, donc, d'éditer tes précédents posts pour y placer les balises [code] où nécessaire. Et aussi modifier ton titre pour le rendre plus explicite.
Modifié le 11 Jan 2005 - 00:32
burinho a écrit :
désolé pour le code, mais je pense pas que l'on me la déjà signaler, mais bon maintenant je le sais.

j'avoue que mon titre était pas génial, mais sur le coup je n'ai rien trouvé de plus correct.


Pour le code, c'est un oubli dans ce sujet-là Smiley lol :
http://forum.alsacreations.com/topic.php?fid=4&tid=1151&s=

Pour ce post ancien, si il est réglé, un petit résolu dans le titre serait aussi le bienvenue. Smiley cligne Dans celui-ci ce serait bien aussi:
http://forum.alsacreations.com/topic.php?fid=4&tid=1291&s=

Pour le titre de celui-ci il faudrait vraiment faire quelque chose. Smiley cligne
Modifié le 11 Jan 2005 - 01:17
Administrateur
> > > upload/39-EDITERboudiou.png < < <

C'est là que ça se passe pour les balises [ code] Smiley baille (pour le titre, j'ai édité, j'ai les yeux sensibles ...)
Ceci dit, un titre plus évocateur ne serait pas dommage, parce qu'en fait, tous les posts pourraient s'intituler "Qui peut (me) m'aider ?", puisque c'est justement le but de ce forum, non ?

@+, HoPHP
Sujet clos
Aller à