5568 sujets

Sémantique web et HTML

Comment m'y prendre pour découper ceci ?

Bonjour, en largeur fixe.

Voici mon rendu :

<!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>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  <title></title>

  <link rel="stylesheet" media="screen" href="css.css" />
</head>
<body>
<div id="page">
<div id="header">
	<img src="img/alexiscompain.png" alt="Alexis Compain Portfolio" style="margin: 50px;" />
	<img src="img/effet.png" alt="Alexis Compain Portfolio" style="float:right"/>

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


* {
margin: 0px;
padding: 0px;
}

body {
background-color: #333;
}

div#page {
width : 1018px;
margin: 10px auto;
}

div#header {
height: 300px;
}


mais je ne pense pas que ce soit la meilleure solution non ?
http://img338.imageshack.us/img338/9859/sanstitre4bb.jpg
Modifié par Sheiya (06 May 2010 - 12:54)
Au début j'ai eu peur que tu ne découpes le nom du site et l'effet graphique qu'en une seule image, mais je vois que tu en as fait deux images séparées, ce qui est une bonne chose. Cela dit, la deuxième n'a pas vraiment de raison d'être en tant qu'élement "image", puisqu'elle n'est là que pour "décorer". Il serait donc plus juste de la mettre en arrière-plan via du CSS. Smiley cligne
Sinon ma façon de penser actuelle est elle bonne en prenant en compte ce que tu viens de me dire ?
Modifié par Sheiya (06 May 2010 - 15:04)
Je ne vois à priori rien de choquant, donc pour le moment ça doit être bon.

Petit conseil en passant : il n'est pas utile de préciser l'unité après un '0' en CSS. Dans ton cas, ça ferait déjà 4 octets de moins pour ta feuille de style (1 octet par caractère, et tu as deux 'px' en "trop"), pour des pages assez importantes, ça peut vite faire la différence sur le temps de chargement. Smiley cligne
Modifié par phpdoesnotcare (06 May 2010 - 15:27)
Sujet clos
Aller à