"div class" pas classe!
Résolu
SEVE
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
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
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
A voir également:
- "div class" pas classe!
- Classe ram - Guide
- Div c++ - Télécharger - Langages
- Bluetooth mercedes classe a 2005 - Forum Autoradio
- Dans le code de la page, modifiez la couleur de fond de la classe .pix. - Forum Réseaux sociaux
- Bluetooth mercedes classe a - Forum Autoradio
12 réponses
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 :
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;
}
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
Si dans le style.css ca ne marche pas, et ca je ne le saurai que demain, ou dois je le mettre?
SEVE
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 ?
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 ?
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!!!
Je le maudis!!!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 !
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 !
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;
}
<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;
}
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>
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>
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
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
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.
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.
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.
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.
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....
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....
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?
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?
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 :
XHTML 1.0 Strict, c'est la plus exigeante mais pour moi, c'est la meilleure.
ça va t'enlever :
pour les 'alt', c'est toutes les images, il faut l'attribut 'alt', au minimum il doit être vide.
pour le reste il faut voir le code.
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.
