Credits

Gaming images in backgrounds are trademarks of their respective holders.
Museo Sans font by Jos Buivenga (exljbris) : http://www.exljbris.nl

Forum PAO LaLogotheque.com: Dreamweaver - Forum PAO LaLogotheque.com

Aller au contenu

Hide message Show message

Bienvenue sur le Forum d'entraide à l'infographie de Lalogotheque.com !!!





Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

Dreamweaver Positionner une image au centre d'un bloc

#1 L'utilisateur est hors-ligne   claire61 

  • Logoteur de Papier
  • Groupe : Newbies
  • Messages : 6
  • Inscrit(e) : 04-septembre 11

  Posté 05 septembre 2011 - 10:34

Bonjour à tous

J'espère que quelqu'un saura m'aider.

J'ai commence un petit site perso composé d'un "header", d'un "content", d'un "footer" etc ...
J'ai créé des styles et jusque là, ça va.
Mais j'aimerais insérer une photo dans le bloc "content" qui soit centrée verticalement et horizontalement dans ce bloc.
Si j'insère la photo par le menu insertion, il se positionne en bas, à gauche.
Je coince vraiment. Je pense que je dois créer un autre style, mais je ne sais pas par où commencer
Merci beaucoup de m'aider si vous le pouvez

Voici le code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//fr" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<style type="text/css">
#wrapper {
text-align: left;
width: 900px;
margin-left: auto;
margin-right: auto;
}
#header {
height: 80px;
border-top: #ffffff;
border-right: #ffffff;
border-bottom: #ffffff;
border-left: #ffffff;
}
p {
font: 16px Verdana, Geneva, sans-serif;
color: #FFF;
}
#content {
background: #b0aba7;
margin-top: 50px;
margin-bottom: 0px;
padding-top: 0px;
border-right: 1px solid #d1ceca;
border-left: 1px solid #d1ceca;
}
#footer {
clear: both;
height: 35px;
margin-top: 0px;
padding-top: 0px;
}
body {
background: #6b6764;
text-align: center;
margin: 0px;
padding: 0px;
}
</style>
</head>

<body>
<div id="wrapper">Placez ici le contenu de id "wrapper"
<div id="header"><img src="Images/header.png" width="900" height="100" alt="header"></div>
<div id="content">
<img src="Images/content.png" width="900" height="700" alt="content"><img src="Images/logo-noir.png" alt="photo" width="350" height="350"></div>
<div id="footer"> Placez ici le contenu de id "footer" </div>
</div></body>
</html>

Ce message a été modifié par Mi©hel - 06 septembre 2011 - 06:16 .

0

#2 L'utilisateur est hors-ligne   iLuc 

  • Logoteur de Fer
  • Groupe : Membre++
  • Messages : 64
  • Inscrit(e) : 21-mai 05

Posté 12 septembre 2011 - 19:29

Voir le messageclaire61, le 05 septembre 2011 - 10:34 , dit :

Bonjour à tous

J'espère que quelqu'un saura m'aider.

J'ai commence un petit site perso composé d'un "header", d'un "content", d'un "footer" etc ...
J'ai créé des styles et jusque là, ça va.
Mais j'aimerais insérer une photo dans le bloc "content" qui soit centrée verticalement et horizontalement dans ce bloc.
Si j'insère la photo par le menu insertion, il se positionne en bas, à gauche.
Je coince vraiment. Je pense que je dois créer un autre style, mais je ne sais pas par où commencer
Merci beaucoup de m'aider si vous le pouvez


Bonsoir,

Si dans ton header tu n'a qu'une seul image.
Tu peu faire directement ça dans ton css :

#header img{
margin-right: auto;
margin-left: auto;
border-style: none;
vertical-align: top;
}

( vérifie quand même si ça marche )

Dans tes <img src=" ....>
Tu peu aussi ajouté des class. ;-)

<img class="imgheader" src=".." alt="..." >


Tu est sur MAC ?

Ce message a été modifié par iLuc - 12 septembre 2011 - 19:30 .

Limonads un annuaire gratuit- disque vinyle occasion - webdesign et création de site vitrine à Marseille
0

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)



Enter your sign in name and password


Sign in options
  Or sign in with these services