00:05 Mot de passe oublié ?

1

Sur ma page perso (mon cv web en quelque sorte) http://bookeldor-net.info/ j'ai un logo en image avec un texte alternatif pour rester accessible.
Je voudrais passer ce logo en image de fond css (pour proposer plusieurs styles), mais garder le texte alternatif, sans qu'il soit affiché lorsque la css est activée.
Quelle est la meilleure méthode ?
avatar
fabetal_ > Hier, je me suis fait monter par un pote
redangel > et en chevals, ça donne quoi?
Nil> OMG I think I'm gay

2

rien à voir :

ton site n'est pas centré sous ie.

pour le style de main, fait ceci : 

div.main
{
	margin:			0;
	padding:		0;
	line-height:		0;

	width:			800px;
	position:		relative;
	left:			50%;
	margin-left:		-400px;
}


normalement, ca marche sur tous les navigateurs
Ancien pseudo : lolo

3

Merci, je ne me rappelais plus comment faire sous ie chinois
avatar
fabetal_ > Hier, je me suis fait monter par un pote
redangel > et en chevals, ça donne quoi?
Nil> OMG I think I'm gay

4

sinon, j'ai mal compris ton pb de logo.

ce que tu voudrais c'est mettre en CSS la "baniere" ci-dessous en back-ground d'une div, tout en gardant le texte alternatif pour les navigateurs txt

http://bookeldor-net.info/img/logo.png

c'est ca ?
Ancien pseudo : lolo

5

Toutafé happy
avatar
fabetal_ > Hier, je me suis fait monter par un pote
redangel > et en chevals, ça donne quoi?
Nil> OMG I think I'm gay

6

ben c'est simple :

dans le style de top, tu rajoutes le background-image

et tu remplaces
<img src="img/logo.png" alt="Home Page of Benjamin Canou" />

par
<img src="img/none.gif" alt="Home Page of Benjamin Canou" />


avec none.gif une image gif de 1 pixel par 1 pixel, transparante, comme ca elle n'apparaitra pas. smile
(utilise un gif 2 couleurs, elle n'en prendra que moins de place)
Ancien pseudo : lolo

7

je dis bien GIF et pas PNG car tous les navigateurs ne gèrent pas la tranparence du PNG alors que du GIF oui smile
Ancien pseudo : lolo

8

BookeldOr (./1) :
Quelle est la meilleure méthode ?

C'est vraiment le mieux qu'on puisse faire ça ? c'est un peu crade qd même sorry
avatar
fabetal_ > Hier, je me suis fait monter par un pote
redangel > et en chevals, ça donne quoi?
Nil> OMG I think I'm gay

9

en quoi c'est crad ?
Ancien pseudo : lolo

10

Spipu (./6) :
avec none.gif une image gif de 1 pixel par 1 pixel, transparante, comme ca elle n'apparaitra pas.

avatar
« Quand le dernier arbre sera abattu, la dernière rivière empoisonnée, le dernier poisson capturé, alors vous découvrirez que l'argent ne se mange pas. »

11

ben c'est pas dramatique.

très souvent, les sites utilisent cette technique pour aider à leur mise en page, du style une image tranparente de 100px de large pour placer ou ils veulent certains element, là oui c'est crade.

Mais toi, tu veux juste afficher un text si le navigateur est texte. Tu restes donc dans la logique d'utilisation d'un texte alternatif smile (du moins à mon avi)
Ancien pseudo : lolo

12

Bon, j'ai fait ça finalement : 

    div.top          { margin: 0; padding: 0; background:url('img/logo.png'); height:135px;}
    h1.top          { margin: 0; padding: 0; opacity: 0; filter: alpha(opacity=0); zoom: 1; }

      <div class="top">
	      <h1 class="top">Home Page of Benjamin Canou</h1>
	    </div>


filter: alpha(opacity=0); zoom: 1; c'est un hack pour IE.
avatar
fabetal_ > Hier, je me suis fait monter par un pote
redangel > et en chevals, ça donne quoi?
Nil> OMG I think I'm gay

13

je trouve ca pire comme methode : le filter: alpha marche mal suivant les navigateurs... et le texte s'affiche quand meme sur les navigateurs graphiques
Ancien pseudo : lolo

14

heu... ah... ça ne passe pas sous quel navigateur ?
J'ai testé avec ff2 et ie6 (sous wine mais bon)
avatar
fabetal_ > Hier, je me suis fait monter par un pote
redangel > et en chevals, ça donne quoi?
Nil> OMG I think I'm gay

15

Spipu (./13) :
et le texte s'affiche quand meme sur les navigateurs graphiques


je voulais dire qu'il s'affiche meme si il est transparent
Ancien pseudo : lolo
Aide Charte Contacts Crédits Réalisé avec yAronet 63 ms