School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 [Question][Tuto HTML + CSS] Faire l'interface graphique de son site

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
 

Tite-May

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Doyenne du Forum : ancienne Directrice
Nombre de messages: 8592
Age: 19
Localisation: Loir et cher
$ops: 10873
Points: 180
Date d'inscription: 28/04/2009
Distinctions: *** Assistante personnelle de Miettes ***

 
MessageSujet: [Question][Tuto HTML + CSS] Faire l'interface graphique de son site    Lun 18 Juil - 14:11

Toutes les questions concernant ce tutos se poseront ici.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://school-of-pub.fr
 

ozmagoray

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 610
Age: 40
$ops: 4317
Points: 5
Date d'inscription: 24/04/2011
Distinctions: Déléguée de Mars 2012

 
MessageSujet: Re: [Question][Tuto HTML + CSS] Faire l'interface graphique de son site    Mer 3 Aoû - 14:02

Bonjour,

j'ai voulu faire une mise en page pour mes pubs de forum(pas encore personnalisé le tuto)en intégrant le css dans ma page et non pas dans une feuille à part.

IL me semblait que le css se mettait entre les balises head et le style dans les balises body, mais j'ai un soucis, voici mon code:
Code:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Publicité</title>

 body{
  background-color: #723f15;
}
 #conteneur{
  width: 800px;
  min-height: 600px;
  height: auto;
  margin: auto;
  border: 1px white dotted;
  background-color: #b18e59;
}
 #banniere{
  height: 140px;
  width: 876 px;
  background-image:url(http://img44.xooimage.com/files/9/9/7/bannire1fg5-7b1425.png);
  background-position: center;
}
 #contenu{
  width: auto;
  min-height: 528px;
  height: auto;
  margin-top: -20px;
  padding-top: 20px;
}

#contenu p{
  padding-left: 20px;
  padding-right: 20px;
  text-align:justify;
  color: #666666;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
}
#copyright{
  height: 40px;
  width: auto;
  padding-top: 20px;
  text-align: center;
}

#copyright p{
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  color:#333333;
}
</head>

<body>




 <div id="conteneur">
 
    <div id="conteneur">
      <div id="banniere">
        <!-- voici le bloc où sera mise à la bannière -->
      </div>

   

      <div id="contenu">
      <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla dolor faucibus orci dictum vulputate. Integer accumsan ultricies metus, sed venenatis quam consequat eu. Integer blandit nulla quis massa scelerisque pretium tincidunt urna auctor. Mauris sapien velit, mollis sed dictum non, vestibulum eget lacus. Quisque convallis purus nec turpis euismod accumsan. Morbi quis nibh et lectus pharetra vehicula a et neque. Praesent nisi ligula, sollicitudin nec consectetur vitae, tincidunt et libero. Nulla aliquam quam eget quam facilisis porta. Suspendisse nisl sem, suscipit ac molestie vitae, condimentum sed nunc. In euismod, sapien et tincidunt cursus, augue neque consectetur neque, sed accumsan nulla sem a augue. Phasellus erat leo, hendrerit vitae scelerisque at, tempus at velit. Proin sed venenatis erat. Cras urna ipsum, porttitor mattis tincidunt a, tempus et nisl.</p>

<p> Donec quis nunc turpis. Phasellus eleifend pellentesque massa, quis tristique ipsum consequat vel. Nulla bibendum facilisis nulla, in condimentum dui varius in. Maecenas vestibulum libero at odio venenatis pharetra iaculis enim adipiscing. Etiam nec dignissim orci. In et justo magna, auctor lacinia ipsum. Ut iaculis tincidunt risus, in bibendum tortor tincidunt quis. Phasellus quis eros tortor. Morbi id mauris sit amet elit consectetur placerat et id nibh. Quisque sapien odio, fringilla sit amet fermentum euismod, fermentum sed elit. Proin dapibus libero eget leo dictum ut pellentesque urna fringilla. Vestibulum at elit velit.</p>

