Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1572 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  décalage css

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

décalage css

n°1735958
midnnight
Posté le 23-05-2008 à 02:55:25  profilanswer
 

Bonjour,
j'ai un menu (#navcontainer/div) dans un tableau à gauche de mon site.
Ce tableau change de contenu et de hauteur selon les pages.
avec ce css :

Code :
  1. <style type="text/css">
  2. #navcontainer
  3. {
  4. position:relative;
  5. left: -15px;
  6. top: 30px;
  7. }
  8. </style>


mon menu se déplace sur la hauteur selon la taille de mon tableau.
Que puis-je faire pour que mon menu reste fixe dans mon tableau, m^me si mon tableau change de taille (en hauteur) et de contenu. ? .
J'ai essayé avec "position:absolute;" aussi, mais là il change de place suivant la taille de la fenêtre...
Il y a sûrement un css pour faire tenir ce :fou: menu en place, mais je ne trouve pas, pouvez vous me donner un coup de main ?
Merci par avance...
 

mood
Publicité
Posté le 23-05-2008 à 02:55:25  profilanswer
 

n°1735959
gatsu35
Blablaté par Harko
Posté le 23-05-2008 à 03:07:46  profilanswer
 

tu voudrais pas filer le code complet de la structure que ce soit HTML et CSS et après on pourra te répondre.

 

Si tu postes cette nuit je repondrais cette nuit :o

 

Pour moi c'est un simple problème PEBCAK (cf wikipedia)


Message édité par gatsu35 le 23-05-2008 à 03:08:12
n°1735961
midnnight
Posté le 23-05-2008 à 03:25:51  profilanswer
 

Hello, je te donne pas tout le code de la page, parcequ'il est en cours et que c'est déjà très volumineux.
Est-ce que ça suffit, le css du div et le table...?
Je vais attendre un peu, mais demain je me lève tôt, si je peux pas avoir ce soir, je te lis demain matin...En tout cas merci...
<head>
blabla...
<style type="text/css">
#navcontainer
{
position:relative;
left: -15px;
top: 30px;
}
</style>
</head>
<body>
blablabla...
<table><td
 height="600" width="25%"><center><br><div
 id="navcontainer"><ul id="navlist"><a
 href="#">Accueil</a>
<a href="#">Copie musicale</a>
<a href="#">Réalisation</a>
<a href="#">Auditorium</a>
<a href="#">Votre hôte</a>
<a href="#">Contact</a>
<a href="#">Bon surf !</a>
<a href="#">Jeux</a>
</ul></div></center><br><br><br><br><br><img
 style="width: 56px; height: 60px;" alt=""
 src="images/planet16.gif"><br><span
 style="font-weight: bold; color: rgb(255, 0, 0);">&nbsp;<font
 size="-1">Vous
êtes le visiteur :</font> </span><br>
<br>
<script
 type="text/javascript"
 src="http://www.ovnet.net/cpt/?code=6/11/6211/4/2&amp;ID=75381"></script>
</td></table></body>

n°1735962
midnnight
Posté le 23-05-2008 à 03:28:48  profilanswer
 

Le blème, c'est que dans les autres pages il n'y a pas le même nombre d'infos dans le table et plus de <br>entre les éléments...Donc le tableau n'a pas la même Ht d'1 page à l'autre et mon menu (div) se balade....(Grrrr)et mauvaise compatibilité entre IE et Opéra...


Message édité par midnnight le 23-05-2008 à 03:33:33
n°1735963
midnnight
Posté le 23-05-2008 à 03:37:07  profilanswer
 

Ah, excuse, rajoute ça dans head (tout d'même, j'suis distrait !)
<style type="text/css">
#navcontainer
a
{
display: block;
padding: 3px;
width: 160px;
background-color: #000050;
border-bottom: 1px solid #eee;
}
#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: blue;
color: #fff;
</style>


Message édité par midnnight le 23-05-2008 à 03:37:37
n°1735971
gatsu35
Blablaté par Harko
Posté le 23-05-2008 à 06:45:32  profilanswer
 

tu n'aurais pas un lien vers la page en question ca serait plus sexe et  
puis là on manque cruellement d'information, de toute facon ton HTML n'est pas valide du tout

