Dessus/dessous, image/image de fond.

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Dessus/dessous, image/image de fond.

Beral2

Bonjour tout le monde,

je place une image et pour pouvoir avoir un ALT, je la mets dans le HTML et pas en image de fond CSS. Et puis c'est du contenu (puisque c'est un titre qui va devoir changer parce que 4 langues...), pas de la mise en page.
Maintenant, j'ai une DIV que je place en absolu sur cette image. Cette DIV contient du texte et une image de fond qui elle, est dans la CSS background: url(../images/fond_sable.png);
Résultat, mon texte est SUR la vrai image (le titre, dans le HTML, cad <IMG src="...), mais mon image de fond (celle de la CSS), DESSOUS.

Est-il possible que mon image de fond de la DIV (celle dans la CSS), passe elle aussi, cad comme le texte, SUR l'"image HTML" ?

Merci.

Publicité

gatsusat

en gros et en HTML ca donne ?

avec ce que tu as dis j'ai l'impression de voir ceci :

avant il y avait :
<img src="monimage.gif" alt="le titre">

et now tu as
<div>
Le titre
</div>
avec le div stylé ????
bon donne nous ton code HTML correspondant, et ton CSS correspondant, on est sur Programmation là, alors on veut du code, c'est plus simple pour nous de comprendre que tes longues explications tordues

Beral2

oraïte, voili-voilou :

HTML (juste la partie concernée) :

Code :

<div id="titre_bases_de_donnees">
<img src="images/cartouche_bases_de_donnees_en.png" alt="Databases">
</div>
<div id="bases_de_donnees">
<h3><a href="/comm/enterprise/chemicals/competiv/risc/db_en.htm">Chemicals</a></h3>
...
</div>

et la CSS :

Code :

div#bases_de_donnees
{
width: 110px;
margin-top: -206px;
margin-left: auto;
margin-right: auto;
padding: 4px;
border: 1px solid #E3EBFF;
background: url(../images/fond_sable.png);
}

Sinks.

Message édité par Beral2 le 29-06-2005 à 11:31:57

masklinn

í dag viðrar vel til loftárása

:sweat:

Mais c'est quoi ce mélange?

Tu te rends compte que ça n'a sémantiquement aucun sens ton truc?

Message édité par masklinn le 29-06-2005 à 11:34:01

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Beral2

Désolé masklinn, mais, faudrait peut-être que j'envoie une capture d'écran (d'ailleurs est-il possible d'uploader directement ici ou faut-il le publier quelquepart et mettre une adresse de référence ?).

La 1ère image est le titre avec un joli (?) cadre en dessous, cadre qui part en fondu vers la couleur de background (son contenu pourra donc être aussi long que désiré sans "traverser une bordure de cadre inférieure).

La 2ème image, celle de fond, celle de la CSS donc, permet de délimiter un second cadre à l'"intérieur" du 1er cadre.

Sémantiquement, je ne vois pas le problème (je ne dis pas qu'il n'y en a pas, seulement que je ne le perçois pas).

gatsusat

imageshack.us pour uploader des copies d'ecran

sémantiquement ya un mega gros problème et ca se règle en 2 balises ou 3 propres

Beral2

Merci gatsusat :

masklinn

í dag viðrar vel til loftárása

Beral2 a écrit :

Merci gatsusat :

http://img223.echo.cx/img223/4149/screenshot9fn.jpg

J'vois pas l'intérêt de faire un bordel pareil pour chaque titre [:pingouino]

En fait, j'dirais même que l'image de titre n'a pas à être (ton machin "Database" là) pas plus que son div, et que tes h3 n'en sont pas

Surtout que "Database" et "Key Issues" sont du même niveau non? Des titres de sous menus

Message édité par masklinn le 29-06-2005 à 12:27:55

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Beral2

"J'vois pas l'intérêt de faire un bordel pareil pour chaque titre [:pingouino] " : je ne te ferai pas découvrir ceci masklinn http://www.csszengarden.com/ et, deuxièmement, ce n'est absolument pas pour comparer la "valeur" de mon travail à celle d'autres, mais tu avoueras qu'avec "plein de bordel", y'en a qui arrivent à faire des "trucs" qui "l'font".
Ne me réponds pas "il y en a oui mais pas toi", ce n'est pas une réponse.

La question était purement technique : est-ce qu'une image de fond déclarée en CSS peut se superposer sur une image déclarée dans le code HTML.

Pour les h3, je remplacerai le tout par des ul/li si c'est ça le problème.

masklinn

í dag viðrar vel til loftárása

Beral2 a écrit :

1- la structure de CSSZG n'est pas pûrement sémantique puisqu'elle doit rester suffisament flexible pour les dizaines de designs
2- la structure des menus de CSSZG reste plus propre que ce que tu as posé

Citation :

La question était purement technique : est-ce qu'une image de fond déclarée en CSS peut se superposer sur une image déclarée dans le code HTML.

Quel
Intérêt
Ca
A
?

Réponse: aucun, pour faire ce que tu montres ça ne sert strictement à rien [:pingouino]

Message édité par masklinn le 29-06-2005 à 12:46:34

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Publicité

zapan666

Tout est relatif

masklinn a écrit :

Citation :

La question était purement technique : est-ce qu'une image de fond déclarée en CSS peut se superposer sur une image déclarée dans le code HTML.

Quel
Intérêt
Ca
A
?

Réponse: aucun, pour faire ce que tu montres ça ne sert strictement à rien [:pingouino]

mettre un contour / texte alternatif ou autre sur l'image peut être..

Exemple :
http://cyberkats.free.fr/29052005.png (mon site quiestpasfinietquidevraitêtreauxnormes)
Regarde les dossiers, je mets un contour sur l'image du groupe
(photo originale : http://pingouinland.free.fr/concert/itw/seeva.txt.jpg )

Donc dans son cas, c'est pi être pour avoir le "fond" avec l'icone qui ne change pas selon la langue choisi, mais que le texte qui est dessus change.

...bon, après, pi être que j'ai rien compris a l'histoire :sweat:

Message édité par zapan666 le 29-06-2005 à 14:40:14

---------------
my flick r - Just Tab it !

masklinn

í dag viðrar vel til loftárása

zapan666 a écrit :

mettre un contour / texte alternatif ou autre sur l'image peut être..

Image en background, texte par dessus [:pingouino]

Citation :

http://cyberkats.free.fr/29052005.png

Rapports du Proxy :
10053 Arrêt de la connexion dû au logiciel
Une erreur s'est produite lors de la récupération de votre URL.

Cette erreur a pu être causée par :

* URL incorrecte
* Vos permissions d'accès
* Votre connexion réseau et/ou des conditions passagères sur Internet
* Une erreur sur le serveur web source

[:pingouino]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

zapan666

Tout est relatif

masklinn a écrit :

Image en background, texte par dessus [:pingouino]

je dis pas le contraire, au niveau technique, mais c'était pour l'utilité : il y en a une. (alors que tu avais mis : aucune - bref, interpretation différente d'une même chose, je pense)

Citation :

http://cyberkats.free.fr/29052005.png

[:pingouino]

a bah, ça, c'est balo.

ça marche là ? (euh, elle est un peu grande par contre, désoler :sweat: )

Message édité par zapan666 le 29-06-2005 à 17:14:50

---------------
my flick r - Just Tab it !

masklinn

í dag viðrar vel til loftárása

Pour la bordure arrondie c'est plus difficile, faudrait bidouiller, mais pour le texte, ben là tu mets juste l'imageTexte avec l'alt kivabien dans la div et a photo en bg.

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

FORUM HardWare.fr

Programmation

HTML/CSS

Dessus/dessous, image/image de fond.

Sujets relatifs
div, image de fond et texte	Dreamweaver : image en fond de page invisible dans navigateur
Image de fond qui n'occupe pas toute la cellule	Mettre une image de fond derriere un tableau DOM
Mettre une image de fond à une balise <li> en css	[Java] Mettre une image de fond dans un container [Resolu]
[CSS] Changement d'image de fond de cellule avec une css ?	[MFC] Image en fond de fenetre MDI qui clignote
Background-image qui couvre 100% du fond	couleur de fond lors chargement image
Plus de sujets relatifs à : Dessus/dessous, image/image de fond.

Page générée en 0.058 secondes