28220 sujets

CSS et mise en forme, CSS3

Probleme avec les collones

Pages :
(reprise du message précédent)

merci pour larticle je comprend mieux a quoi ca sert Smiley smile
pour le white-space: nowrap; ca a pas marché sur mon image qui reffuse de remonté 
		<img src="index_06.gif" class="header2_3" alt="logo" />
qui suit le css 
#header2_3 {
float: left; /* alignement du logo à gauche */
border: 0;
}


comme ca plus precisement upload/2325-fr3.JPG
Modifié par amine84 (22 Jun 2005 - 17:47)
Modérateur
...et en ajoutant:
#header2_3 {
float: left; /* alignement du logo à gauche */
border: 0;
vertical-align: top;
}

Qu'est-ce que çà donne?
voici le dernier code que jai fai

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	   "http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>essai3</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header1 {
background-image: url('index_02.gif');
height: 93px;
width: 780px;
}
#header2 {
background-image: url('bk.gif');
height: 22px;
width: 780px;
}
#header2_1 {
float: right; /* alignement du logo à droite */
border: 0px;
width: 326px;
height: 22px;
}
#header2_2 {
	border: 0px;
	width: 139px;
	height: 22px;
}

#header2_3 {
float: left; /* alignement du logo à gauche */
border: 0;
vertical-align: top;
}
</style>

<body>
	<div id="header1">
	</div>
	
<div id="header2">

		<img src="index_04.gif" class="header2_1" alt="logo" />
		<div id="header2_2"/></div>
		<img src="index_06.gif" class="header2_3" alt="logo" />
</div>	
</body>
</html>

rien ne change niveau resultat
upload/2325-nb.JPG
Bonjour,

Dans le dernier code que tu présentes il y a des choses qui me font penser qu'il faille que tu reprenne html à la base.
Tu as un doctype et c'est très bien mais à la suite tu n'ouvres pas l'élément <html> Smiley eek et tu ne places pas tes déclarations de style au bon endroit.

Classiquement une page html doit se décomposer comme suit:
-Doctype qui indique au navigateur le dialecte dans lequel est rédigé le code qui suit, ce qui lui permet de l'interpréter correctement (ce qui de la plus haute importance pour l'utilisation de css).
-L'élémént racine <html> qui va contenir deux éléments -fondamentaux eux-aussi- d'un document html <head> et <body>, ce sont ses enfants.
-<head> va recevoir des données décrivant la page elle-même (des metadonnées). Les éléments de cette partie ne seront généralement pas restitués par le navigateur.
Au minimum <head> doit comporter un élément <title> et une <meta...> indiquant le type de contenu de la page et le jeu de carcatères utilisés.
Dans ton cas c'est aussi dans <head> que tes déclarations de styles devraient se trouver (et non après l'ouverture de <body>).
-<body> est le corps de la page, ce qui est restitué dans un agent utilisateur graphique. C'est à cet endroit que le contenu que tu souhaites afficher à tes visiteurs se situe, à l'aide des balises html appropriées aux contenus qu'elles encadrent.

Pour te donner les moyens d'utiliser pleinement css il te faut impérativement maîtriser html, sinon ton apprentissage sera jalonné d'obstacles et parfois de déceptions. Smiley cligne

Débutes du contenu de ton site, codes le avec html et ensuite passes au positionnement et à l'habillage graphique avec css, ne fait pas l'inverse. Tu verras que les soucis que tu rencontres seront plus simples à résoudre.
Pages :
Sujet clos
Aller à