Propriété background qui ne fonctionne pas

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Propriété background qui ne fonctionne pas

Elooodie

(_+33|<

Bonjour,
Voila j'ai un petit soucis avec mon CSS. Je ne sais pas trop comment expliquer la situation alors je vais faire court:
L'image background d'un de mes div ( le principal ) ne s'affiche pas sur mon hébergeur, alors qu'en local ça marche, j'ai essayé de trifouiller un peu partout rien n'y fait !
Voici le code :

Code :

#page {
position: relative;
height:100%;
width: 100%;
margin: auto;
margin-left: 13%;
text-align: left;
background-image: url(images/pagebg3.gif) repeat-y;
}

Je ne sais pas comment faire vu qu'en local ça fonctionne. Pour vous donner une idée plus concrete:
http://www.arborescences.net < Le site en ligne

Et ici en local v

Voila, si quelqu'un a une idée , merci d'avance!

Publicité

David Boring

Avec une url en 127.0.0.1, tu ne risque pas d'aller loin.
Mets plutôt tes chemins en relatif

David Boring

Bon, j'ai mieux regardé.
Tes déclarations de background-images ne sont pas prise en compte.
Ceci fontionne

Code :

#footer {
    background-image: url(images/footerbg3.png);
    background-repeat: no-repeat;
}

Et ce cas là non car tu mélange du repeat dans image

Code :

#page {
    background-image: url(images/pagebg3.gif) repeat-y; 
}

Le meilleur étant la notation raccourcie

Code :

#page {
    background: url(images/pagebg3.gif) repeat-y; 
}

Message édité par David Boring le 09-06-2010 à 19:22:46

Elooodie

(_+33|<

Merci pour vos réponses j'ai pu regler le soucis.
Il me reste tout de même un problème sous firefox tout est bien centré, mais ie me fait une marge à gauche énorme, je ne trouve pas comment la réduire.
Une idée :ange:

gatsu35

Blablaté par Harko

c'est un magnifique bricolage

Code :

#page {
margin-left: 13%;
position: absolute;
....
}

vire moi c'est deux propriétés pourries
tu m'ajoutes à la place

Code :

margin:0 auto;
width:820px;

et voila ton site centré.

ton site a un très très très gros problème, tu as monté tout le site qui est censé avoir une largeur fixe, sans poser de largeur fixe sur le conteneur principal o_O

Message édité par gatsu35 le 10-06-2010 à 11:00:48

---------------
Blablaté par Harko

Elooodie

