décalage css
décalage css - HTML/CSS - Programmation
Marsh Posté le 23-05-2008 à 03:07:46
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 
Pour moi c'est un simple problème PEBCAK (cf wikipedia)
Message édité par gatsu35 le 23-05-2008 à 03:08:12
Marsh Posté le 23-05-2008 à 03:25:51
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);"> <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&ID=75381"></script>
</td></table></body>
Marsh Posté le 23-05-2008 à 03:28:48
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
Marsh Posté le 23-05-2008 à 03:37:07
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
Marsh Posté le 23-05-2008 à 06:45:32
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
Marsh Posté le 23-05-2008 à 10:14:58
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
Marsh Posté le 23-05-2008 à 11:58:28
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).
Marsh Posté le 23-05-2008 à 12:17:47
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...
Marsh Posté le 23-05-2008 à 13:36:31
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.
Marsh Posté le 23-05-2008 à 14:40:58
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
Marsh Posté le 23-05-2008 à 15:40:12
Bon, pour l'instant je laisse comme ça 
,
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
Sujets relatifs:
- Probleme de decalage banniere
- Decalage du header sous Safari
- centrer une image avec décalage?
- [CSS]decalage dans un optgroup
- Décalage de n bit dans ARM
- Dé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 vista
- Intégration RSS et décalage horaire
Marsh Posté le 23-05-2008 à 02:55:25
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 :
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
Merci par avance...