Design du site web?
Résolu
jb00ster
Messages postés
48
Date d'inscription
Statut
Membre
Dernière intervention
-
jb00ster Messages postés 48 Date d'inscription Statut Membre Dernière intervention -
jb00ster Messages postés 48 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
voila je debute en php,javascript et css, donc j'aimrais savoir si quelqun peu m'aider (des liens,documentations, ou des conseils) pour concevoir un arrier plan de mon site (cadre centré et dynamique avec une image) de ce genre
https://outlook.live.com/owa/
merci d'avance
voila je debute en php,javascript et css, donc j'aimrais savoir si quelqun peu m'aider (des liens,documentations, ou des conseils) pour concevoir un arrier plan de mon site (cadre centré et dynamique avec une image) de ce genre
https://outlook.live.com/owa/
merci d'avance
A voir également:
- Design du site web?
- Création site web - Guide
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Web office - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
3 réponses
Il faut faire un kit graphique tiens un bon tuto sur lequel j'ai appris :
http://lfdlc.free.fr/tutoflash/bigtutopart1photoshop.html
http://lfdlc.free.fr/tutoflash/bigtutopart1photoshop.html
SALUT
voila un squelette a toi de l adapter !
RAD
voila un squelette a toi de l adapter !
<!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">
<head>
<title>RAD ZONE Webcreation
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="http://radservebeer.free.fr" />
<meta name="generator" content="PSPad editor, www.pspad.com" />
<style type="text/css">
<!--
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
#conteneur {
position:absolute; /*important pour le centrage*/
height:600px;
width:800px;
margin:-300px 0px 0px -400px; /*moitie du height et width en - pour centrer*/
top: 50%; /*important pour le centrage*/
left: 50%; /*important pour le centrage*/
text-align: left;
padding: 0px;
background-color: #f5f5f5;
border: 1px dotted #000000;
overflow: auto;
}
p, h1 {
margin: 0px;
padding: 10px;
}
h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
}
a {
color: #ff66cc;
font-size: 11px;
background-color:transparent;
text-decoration: none;
}
-->
</style>
</head>
<body>
<div id="conteneur">
<p><b>conteneur</b><br /><br />Conteneur toujours centre.<br />Alignement texte gauche <br /><b>ie mac n aime pas trops ! </b><br />
</p>
<p>
<p>Lorem ipsum dolor sit amet consectetuer vel diam eros dapibus mi. Sed et Nam tincidunt sem consectetuer quis justo eu egestas Nulla. Ac ligula dui pede Donec Aenean nec faucibus Mauris suscipit non. Non sem In et ante interdum eleifend Nam Pellentesque leo fermentum. Eget mattis nisl libero feugiat Ut libero eros sagittis a ligula. Tellus Aliquam.</p>
<p>Et Maecenas id Aenean elit mauris eu amet Phasellus pede interdum. Neque hendrerit Vivamus ipsum sem nisl Sed leo Curabitur Pellentesque vestibulum. In porta nulla id urna id auctor platea malesuada Vestibulum augue. Nulla tempus odio sagittis penatibus sit eros sapien Nulla turpis elit. Sed justo ut congue sapien mi non mauris purus ante congue. Iaculis turpis.</p>
<p>Ante cursus ligula facilisis orci justo consectetuer porttitor lobortis tristique eget. Curabitur Nam consequat nisl lorem venenatis Ut laoreet justo elit metus. Vestibulum vel nunc eu Vestibulum sem nunc gravida parturient orci malesuada. Morbi Phasellus nec tincidunt quis ante Pellentesque vitae suscipit laoreet Curabitur. Quis sapien et interdum sapien lacinia vel laoreet auctor euismod a. Ligula Suspendisse elit nunc magna Vestibulum Aenean.</p>
<p>Elit fringilla In Cum ligula ac eu diam ac rhoncus felis. Malesuada et sed lorem aliquet Integer Nam at hendrerit Pellentesque neque. Ut natoque quam In magnis natoque In tellus et nibh Nullam. Tristique lacinia habitasse feugiat nunc ac id vitae nec ut Sed. At lacinia nibh orci non semper pellentesque malesuada montes pulvinar tortor. </p>
</div>
</body>
</html>
RAD
le plus simple !
ne donne pas de valeur au height du conteneur !! et tu enleve l overflow let e top 50% qui ne servent plus a rien et tu donne un margin top normal a la place du -300px , j ai mis 100px dans cet exemple
RAD
ne donne pas de valeur au height du conteneur !! et tu enleve l overflow let e top 50% qui ne servent plus a rien et tu donne un margin top normal a la place du -300px , j ai mis 100px dans cet exemple
#conteneur {
position:absolute; /*important pour le centrage*/
width:800px;
margin:100px 0px 0px -400px; /*moitie width en - pour centrer verticalement */
left: 50%; /*important pour le centrage*/
text-align: left;
padding: 0px;
background-color: #f5f5f5;
border: 1px dotted #000000;
}
RAD
a+