n°1736051
midnnight
Posté le 23-05-2008 à 10:14:58  profilanswer
 

Ok, il était tard, je laisse là un lien vers une page :
(Le site est en construction, j'ai une relecture à faire, c'est sûr)
http://modernscribe.ifrance.com/index.php
J'ajoute que chez ifrance gratuit c'est pas le top (hébergement provisoir) et qu' avec Opéra, c'est mieux centré qu'avec IE...


Message édité par midnnight le 23-05-2008 à 10:27:52
n°1736143
gebruik
Posté le 23-05-2008 à 11:58:28  profilanswer
 

Essaie avec une DTD moins "obsolète" et respecte mets tes balises script dans ta balise html, pas à l'extérieur (en syntaxe XML, il ne peut y avoir qu'un élément racine).

n°1736173
midnnight
Posté le 23-05-2008 à 12:17:47  profilanswer
 

Bonjour, tu dis  
Essaie avec une DTD moins "obsolète"
Oui, template entièrement en css...J'ai encore un peu de mal, mais ça vient. Pour le design (bannières images etc...le site est  en construction)
mets tes balises script dans ta balise html
Là, du coup, je vois pas où j'ai mis à côté...
en syntaxe XML, il ne peut y avoir qu'un élément racine
Si tu veux parler de mon fichier .txt appelé par php, il est pourtant à la racine. Sinon quoi ?
En tout cas merci, si tu peux apporter précisions...

n°1736206
gebruik
Posté le 23-05-2008 à 13:36:31  profilanswer
 

Selon les DTD, les navigateurs vont fonctionner ou non en mode dégradé et générer certaines erreurs ou bizarreries. Essaie plutôt un XHTML 1.0 Transitionnel, tu lèveras déjà ce risque.
Le XML n'a rien à voir avec ton fichier .txt, je faisais référence à la syntaxe de ton code : la balise <html> est appelée racine et ne peut avoir d'élément parent ou frère. Tes balises <script> au début de ton code n'ont rien à faire là. Mets-les dans <head> ou <body>, mais pas ailleurs.

mood
Publicité
Posté le 23-05-2008 à 13:36:31  profilanswer
 

n°1736259
midnnight
Posté le 23-05-2008 à 14:40:58  profilanswer
 

Merci pour ces explications, juste un truc, je me creusais la tête pour comprendre pourquoi tu me parlais des balises avant <html> et en fait j'ai compris, il s'agit des balises de pub de ifrance...Et oui, malheureusement, certains hébergeurs "gratuit" ne reculent devant rien pour placer leur surplus de gagne pain sur nos sites et parlent de "gratuité" (c'est à prendre ou à laisser, mais j'héberge là juste pour les essais ou des sites genre blog)....C'est vrai que quand on est pas habitué ça surprend !
Le XHTML 1.0 n'est pas rétrograde ? C'est une question... Pour ce site et pour l'instant je vais le faire, mais d'ici très peu, je passe au templates avec 1 maxi de CSS (adieu les <tables=>ou sous condition...lol... )A+++ et a te lire.


Message édité par midnnight le 23-05-2008 à 14:43:30
n°1736314
midnnight
Posté le 23-05-2008 à 15:40:12  profilanswer
 

Bon, pour l'instant je laisse comme ça :whistle: ,
http://modernscribe.ifrance.com/index.php
mais je retourne à mes cours CSS... ;)  
Sans être mièleux et tout à fait sincèrement, c'est très sympa ici et en plus on prend le temps de bien expliquer et de parler...
Merci à tous.


Message édité par midnnight le 23-05-2008 à 15:56:32

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  décalage css

 

Sujets relatifs
Probleme de decalage banniereDecalage du header sous Safari
centrer une image avec décalage?[CSS]decalage dans un optgroup
Décalage de n bit dans ARMDécalage/saut de ligne avec des div - Superposer des images
Décalage tableau sous IE[Flash] Mon menu s'affiche en décalage sous IE
[Résolu] Problème de décalage de date java sous windows vistaIntégration RSS et décalage horaire
Plus de sujets relatifs à : décalage css


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR