"div class" pas classe!

Résolu/Fermé
SEVE - 7 janv. 2008 à 17:54
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 7 janv. 2008 à 19:22
Bonjour à tous amigos de la toile et bonne année 2008!

Voici mon pb!!

J'utilise les div class pour la mise en forme de mes textes et liens. J'ai toute une suite de liens et à cause des div, ils se mettent les uns en dessous des autres au lieu d'être alignés un derrière l'autre. J'ai bien essayé de les caser dans un tableau mais du coup l'espace entre les liens n'est plus régulier!

que faire, y a t il éventuellement une autre astuce pour que mes liens restent alignés?

Merci d'avance.
Seve

12 réponses

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
7 janv. 2008 à 18:06
salut,

si j'ai bien compris tu veux que tes '<div>' se comportent comme si ils étaient des '<a>', c'est ça ?
dans ce cas :
div
{
display:inline;
}
0
heuuuu, moi pas compris! mais j'ai mis display:inline; dans mon style.css je vais bien voir, chez moi c'est en ligne, mais chez mon client c'est en colonne, c'est là toute la joie de faire des sites!

Si dans le style.css ca ne marche pas, et ca je ne le saurai que demain, ou dois je le mettre?

SEVE
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
7 janv. 2008 à 18:20
c'est bien dans ta feuille de styles qu'il faut le mettre.
c'était l'effet souhaité ?

chez moi c'est en ligne, mais chez mon client c'est en colonne
tu as bien uploadé le fichier ?
tu as vidé le cache du navigateur ?
0
ha ben je vois d'ou vient le pb! c'est ce pourri d'IE qui me plante le truc! Sur Mozilla et Safari c'est nickel, mais sous IE ca marche toujours pas c'est toujours en colonne mais faut faire quoi pour que tout le monde se mette sous Mozilla!

Je le maudis!!!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
7 janv. 2008 à 18:30
lol

saine colère…
pour développer travaille toujours sous FF, une petite vérif sous Opéra et seulement après tu testes dans IE.
de toute façon c'est toujours lui qui mettra la "pagaille".

montre nous ton code si tu veux qu'on le force à faire ce qu'il faut !
0
Alors! ça c'est dans mon style.css:

<code>.lienssmenu
a {
font-family:arial, sans-serif;
font-size:85%;
font-weight:regular;
color:#5b5e5d;
width:100%;
margin-left:10px;
text-align:left;
display:inline;
text-decoration:none;
}

.lienssmenu
A:hover {
font-family:arial, sans-serif;
font-size:85%;
font-weight:regular;
color:#73a72f;
width:100%;
margin-left:10px;
text-align:left;
display:inline;
text-decoration:none;
}
0
ouah et en plus ca m'a coupé le code! la suite ici:

dans ma page.php c'est écrit ainsi:

<code><br>
<div align="right">

<div class="lienplus"><a href="index.php?page=mesure">Mesures de prévention</a>

<a href="index.php?page=evaluation">Evaluation
des risques</a>

<a href="index.php?page=chaud">Travaux par points
chauds</a>

<a href="index.php?page=secours">Secours aux personnes</a></div>


</div>
0
M**** j'ai pas mis le bon code css, mais ca change rien ca marche toujours pas. J'ai mis le display dans lienplus et IE me le met toujours en colonne...

J'sais pas si c'est pareil pour tout le monde, mais je passe plus de temps a debugger qu'a concevoir, c'est quand meme terrible!

J'aime pas quand ca marche pas!!!!Arghh

SEVE
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
7 janv. 2008 à 19:01
t'affoles pas.

y a deux ou trois à éviter ou du moins à connaitre et après ça reste quand même faisable.

fais péter ta DTD et essaie de valider ta page.

quand elle sera valide on pourra se pencher sur css.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
7 janv. 2008 à 18:55
tu écris avec quelle DTD ?
html 4, xhtml 1, strict, transitionnal ?

parce que en premier il faut que tu aies un code html hyper clean pour être sûr que le problème d'affichage ne vient pas du html.
0
heuuu, je le sais comment ca?

Je me sers de dream mais je nettoie mon code pour essayer d'avoir un truc propre... Attention, j'suis pas une pro et je sais pas en quoi je tape... DTD ca veut dire quoi? Si ca peut vous rassurer je ris de ce que j'écris....
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
7 janv. 2008 à 19:04
regarde le code source.
tout en haut tu devrais avoir quelque chose qui ressemble à ça :
<!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">


montre nous à quoi ça ressemble !
0
Alors, j'ai testé mon site et je suis en html 4.01 traditional, et j'ai 12 erreurs de code:

document type does not allow element "DIV" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag

et pleinde fois : required attribute "ALT" not specified

et aussi en "Warning" ouuuuu ca fait peuuur!

[W06] Unable to Determine Parse Mode!

[W09] No DOCTYPE found! Attempting validation with HTML 4.01 Transitional.

soit... du petit chinois!

C'est grave dr?
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
7 janv. 2008 à 19:22
la DTD (DocType Definition) c'est la liste des règles appliquées pour respecter le langage (html ou xhtml) et sa version.
toi, tu n'en as pas et ça c'est pas top.

tu devrais travailler avec un éditeur de code (NotePad++ est pas mal), c'est plus simple qu'avec DW.

pour ta DTD tu devrais commencer tous tes docs par :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

XHTML 1.0 Strict, c'est la plus exigeante mais pour moi, c'est la meilleure.

ça va t'enlever :
[W06] Unable to Determine Parse Mode!

[W09] No DOCTYPE found! Attempting validation with HTML 4.01 Transitional. 

pour les 'alt', c'est toutes les images, il faut l'attribut 'alt', au minimum il doit être vide.
<img alt='' />

pour le reste il faut voir le code.
0