Retour à Forum de site web

Problème d'image

  • iferno229
  • Born
  • Born
  • No Avatar
  • Inscription: Déc 28, 2008
  • Messages: 3
  • Status: Offline

Message Décembre 28th, 2008, 1:43 pm

Hey, Ive a réussi à trouver des solutions à la plupart de mes problèmes, mais je n'arrive pas à fixer celle-ci. J'ai un placement bannière Im en utilisant pour l'instant tant que je n'aurai pas le temps de créer ma propre bannière. Le problème que j'ai est qu'il existe une marge autour de l'image en particulier à la base que je n'arrive pas à supprimer. Il crée un petit décalage entre l'image et à mon menu principal. Une fois de supprimer le décalage, je peux commencer à travailler à l'ombre des frontières et arrondir les angle. J'ai essayé la création de la marge à 0 par la création d'une balise div et les css. Il ne fonctionne pas et je ne peux pas penser à des façons de le corriger. Ceci est mon site de référence:
http://students.washington.edu/mchen323 ... plate.html
En passant, je trouve mon modèle est trop simple et clair. Si Im ne cherche pas trop compliqué pour rien, jaimerais pimenter mon modèle un peu plus. Il est pour un club à l'école et c'est ma première tentative de création d'un site. Quels sont vos commentaires sur la façon dont je pourrais améliorer l'aspect global? Merci d'avance.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Décembre 28th, 2008, 1:43 pm

  • Zwirko
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 29, 2005
  • Messages: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Message Décembre 28th, 2008, 3:13 pm

Votre page contient horriblement code non valide (pas d'infraction signifie). A moins que quelqu'un puisse identifier le problème exact Id simplement supprimer le doctype choses et de commencer avec <html> <head>...etc Cela résoudre votre problème.

Avec le doctype il vous forçant le navigateur à regarder votre code en mode strict "- qui peut être impitoyable si votre code contient de nombreuses erreurs.

Ou vous pouvez commencer de nouveau? Beaucoup d'aide disponible ici, à Ozzu.
  • ayelletkod
  • Novice
  • Novice
  • No Avatar
  • Inscription: Déc 09, 2008
  • Messages: 17
  • Status: Offline

Message Décembre 31st, 2008, 12:54 pm

la solution facile est de changer les polices, de bannières et de logo, et ajouter des effets sur les marges.
le plus fort et mieux, c'est ce que mentionné ci-dessus ici.
  • celandine
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Oct 30, 2007
  • Messages: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Message Janvier 1st, 2009, 5:08 am

Je ne vois pas une lacune dans la bannière. (affichés sur FF) avez-vous résoudre ce problème, ou est-ce un problème d'IE?
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 11, 2005
  • Messages: 1828
  • Loc: In the Great White North
  • Status: Offline

Message Janvier 1st, 2009, 12:05 pm

Je suppose que son problème IE (même si je n'ai pas testé) dans IE6 / 7 si vous vous avez une image comme dernier élément dans un conteneur et de votre code contient un retour de ligne après la clôture img et avant la fermeture de conteneurs que vous obtiendrez un espace fantôme, sur le fond (plusieurs pixels)

ainsi...
Code: [ Select ]
<div>
<img src="myfile.jpg"/>
</div>
  1. <div>
  2. <img src="myfile.jpg"/>
  3. </div>
produira le saut de ligne tout en fantôme
Code: [ Select ]
<div>
<img src="myfile.jpg"/></div>
  1. <div>
  2. <img src="myfile.jpg"/></div>
ne produira pas le problème. Correctif est plus facile de simplement retirer ce saut de ligne.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • iferno229
  • Born
  • Born
  • No Avatar
  • Inscription: Déc 28, 2008
  • Messages: 3
  • Status: Offline

Message Janvier 1st, 2009, 1:41 pm

J'ai changé de DOCTYPE strict de transition et il a fixé le problème. Merci. Quand je suis allé à http://validator.w3.org/ pour valider mon code, j'ai 7 erreurs qui tous portaient sur le centrage du texte dans mon menu. Comment dois-je faire de fixation sur cela?
  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 11, 2005
  • Messages: 1828
  • Loc: In the Great White North
  • Status: Offline

Message Janvier 1st, 2009, 3:42 pm

quelles sont les erreurs?
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • iferno229
  • Born
  • Born
  • No Avatar
  • Inscription: Déc 28, 2008
  • Messages: 3
  • Status: Offline

Message Janvier 1st, 2009, 8:54 pm

#Erreur Ligne 15, colonne 25: type de document ne permet pas d'élément "center" here; missing one of "object", "applet", "la carte", "iframe", "button", "ins", "del" start - tag.

Code: [ Select ]
<li><a href="#"><center>Home</center></a></li>


L'élément mentionné n'est pas autorisé à figurer dans le contexte dans lequel il youve placé; les autres éléments mentionnés sont les seuls qui sont à la fois permis là-bas et peut contenir l'élément mentionné. Cela pourrait signifier que vous avez besoin d'un élément, ou en contenant peut-être que le youve a oublié de fermer un élément précédent.

Une des causes possibles de ce message est que vous avez tenté de mettre un élément de type bloc (comme "p>" ou "<table>") à l'intérieur un élément en ligne (telles que «<a>", "<span> ", ou" <font> ").
Moderator Remark: added code tags
  • alex89
  • Bronze Member
  • Bronze Member
  • Avatar de l’utilisateur
  • Inscription: Juil 18, 2008
  • Messages: 239
  • Loc: Western Australia
  • Status: Offline

Message Janvier 1st, 2009, 11:47 pm

L'élément le centre a été déconseillé dans HTML 4.01, et n'est pas supporté en XHTML 1.0 Strict DTD.

Vous devriez utiliser les CSS pour centrer du texte :)

Par exemple:

Code: [ Select ]
<STYLE type="text/css">
li {text-align: center}
</STYLE>

<li><a href="#">Home</a></li>
  1. <STYLE type="text/css">
  2. li {text-align: center}
  3. </STYLE>
  5. <li><a href="#">Home</a></li>
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Janvier 2nd, 2009, 11:30 am

alex89 a écrit:
L'élément le centre a été déconseillé dans HTML 4.01, et n'est pas supporté en XHTML 1.0 Strict DTD.

Vous devriez utiliser les CSS pour centrer du texte :)

