problème de header - Forums de discussion
Navigation
Accueil du forum » (X)HTML / CSS » problème de header
Le sujet
Bonsoir,
Jais créé une page en css avec un head fixe mais j'ais un souci avec le header cat dès que j'essaie d'insérer une image ou du texte cela décale tout.
Je vous met le code au cas ou quelqu'un aurait la réponse cela m'aiderait
Dans le head
Après le body
En fin de compte c'est le printhead qui pose problème
Merci d'avance pour l'aide
webide
Jais créé une page en css avec un head fixe mais j'ais un souci avec le header cat dès que j'essaie d'insérer une image ou du texte cela décale tout.
Je vous met le code au cas ou quelqu'un aurait la réponse cela m'aiderait
Dans le head
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title> </title>
<style type="text/css">
#printhead {display:block;}
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%; color:#fff;}
#head {position:absolute; margin:0; top:0; right:18px; display:block; width:100%; height:80px; background-image: url(header.jpg);; font-size:4em; z-index:5; color:#000; border-bottom:1px solid #000;}
#background{position:absolute; z-index:1; width:100%;}
#background1{position:absolute; z-index:1; width:467;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 200px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:100px; left:10px; width:120px; z-index:5; color:#fff; background:#801B11; border:1px solid #ffff00; padding:7px;}
#fixed1 {position:absolute; top:260px; left:10px; width:120px; height:280px; z-index:5; color:#fff; background:#801B11; border:1px solid #ffff00; padding:7px;}
#fixed3 {position:absolute; top:100px; right:30px; width:120px; height:380px; z-index:10; color:#fff; background:#801b11; border:1px solid #ffff00; padding:7px;}
#fixed4 {position:absolute; top:110px; right:30px; width:120px; height:380px; z-index:10; color:#fff; background:#801b11; border:1px solid #ffff00; padding:7px;}
Après le body
<div id="printhead">
</div>
En fin de compte c'est le printhead qui pose problème
Merci d'avance pour l'aide
webide
________________
mojchris
Les réponses
Pourquoi ne pas utiliser de feuilles de styles avec un lien ?
Toutes les explications sont ici même -> http://www.net-pratique.fr/forums/thread/7099-CSS+d+un+formulaire+zone+de+saisie.html
Il me semble déjà que cela simplifirais grandement ton head...
Amitiés
.
Toutes les explications sont ici même -> http://www.net-pratique.fr/forums/thread/7099-CSS+d+un+formulaire+zone+de+saisie.html
Il me semble déjà que cela simplifirais grandement ton head...
Amitiés
.
________________
"L'homme a l'avenir devant lui et il l'aura dans le dos chaque fois qu'il fera un demi tour!" (Pierre Dac)
Pages
A lire également
- Les conditions générales d'utilisation du site
Top-sites membres
Discussions récentes dans les forums
Tribune libre
Publicité: Troc et échanges sur troc.net. Inscription et petites annonces gratuites.