28172 sujets

CSS et mise en forme, CSS3

Problème de mise en page entre IE, Firefox, safari ...

Bonjour voila je suis un petit graphiste qui plonge le nez dans le développement et qui se bouffe les doigts.
voila je crée un site pour un ami et j'ai des galère pour la mise en page et la compatibilité.
si quelqu'un a la gentillesse je jeter un oeil dessus ça serait extra.
Je pense pas que ca soit dure mais la je craque

je l'ai fais sur smultron sur mac, c'est un bon soft?

J'ai mis en pièce jointe les images. je ne comprends pas mon image de fonds ne veux pas passé.
c'est juste une image de 1px de hauteur répété, il faut juste la marge de 12px a gauche




voici mes codes:


HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

	<head>
		<title>Multiwizz</title>
		<link href="multiwizz.css" rel="stylesheet" type="text/css">
	</head>
	<body>
	<div id="page">
		<div id="global">
			<div id="bandeau">
			<p> Connexion | Inscription <span>Rechercher</span></p>
			</div>
			
				<div id="img">
				</div>
				
				<div id="slogan">
				<h1>Simplifiez-vous la communication de groupe par SMS<span>Gratuit, utile et efficace</span></h1>
				</div>
				
				<div id="cartouche">
				<h1>INSCRIPTION GRATUITE</h1>
				</div>
			
	

	
				<div id="etapes">
				<p><table border="0" cellspacing="0" cellpadding="0"> 
				<tr height="30"><td>1 - Inscrivez-vous gratuitement sur Multiwizz</td></tr> 
				<tr height="30"><td>2 - Cr&eacute;ez votre premier groupe Multiwizz</td></tr>
				<tr height="30"><td>3 - Envoyez des invitations &agrave; rejoindre votre groupe par SMS gratuit ou par email</td></tr>
				<tr height="30"><td>4 - Envoyez des SMS gratuits &agrave; l&#39;ensemble des membres de vos groupes</td></tr>  
				</table>
				</p>
				</div>
	

		</div>
	</div>
	</div>	
	</body>
	</html>



et CSS:


*{
margin:0;
padding:0;
}
body {
font-family:verdana,arial,sans-serif;
font-size:1em;
background-color:white;
}

div#page{
width:100%;
background-color:white;
}

div#global{
width:974px;
height:1000px;
margin-left:auto; 
margin-right:auto; 
background:black url(img/fond.png) repeat-y top;
background-color:white;
}

div#bandeau{
margin-left:12px;
width:947px;
//height:66px;
}

div#bandeau p{
font-style: italic ;
font-family:arial,Georgia,Serif;
font-size:0.9em;
color:white;
padding-top:16px;
padding-left:545px;
background:url(img/top.png);
padding-bottom:10px;
}

div#bandeau p span{
padding-left:15px;
color:grey;	
font-size:0.9em;
font-weight:normal;
}

div#img{
float:left;
background:url(img/img1.png);
margin-left:12px;
width:424px;
height:305px;
}

div#slogan{
}

div#slogan h1{
text-align:center;
font-size:1em;
color:#349cd5;
padding-top:80px;
}

div#slogan h1 span{
display:block; /*pour qu'il aille a la ligne*/
font-size:2em;
font-weight:normal;
}


div#cartouche{
margin-top:45px;
margin-left:548px;
width:312px;
height:65px;
background:url(img/cartouche_vert.jpg);
}

div#cartouche h1{
padding-top:16px;
font-family:arial,Georgia,Serif;
font-size:1.5em;
text-align:center;
color:white;
}

div#etapes{	
margin-top:60px;
margin-left:35px;
height:165px;
width:712px;
background:url(img/separation_grande.jpg) no-repeat;
}

div#etapes p{	
padding-top:20px;
padding-left:15px;
}
[code] upload/24524-top.png upload/24524-cartouchev.jpg upload/24524-img1.png upload/24524-separation.jpg
Modifié par neil (27 Oct 2009 - 14:36)
Administrateur
Bonjour et bienvenue, Smiley smile

tes images ne passent pas et je crois même qu'elles ne sont pas chez l'hébergeur.
Tu peux les uploader ici sur le forum ("Joindre une image") en faisant attention qu'ici tous les boutons rajoutent du BBcode à la fin du texte, où que soit le curseur au moment où tu cliques sur un bouton.


neil a écrit :
je l'ai fais sur smultron sur mac, c'est un bon soft?

En gratuit oui (le raccourci pour fermer les balises HTML à la chaîne est pas mal et il gère bien les encodages).
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
voila mon premier message édité Smiley smile
pour ma présentation je ne vois pas ce bandeau...
dsl ca doit etre la fatigue.
merci a vous de vous pencher sur mon cas
Modifié par neil (27 Oct 2009 - 14:38)
Salut,

Je pense qu'une page en ligne serait plus explicite et susciterait plus de réactions. Il est clair que le code au kilomètre donne rarement envie. Smiley cligne
Sujet clos
Aller à