(_+33|<

Merci gatsu, ça règle mon problème de marge à gauche sous ie. Cependant le site n'est pas centré, du coup il est collé à gauche.
J'ai pas trop envie de reprendre tout mon CSS, je sais qu'il y a pas mal de problème mais bon... faudrait qu'il soit plié aujourd'hui alors bon :whistle: Ca restera comme ça tant pis

gatsu35

Blablaté par Harko

pas besoin de reprendre tout ton CSS, pour le centrage sous IE :
ton site n'a pas du tout de doctype, du coup IE est en quiskmode, tu rajoutes un text-align:center sur body
et sur #page un text-align:left;

rahhhh c'est quoi ce code
tu as 2 fois le <head> dans ta page
regarde le code source généré. tu as bien mis un doctype sur ton site, mais tu as ton header qui est appelé 2 fois, une fois avant le doctype, une fois dans le code HTML normalement.

valide ton code HTML !!!!!

Message édité par gatsu35 le 10-06-2010 à 11:07:54

---------------
Blablaté par Harko

Elooodie

(_+33|<

Je ne vois pas le deuxième head, jdois pas regarder au bon endroit.
J'obtiens 3 erreurs pendant la validation de mon code:
-Unable to Determine Parse Mode!
-No DOCTYPE found, and unknown root element. Aborting validation.
-No Character encoding declared at document level
L'histoire du doctype j'ai jamais su comment ça fonctionnait alors c'est pas étonnant...

Pour ce qui est des text-align:center; sur le body et le text-align:left; sur page, ils y sont bien pourtant

gatsu35

Blablaté par Harko

tain ce bricolage [:pingouino]

Quand on arrive sur le .com on a une page comme ça

Code :

<head>
<meta name="description" content="entreprise de maintenance informatique ‡ Marmande">
<meta name="keywords" content="Arborescences, Arborescences ‡ Marmande, assemblage ordinateur, assemblage pc marmande,maintenance informatique Marmande, sÈcuritÈ informatique Marmande, conseil informatique Marmande, vente materiel informatique Marmande, rÈparation ordinateur, informatique lot et garonne ">
<meta name="Description" content="global">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="5 days">
<meta name="identifier-url" content="http://www.arborescences.net">
<meta name="author" content="arborescences">
<meta name="copyright" content="arborescences.net">
</head>
<script type="text/javascript">
function myLoad() {
document.getElementById('resolution').value = screen.width;
document.valeur.submit();
}
</script>
<body onload="myLoad()">
<form name="valeur" action="http://www.arborescences.net/?page_id=4" method="POST">
<input type="HIDDEN" name="resolution" id="resolution" value=""></input>
</form>
</body>

et cette page nous redirige via une solution dégueulasse vers la page d'accueil principale
c'est crade

Je vois pas en quoi ça peut t'être utile, je me souviens que tu étais venue pour demander une solution pour la largeur de ton site. Et tout le monde t'avais proposé une solution de MERDE, je t'en avais donnée une super propre.

Ensuite dans le code HTML de ton site regarde bien et ouvre les yeux :

Code :

<head>
<meta name="description" content="entreprise de maintenance informatique � Marmande">
<meta name="keywords" content="Arborescences, Arborescences � Marmande, assemblage ordinateur, assemblage pc marmande,maintenance informatique Marmande, s�curit� informatique Marmande, conseil informatique Marmande, vente materiel informatique Marmande, r�paration ordinateur, informatique lot et garonne ">
<meta name="Description" content="global">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="5 days">
<meta name="identifier-url" content="http://www.arborescences.net">
<meta name="author" content="arborescences">
<meta name="copyright" content="arborescences.net">
</head>
<!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 profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Arborescences » L’Entreprise</title>
<meta name="generator" content="WordPress 2.9.2" />
<link rel="alternate" type="application/rss+xml" title="Arborescences RSS Feed" href="http://www.arborescences.net/?feed=rss2" />
<link rel="pingback" href="http://www.arborescences.net/xmlrpc.php" />
<link rel='archives' title='juin 2010' href='http://www.arborescences.net/?m=201006' />
<link rel="stylesheet" href="http://www.arborescences.net/wp-content/themes/greenie-10/style.css" type="text/css" media="screen" />
<link rel="shortcut icon" href="http://www.arborescences.net/wp-content/themes/greenie-10/favicon.ico"/>
<link rel="alternate" type="application/rss+xml" title="Arborescences » L’Entreprise Flux des commentaires" href="http://www.arborescences.net/?feed=rss2&page_id=4" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.arborescences.net/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.arborescences.net/wp-includes/wlwmanifest.xml" />
<link rel='index' title='Arborescences' href='http://www.arborescences.net' />
<meta name="generator" content="WordPress 2.9.2" />
<link rel='canonical' href='http://www.arborescences.net/?page_id=4' />
</head>

Tu ne vois pas quelque chose qui cloche là ?

ET même le flux RSS contient un <head> généré, mais c'est n'importe quoi

Code :

<head>
<meta name="description" content="entreprise de maintenance informatique ‡ Marmande">
<meta name="keywords" content="Arborescences, Arborescences ‡ Marmande, assemblage ordinateur, assemblage pc marmande,maintenance informatique Marmande, sÈcuritÈ informatique Marmande, conseil informatique Marmande, vente materiel informatique Marmande, rÈparation ordinateur, informatique lot et garonne ">
<meta name="Description" content="global">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="5 days">
<meta name="identifier-url" content="http://www.arborescences.net">
<meta name="author" content="arborescences">
<meta name="copyright" content="arborescences.net">
</head>
<br />
<b>Warning</b>: Cannot modify header information - headers already sent by (output started at /var/www/vhost/arborescences.net/home/html/index.php:4) in <b>/var/www/vhost/arborescences.net/home/html/wp-includes/feed-rss2.php</b> on line <b>8</b><br />
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>Arborescences</title>
<atom:link href="http://www.arborescences.net/?feed=rss2" rel="self" type="application/rss+xml" />
<link>http://www.arborescences.net</link>
<lastBuildDate>Wed, 09 Jun 2010 13:23:55 +0000</lastBuildDate>
<generator>http://wordpress.org/?v=2.9.2</generator>
<language>en</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<item>
<title>Bonjour tout le monde !</title>
<link>http://www.arborescences.net/?p=1</link>
<comments>http://www.arborescences.net/?p=1#comments</comments>
<pubDate>Wed, 09 Jun 2010 13:23:55 +0000</pubDate>
<dc:creator>admin</dc:creator>
<guid isPermaLink="false">http://www.arborescences.net/?p=1</guid>
<description><![CDATA[Bienvenue dans WordPress. Ceci est votre premier article. Modifiez-le ou supprimez-le, puis lancez-vous !
]]></description>
<content:encoded><![CDATA[<p>Bienvenue dans WordPress. Ceci est votre premier article. Modifiez-le ou supprimez-le, puis lancez-vous !</p>
]]></content:encoded>
<wfw:commentRss>http://www.arborescences.net/?feed=rss2&p=1</wfw:commentRss>
<slash:comments>1</slash:comments>
</item>
</channel>
</rss>

Et super l'image en page d'accueil qui fait 1Mo et qui est en 3570x2214 [:pingouino]

Message édité par gatsu35 le 10-06-2010 à 11:45:40

---------------
Blablaté par Harko

gatsu35

Blablaté par Harko

Il faut venir nous voir avant de faire de faire un truc qui tient avec des bouts de ficelles

---------------
Blablaté par Harko

FORUM HardWare.fr

Programmation

HTML/CSS

Propriété background qui ne fonctionne pas

Sujets relatifs
Code javascript ne fonctionne pas sur firefox	Aide pour un slideshow (flash surement) avec changement background
Condition "IF" qui ne fonctionne pas	hover css sans passer par le background
Modifier div par une selection d'une autre div	Mon .fla ne fonctionne pas !
Background d'une DIV fixed et position.	Jquery/firefox : différence background & background-color
Batch qui fonctionne pas avec firefox :/	Condition IF ne fonctionne pas.
Plus de sujets relatifs à : Propriété background qui ne fonctionne pas

Page générée en 0.105 secondes