28220 sujets

CSS et mise en forme, CSS3

Background-iamge sur un h1

bonjour si kk'1 a une idee parce ke là je seche...
code css:

h1
{
padding-left: 30px ;
line-height: 30px ;
font-size: 100% ;
background: url(puce.jpg) no-repeat center right ;
text-align: center;
color: black;
font-style: Verdana;
border-bottom: 1px solid #FFCC00 ;
}


code html:

<h1>Ma bio</h1>

qd je remplace le background-image par un background-color ca marche ms là impossibled 'afficher mon image Smiley decu
Bonjour akapando et bienvenue sur ce forum.

En premier lieu, je t'invite à lire Aide/Règles.

Bonjour, merci, et puis t'exprimer dans un français correct ne manquera pas de donner du sérieux à ta requête.

Puis un lien vers la page incriminée ne serait pas de trop, parce que là, je ne vois vraiment pas.
tt le code css:


/* CSS Document */
body
{
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: white;
}

.bandeau
{
background-image: url('bandeau_bleu.jpg');
background-repeat: no-repeat;
width: 80%;
height: 78px;
}
.ssbandeau
{

width:80%;
height:50px;
position:absolute;
top:78px;
left:0px;
}

.gauche
{
position: absolute;
width:170px;
height:75%;
top: 128px;
background-color :black;
}
.page
{
margin-top:30px;
top:128px;
position:absolute;
width: 65%;
left: 10%;
border-right: 2px solid orange;
border-left: 2px solid orange;
border-top: 2px solid black;
border-bottom: 2px solid black;
}
.menu
{
margin-top:30px;
width:150px;
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
color: #FFCC00;
background: black;
font-size: 85%;
}
.menu a
{
font-weight: bold;
color:  #FFCC00;
text-decoration: none; 
}
.menu a:hover 
{
     background: #FFCC00;
	 color: black;
}

.menu a:active 
{
     background: gray;
     color: #fff;
 }
 
.menuhaut
{
margin-left:170px;
margin-top:20px;
display: block;
}
.menuhaut li a
{
background-image: url(puce.jpg);
background-color : #FFCC00;
line-height: 30px;
font-size: 16px;
font-weight: bold;
color: #000000;
text-decoration: none; 
padding:5px;
}
.menuhaut a:hover{
color: black;
}

.menuhaut li
{
display: inline;
}

.image
{
float:left;
padding : 5px 5px 5px 5px;

}

h1
{
padding-left: 30px ;
line-height: 30px ;
font-size: 100% ;
background: url(puce.jpg) no-repeat center right ;
text-align: center;
color: black;
font-style: Verdana;
border-bottom: 1px solid #FFCC00 ;
}
h2
{
font-size:95%;
text-align:left;
text-decoration:underline;
}
ul,li
{
list-style-type:none;
margin: 0;
padding:0;
line-height: 30px;
margin-bottom: 5px;
}
p{
font-size:85%;
font-family:Verdana, Arial, Helvetica, sans-serif;

}


la page html:

<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="test.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="bandeau"></div>

<div class="ssbandeau">
<div class="menuhaut">
<ul>
<li><a href="#">Bio</a></li>
<li><a href="#">Developpement</a></li>
<li><a href="#">Graphik</a></li>
<li><a href="#">CV</a></li>
<li><a href="#">Mail</a></li>
<li><a href="#">Lien vers site Flash</a></li>
</ul>
</div>
</div>




<div class="page">
<h1>Ma bio</h1>
<div class="image"><img src="images/stef.jpg" width="91" height="135"></div>
<h2>Mes etudes</h2>
<p>Apres l'obtention de mon Bac Scientifique en juin 2001,je parti suivre une ann&eacute;e Pr&eacute;paratoire en Communication Visuelle &agrave; Caen.C'est durant cette ann&eacute;e Preparatoire que je decouvrit les joies de l'infographie.</p>
<p>De retour dans le Maine et Loire, je m'engagea dans une formation de D&eacute;veloppeur Multim&eacute;dia &agrave; la CCI du Mans.</p>
<p>Par souci de compl&eacute;ter mes acquis et de m'axer d'avantage sur le developpement, je poursuivi mon chemin &agrave; l'AFPA d'Angers formation D&eacute;veloppeur informatique.</p>
<h2>Mes passions</h2>
<p>Outre le dessin et la peinture que je pratique depuis quelques ann&eacute;es, je lis beaucoup notamment de la litt&eacute;rature dite 'gothique', histoires de vampires, de fantomes, de sorci&egrave;res et autres petites choses tres rigolotes...</p>
</div>

</body>
</html>


il a surement pas mal d'erreurs ms le site est en cours Smiley ohwell
Bonjour

Apparemment je m'exprime dans le vide.

Je résume. Un minimum de politesse est requis pour poster sur ce forum (bonjour, merci). Ce n'est pas un fast-food. Inutile de nous balancer une tartine de code sans un minimum d'effort sur la présentation.

Par ailleurs, nous adorons la langue française, alors merci de la respecter. Tu as largement le temps pour rédiger tes messages, donc le SMS, tu le gardes pour les « tchats ».

Merci
Modifié par Stephan (27 Sep 2005 - 23:26)
Bonjour,

Pour qu'on en finisse rapidement avec cette demande "sms" effectivement très désagréable: les urls placées dans un fichier CSS sont relatifs à ce fichier, et non à la page HTML. Corriger l'url de l'image d'arrière-plan, qui est la cause d'erreur la plus courante dans ce cas.
Modifié par Laurent Denis (28 Sep 2005 - 09:14)
bonjour!
desolée pour le sms, c'est une sale habitude cà Smiley decu

je vous explique un peu ce que je voudrais:
juste rajouter une petite image à l'arriere d'un h1
pour cà, je me suis inspirée de ce que j'ai vu sur ce site, mais helas marche point Smiley decu

voilà le code css:

h1
{
background-image: url('puce.jpg');
padding-left: 30px ;
line-height: 30px ;
font-size: 100% ;
background-color:#FF9900;
text-align: center;
color: black;
font-style: Verdana;
border-bottom: 1px solid #FFCC00 ;
}

et le html c'est tt simple...

<h1>Ma bio</h1>


mon site est en ligne, en phase de test, mais ce pb m'embete
http://perso.wanadoo.fr/pandoetlemonde/testnewdesign/

et j'ai tt mis dans le meme fichier donc je pense pas que l'url soit le probleme, puisque mon image, le css et le htm sont tous dans le meme fichier pour l'instant
hum en fait j'ai encore un problème
quand on reduit la fenetre du site ca me decale tout mon menu du haut n'importe comment, et j'ai un bout d'icone qui s'affiche, c'est pas beau Smiley decu

comment je pourrai resoudre cà?

merci Smiley cligne
Sujet clos
Aller à