Problème d'image background en CSS sortie d'Adobe...

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème d'image background en CSS sortie d'Adobe...

Duppy

Bonjour

Je rencontre quelques difficultés à mettre une image en arrière plan, même après avoir fait le tour de nombreux sites... -_-

Et je pense que cela est dû à l'imbrication que fait Adobe photoshop et aux positions absolute.

L'image que je voudrais mettre en arrière plan est la "SiteA1_07.gif" dont l'iframe devrait être au dessus.

Quel balise ou code dois je rajouter ? J'avoue ne pas du tout m'y connaître en CSS :sweat: (J'ai testé background: no-repeat(ou repeat:y); - background-image: url("..." ) - ... Je dois surement mal les placer :s ou ce n'est pas du tout le bon code : /)

Si quelqu'un pouvais m'aider :ange: Je lui en serais très reconnaissant :jap:

Voici les parties "intéressantes" du 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>
<title>SiteA1.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
#Tableau_01 {
position:absolute;
top:0%;
left:50%;
width:850px;
height:1000px;
margin-left: -425px;
}
#site-xp2-01_ {
position:absolute;
left:0px;
top:0px;
width:850px;
height:91px;
}
...
#SiteA1-07_ {
position:absolute;
left:260px;
top:234px;
width:565px;
height:675px;
background: no-repeat;
}
...
#SiteA1-36_ {
position:absolute;
left:0px;
top:952px;
width:850px;
height:48px;
}
-->
</style>
</head>
<body style="background-color:#FFFFFF;">
<div id="Tableau_01">
<div id="site-xp2-01_">
<a href="http://SiteA1.com"
onmouseover="window.status='Site A1'; return true;"
onmouseout="window.status=''; return true;">
<img id="site_xp2_01" src="sccom/site-xp2_01.gif" width="850" height="91" border="0" alt="" /></a>
</div>
<div id="SiteA1-02_">
<img id="SiteA1_02" src="sccom/SiteA1_02.gif" width="850" height="75" alt="" />
...
</div>
<div id="SiteA1-07_">
<img id="SiteA1_07" src="sccom/SiteA1_07.gif" width="565" height="675" alt="" />
<iframe frameborder="0" width="520" height="1480" src="http://SiteA1.dv.tv/page.php"></iframe>
</div>
...
</div>
<div id="SiteA1-36_">
<img id="SiteA1_36" src="sccom/SiteA1_36.gif" width="850" height="48" alt="" />
</div>
</div>
</body>
</html>

Merci d'avance :jap:

Message édité par Duppy le 23-06-2008 à 18:08:34

Publicité

gebruik

background-image: url(chemin);
background-repeat: no-repeat;

Pas de guillemets ou de cotes pour les url en CSS.

Duppy

Ne fonctionne toujours pas avec : :sweat:

Code :

#siteA1-07_ {
position:absolute;
left:260px;
top:234px;
width:565px;
height:675px;
background-color:#FFFFFF;
background-image: url(sccom/siteA1_07.png);
background-repeat: no-repeat;
}

Edit : Ca fonctionne si je retire ceci :

Code :

<img id="SiteA1_07" src="sccom/SiteA1_07.gif" width="565" height="675" alt="" />

Mais même avec repeat-y comme condition, elle ne se répète pas :s

Message édité par Duppy le 23-06-2008 à 22:50:18

gatsu35

Blablaté par Harko

règle n°1 :
Ne jamais générer de code HTML/CSS avec Photoshop
règle n°2 :
Découper correctement son site à la main et intégrer le site à la main.
règle n°3 :
Ne jamais compter sur un logiciel KIFAITOUT car le résultat sera toujours de la merde inmaintenable
règle n°4 :
Apprendre les CSS et le HTML en se fiant aux normes W3C (elles sont pas là pour faire chier ni pour décorer) et ensuite monter son site à la main en mettant les mains dans le cambouis
règle n°5 :
Aller sur les forums style HFR ou alsacreations afin d'avoir les meilleurs renseignements possible

Message édité par gatsu35 le 24-06-2008 à 01:41:08

Duppy

Ce n'est pas possible de mettre une image en arrière plan qui se répète si le code a été généré par Photoshop :heink: ?

Rien n'est impossible, je vais continuer mes recherches sur google... :sweat:

gatsu35

Blablaté par Harko

Code :

background:url(sccom/siteA1_07.png) repeat left top;

Mais rien que les exemples de codes que tu nous donnes font réellement peur, et je pense sincèrement que tu prends la plus mauvaise des directions, et qu'il faudrait que tu repartes de zéro

FORUM HardWare.fr

Programmation

HTML/CSS

Problème d'image background en CSS sortie d'Adobe...

Sujets relatifs
[ORACLE] problème requête (pour les chauds du SQL)	Probleme JTree
Problème avec .htaccess simple	affichage d'image et ouverture de fichiers sous Firefox
Problème avec iText	probleme jointure bdd phpmyadmin
charger un swf et le faire atterir à une image clef (qui a un drapeau)	probleme avec une boucle if en cshell
Problème sur ma page de téléchargement	Problème d'affichage de la page PHP
Plus de sujets relatifs à : Problème d'image background en CSS sortie d'Adobe...

Page générée en 0.040 secondes