Probleme css
Sankoku
-
Mihawk Messages postés 4315 Date d'inscription Statut Contributeur Dernière intervention -
Mihawk Messages postés 4315 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
J'ai un problème de css (comme dans le titre :P)
Récemment j'ai promis à ma copine de lui faire une partie en anglais sur son site (c'est un site uniquement en HTML donc c'est pas trop difficile... Enfin c'est ce que je pensais...)
Le site est a la base en Espagnol donc ce que je voulais faire c'était de proposer dans la premiere page du site (qui existait deja, codée par quelqu'un) un drapeau "espagnol" pour la traduction espagnole et un drapeau anglais (pour la traduction anglaise evidement).
Et le le problème se pose... Bon déjà je ne savais pas qu'il était possible de mettre du code css qui fonctionne entre des balises de commentaire <-- -->. Quand j'essaie de positionner le drapeau il ne veux pas bouger... J'ai d'abord essayé de le passer au premier plan avec un z-index... Rien à faire. Ensuite je me suis mis en tête de simplement le bouger pour voir si quelque chose se passe mais encore une fois rien à faire... Si, e n réalité le logo à bel et bien bougé s'est mis au milieu de la page sur le coté gauche et depuis, impossible de l'extirpé de là... Alors bien sur j'ai vérifié si mon ID etait bien prise en comte à l'aide d'un box-shadow... Juste pour voir si quelques changements opéraient et il s'avère que le box-shadow à fonctionné... alors je ne sais pas vraiment quoi faire...
Voici un bout du code:
Merci encore
J'ai un problème de css (comme dans le titre :P)
Récemment j'ai promis à ma copine de lui faire une partie en anglais sur son site (c'est un site uniquement en HTML donc c'est pas trop difficile... Enfin c'est ce que je pensais...)
Le site est a la base en Espagnol donc ce que je voulais faire c'était de proposer dans la premiere page du site (qui existait deja, codée par quelqu'un) un drapeau "espagnol" pour la traduction espagnole et un drapeau anglais (pour la traduction anglaise evidement).
Et le le problème se pose... Bon déjà je ne savais pas qu'il était possible de mettre du code css qui fonctionne entre des balises de commentaire <-- -->. Quand j'essaie de positionner le drapeau il ne veux pas bouger... J'ai d'abord essayé de le passer au premier plan avec un z-index... Rien à faire. Ensuite je me suis mis en tête de simplement le bouger pour voir si quelque chose se passe mais encore une fois rien à faire... Si, e n réalité le logo à bel et bien bougé s'est mis au milieu de la page sur le coté gauche et depuis, impossible de l'extirpé de là... Alors bien sur j'ai vérifié si mon ID etait bien prise en comte à l'aide d'un box-shadow... Juste pour voir si quelques changements opéraient et il s'avère que le box-shadow à fonctionné... alors je ne sais pas vraiment quoi faire...
Voici un bout du 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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Milana longo</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#horizon
{
color: white;
text-align: center;
position: absolute;
top: 50%;
left: 0px;
z-index: 7;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}
#logo
{
width: 150px;
height: 100px;
top: 10em;
left: 5em;
z-index: 9;
}
#content
{
font-family: Verdana, Geneva, Arial, sans-serif;
margin-left: -512px;
position: absolute;
top: -280px;
left: 50%;
z-index: 8;
width: 1024px;
height: 560px;
visibility: visible
}
-->
</style></head>
<body>
<div id="horizon">
<div id="content"><img src="spanish/images/indexgnagna.png" alt="concerts" width="1024" height="560" border="0" /></div>
<div id="logo"><a href="spanish/conciertos/index.html"><img src="images/spainmexico.png" alt="spanish" width="150" height="100"></a></div>
</div>
</body>
</html>
Merci encore
A voir également:
- Probleme css
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
5 réponses
Salut,
Pour que ton z-index etc marchent, il faut positionner ton logo, ce qui se fait via
position:absolute ou relative ou fixed;
Pour que ton z-index etc marchent, il faut positionner ton logo, ce qui se fait via
position:absolute ou relative ou fixed;
Oui je l'avais déjà positionné en absolute (je me suis pas embêté, j'ai tout bêtement recopié les lignes des autres ID, j'ai pris ce qui m'intéressait !!). Mais ca ne marchait pas...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