Par exemple:

Code: [ Select ]
<STYLE type="text/css">
  li {text-align: center}
</STYLE>
 
<li><a href="#">Home</a></li>
  1. <STYLE type="text/css">
  2.   li {text-align: center}
  3. </STYLE>
  4.  
  5. <li><a href="#">Home</a></li>

Ne pas utiliser les majuscules le code de cas...l'utilisation des minuscules...au lieu de "style" utiliser "style"
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • alex89
  • Bronze Member
  • Bronze Member
  • Avatar de l’utilisateur
  • Inscription: Juil 18, 2008
  • Messages: 239
  • Loc: Western Australia
  • Status: Offline

Message Janvier 2nd, 2009, 7:39 pm

Youre terriblement pointilleux. Je viens de copier http://www.w3.org/TR/REC-html40/present/styles.html
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Janvier 2nd, 2009, 10:49 pm

alex89 a écrit:
Youre terriblement pointilleux. Je viens de copier http://www.w3.org/TR/REC-html40/present/styles.html

:lol: J'ai l'habitude de passer les normes de XHTML Strict...automatique du type que vous connaissez.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • vividwebgraphics
  • Novice
  • Novice
  • No Avatar
  • Inscription: Jan 26, 2009
  • Messages: 23
  • Loc: USA
  • Status: Offline

Message Février 10th, 2009, 11:33 am

Vous devez ajouter ce code dans <head>
Code: [ Select ]
<style type="text/css">
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
</style>
  1. <style type="text/css">
  2. body {
  3.     margin-left: 0px;
  4.     margin-top: 0px;
  5.     margin-right: 0px;
  6.     margin-bottom: 0px;
  7. }
  8. </style>


Une fois que vous ajoutez cette...vous ne trouverez pas tout écart
Moderator Remark: added code tags

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 13 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 119 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC