Mon premier site, mes premières impasses

Leopold
Invité n'ayant pas de compte PHPfrance

24 nov. 2012, 00:51

Bonsoir a tous, j'ai un probleme je suis en train de réaliser un site web, principalement en Php et je suis bloqué sur plusieurs étapes :cry:
J'aimerais mettre en fond d'écran fixe une image .png mais je n y arrive pas.
J'aimerais crée des nouvelles pages pour mes liens, de façons a que lorsqu'on clique sur un lien on soit rediriger vers une autre page.

Pour l'instant voici mon code :
<html>
<head>
  <title>Mon CV en ligne </title>
  <p style="background-image:url('/images/fond.png');">
  </p>
   <style type="text/css">
  body {
    padding-left: 12em;
	text-align: center
   font-family: Georgia, "Times New Roman",
          Times, serif;
    color: green;}
	
	 ul.navbar {
	  list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 5em;
    left: 0em;
    width: 9em }
	 h1 {
    font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif }
		   ul.navbar li {
    background: white;
    margin: 0.5em 0;
    padding: 0.3em; }
  ul.navbar a {
    text-decoration: none }
  a:link {
    color: blue }
  a:visited {
    color: purple }
	 address {
    margin-top: 1em;
    padding-top: 1em;
    border-top: thin dotted }
  </style>
</head>

<body>

<!-- Menu de navigation du site -->
<ul class="navbar">
  <li><a href="index.html">Acceuil</a>
  <li><a href="reflexions.html">Mon parcours</a>
  <li><a href="ville.html">Mes objectif</a>
  <li><a href="liens.html">Mes voyages à l'étranger</a>
</ul>

<!-- Contenu principal -->
<h1>Mon Cv en Ligne </h1>

<p>Bienvenu sur mon Cv en ligne ! 

<p>Cette page a été crée pour un projet en Isn (informatique et science du numérique)
&hellip;

<p>Je vais essayer de le rendre fluide 

<!-- Signer et dater la page, c'est une question de politesse! -->
<address>Fait le 23/11/2012<br>
  Leopold Tripot.</address>
  
</body>
</html>
Je l'ai réaliser grâce a un tuto.
De plus, toutes amélioration et bonne a prendre.

Merci

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 8758 Messages

24 nov. 2012, 13:35

salut,


c'est un problème html / css :)

la balise <p> n'as rien a faire dans le head (4ème ligne)

ce que tu souhaite faire c'est effectivement avec un background-image, il te manque la position + un no repeat

tu trouveras plus d'info sur alsacreations (par exemple)
http://www.alsacreations.com/tuto/lire/ ... round.html
et avec la recherche : http://www.alsacreations.com/search/tag ... d-position


@+
Il en faut peu pour être heureux ......

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

24 nov. 2012, 15:39

Modération :
Afin d'obtenir plus de réponses, le sujet a été déplacé dans un forum plus approprié.

Merci de prendre le temps de lire les règlements
ainsi que l'intitulé de chaque forum avant de poster un nouveau sujet.
Quand tout le reste a échoué, lisez le mode d'emploi...