28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je possède un design pour un site Web fait avec Photoshop et ImageReady.

Ce dernier m'a généré un code XHTML et une feuille de style CSS mais je me demandais si c'était bien raisonnable de l'utiliser.

Voici un exemple de ce qui est généré pour le fichier .html :

	<div id="logo">
		<img src="images/logo.png" width="452" height="235" alt="">

	</div>
	<div id="banniere">
		<img src="images/banniere.png" width="692" height="235" alt="">
	</div>
	<div id="identifiant">
		<img src="images/identifiant.png" width="343" height="35" alt="">
	</div>



Et pour la feuille de style :

body {
background: #000099 url(images/back.png) top center repeat-x; 
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}

#logo {
	position:absolute;
	left:60px;
	top:0px;
	width:452px;
	height:235px;
}

#banniere {
	position:absolute;
	left:512px;
	top:0px;
	width:692px;
	height:235px;
}

#identifiant {
	position:absolute;
	left:60px;
	top:235px;
	width:343px;
	height:35px;
}


A votre avis est-ce bien raisonnable de tout positionner comme ca ?
thebat a écrit :
A votre avis est-ce bien raisonnable de tout positionner comme ca ?

Comme toujours: ça dépend.

Il y a un contenu pour cette page?
Oui il y aura du contenu, c'est d'ailleurs bien ce qui m'embete car pour le moment il est intégré à l'image mais il devra bien entendu changer selon les pages.
Ce n'est pas une question de confiance.

IR te rendra exactement ta maquette, puisqu'il place tout en absolute.
Bref, ce n'est vraiment pas la solution idéale et surtout pas du tout flexible.

Il n'est pas possible (à moins que CS3 fasse mieux) d'indiquer qu'une "morceau" est flottant par exemple.

IR ne me sert qu'à faire les découpes et sortir les bouts de maquettes optimisées. Et encore, je passe le tout dans pngout ensuite.