<p> Quisque porttitor, libero in facilisis mollis, turpis sem fermentum dui, at congue dui mauris vitae felis. Ut sollicitudin est congue lorem imperdiet vitae dictum velit sagittis. Curabitur et felis lectus. Vestibulum lorem arcu, pellentesque suscipit ultricies quis, condimentum nec ipsum. Pellentesque id mauris nulla, ut volutpat dui. Morbi ac venenatis nisi. Aliquam sapien sem, elementum vitae cursus a, ultrices vitae lacus. Praesent enim nulla, pretium nec iaculis eu, dapibus vel nulla. Mauris ornare euismod turpis, vel rutrum magna cursus sit amet. Etiam sit amet dui a enim porta tristique in a quam. Duis consectetur aliquam rutrum. Curabitur congue imperdiet purus, ut viverra libero commodo pharetra. In hac habitasse platea dictumst. Aenean auctor sagittis tincidunt. Duis sed enim nisl. Sed suscipit consequat odio ac tristique.</p>

<p> Aliquam ac lorem dolor, a aliquam sapien. Nunc risus nulla, dignissim quis sagittis laoreet, suscipit id urna. Cras euismod fermentum sem rhoncus malesuada. Maecenas lacinia tristique est, id aliquet risus luctus eget. Integer sed eros nec massa dictum faucibus. Morbi gravida sem a ante imperdiet eget placerat neque mattis. Etiam non massa ipsum. Nullam in lacus ac tortor lacinia vestibulum in consequat turpis. Quisque et nulla in diam mollis molestie a sit amet massa. Vivamus porta malesuada ultrices. Donec mauris felis, interdum vel sollicitudin tincidunt, tincidunt quis mi. Nulla eget leo id nunc sollicitudin porttitor vel quis libero. Quisque dictum metus augue, a imperdiet sem. Vivamus diam orci, placerat at porta ut, cursus nec arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla tincidunt convallis semper. Nulla facilisi. Duis ut nunc aliquam ipsum dapibus sodales. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non sem sapien.</p>

<p> Aenean in libero nec mi fermentum hendrerit et suscipit nulla. Sed pellentesque venenatis dolor eget elementum. In hac habitasse platea dictumst. Etiam lectus lacus, congue in faucibus ac, eleifend vel urna. Praesent ut ipsum eu quam pretium lacinia. Mauris varius, nunc non sagittis mollis, tortor mi ultrices metus, nec luctus sapien risus at felis. Integer vitae arcu ante, at accumsan lectus. Donec vitae porta purus. Nullam eu convallis lectus. Donec quam dui, lacinia sed interdum ut, luctus id nisl. Sed arcu nisl, sollicitudin sit amet suscipit eget, aliquet eu augue. Praesent in sapien vel dui aliquam accumsan ut sit amet felis. Phasellus ipsum tellus, blandit non bibendum vel, fermentum a dolor. Nullam non dolor ipsum. Proin turpis risus, malesuada ut facilisis nec, adipiscing lobortis metus. Vivamus sit amet imperdiet nibh. Nullam tincidunt pulvinar elit, eget vehicula diam scelerisque a. </p>
      </div>
     
      <div id="copyright">
        <p> ©Ozma, 2011   </p>
      </div>
 
  </div>
 
 
  </div>
 
 
  </body>
</html>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://gfx-art.graphforum.com
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44255
Age: 24
Localisation: Lille
$ops: 21165
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: [Question][Tuto HTML + CSS] Faire l'interface graphique de son site    Mer 3 Aoû - 14:35

En fait ça se présente comme ça :

Code:
<style>

ton css

</style>

</head>

<body>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

ozmagoray

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 610
Age: 40
$ops: 4317
Points: 5
Date d'inscription: 24/04/2011
Distinctions: Déléguée de Mars 2012

 
MessageSujet: Re: [Question][Tuto HTML + CSS] Faire l'interface graphique de son site    Mer 3 Aoû - 14:51

:love: merci miettes, je l'avais oublié cette balise(kiri va me taper sur les doigts Embarassed ), ça marche, me reste plus qu'à le personnaliser.merci encore
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://gfx-art.graphforum.com
 

[Question][Tuto HTML + CSS] Faire l'interface graphique de son site

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Les cours :: Questions :: Informatique :: Codage-


Aller en haut
Aller en bas