5568 sujets

Sémantique web et HTML

bonjour à vous tous !
Je me permets d'écrire dans votre forum car un bon ami a moi me l'a fortement recommandé.
J'ai besoin d'une petite aide :

Je suis entrain de construire un site web et le logo (d'une forme rectangulaire) se retrouve sur la plaquette photoshop à moitier dans une div et à moitier dans une autre (c'est comme si la partie haute du logo fasait partie de la div supérieur et la partie inférieur du logo dans la div d'en dessous)

Et cela m'embete beaucoup de devoir couper le logo en 2.
Sachant surtout que la div du bas est le conteneur des differentes pages web qui doivent s'afficher...

Une solution existe t'elle par exemple pour "coller" le logo par dessus la structure du site ? Mais sachant que le logo ne doit jamais disparaitre ou bouger quelque soit la page...

Je suis complétement dépassé...
Hello,

en le positionnant en absolute le logo se superposera aux autres divs.

Et pour répondre à ton message pivé :
tu as le html :
<img src="source.png" alt="texte alternatif"  class="logo"  />

tu auras donc ça dans les css:
img.logo {postion:absolute;}



En positionnement absolu l'image sort du flux, donc théoriquement peu importe où ton image est insérée dans le html mais puisque c'est un logo et qu'un logo doit se voir en premier dans une page il faut l'insérer avant les autres divs.
Modifié par Ralfman68 (03 Jan 2008 - 12:53)
Salut,

sinon, pour info, il peut être plus simple d'utiliser un position:relative et un top: - valeur px. Par exemple :
.logo {
	position:relative;
	top:-20px;
}

A+ Smiley cligne
Benjamin D.C. a écrit :
Un bottom:20px c'est bien aussi, sinon. Smiley cligne

Les deux sont très bien. À titre personnel, je trouve plus facile de me relire lorsque j'écris top: -20px alors que l'intention était de faire remonter un bloc de 20px (et pas de le pousser à partir du bas de 20px vers le haut... même si techniquement c'est strictement la même chose Smiley cligne ).