IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Espace blanc avant une image


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Inscrit en
    Janvier 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : Janvier 2009
    Messages : 2
    Par défaut Espace blanc avant une image
    Bonjour,

    J'essaye de faire un site internet mais dans ma frame du haut mon image est décalée vers le bas et sur la droite donc entourée de blanc ce qui n'est pas pratique (capture 1 et capture 2 avec sélection de l'image pour montrer le décalage) :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    	<head>
    		<TITLE>Bienvenue</TITLE>
    	</head>
    	<frameset border=0 frameborder=0 framespacing=0 rows="148,*" cols="*">
    		<frame name="baliseintranet" frameborder="no" border="0" scrolling="no"
    		<img src="Img/ban_fin_forcom.jpg" hspace="0" vspace="-10" align="left"/>
    		</frame>
    	<FRAMESET cols="200,* rows="*">
    			<FRAME name="leftFrame" src="ban_boutons.htm" noresize scrolling="yes">
    			<FRAME name="mainFrame" src="accueil.aspx" noresize scrolling="yes">
    		</FRAMESET>
    	</frameset>
    </html>


    J'ai donc essayé d'isoler mon image dans une page HTML mais ca me fait pareil :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <!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">
    <head>
        <title>Logo</title>
    </head>
    <body>
    <img src="Img/ban_fin_forcom.jpg" align="top" hspace="0" vspace="0"/>
    </body>
    </html>

    J'ai essayé de jouer avec le doctype, le vspace.... mais rien n'a fonctionné
    Quelqu'un aurait une idée ?

    Merci par avance !

    Sébastien
    Images attachées Images attachées   

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    ça vient des marges par défaut du body (pour des raisons de compatibilité ascendante évite de placer ton image directement dans le body).
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    body {margin:0; padding:0}
    Pourquoi utilser les frames? Sais tu qu'elles ne sont pas conseillées?
    Par ailleurs si tu souhaites tout de même les conserver, tu dois rempalcer ce doctype transitionnal par le doctype frameset

  3. #3
    Nouveau candidat au Club
    Inscrit en
    Janvier 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : Janvier 2009
    Messages : 2
    Par défaut
    Merci Erwan pour ta réponse.
    Effectivement j'ai lu 2 fois aujourd'hui que les frames n'étaient pas conseillées mais personne ne dit par quoi on peut les remplacer.

    Quelle serait alos la meilleure solution à adopter ?

    Par ailleurs, je développe ce site pou un copain qui monte sa boite.
    J'ai appris la programmation internet ya longtemps (env. 5 ans) sans pratique depuis (html et asp) puisque spécialisé en BDD
    Quel langage est conseillé pour la compatibilité avec les navigateurs ? ¨PHP ? ASP ? VB.NET ? C# ?
    Je pencherais pour php / mysql mais je préfère avoir confirmation.

    Merci !

    Sébastien

  4. #4
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par toxy92 Voir le message
    Merci Erwan pour ta réponse.
    Effectivement j'ai lu 2 fois aujourd'hui que les frames n'étaient pas conseillées mais personne ne dit par quoi on peut les remplacer.
    Les frames sont déconseillé principalement pour des raison de référencement et d'accessibilité.
    Si tu souhaites centraliser un contenu pour ne pas à avoir à maintenir chaque
    portion de contenu permanent sur toutes les pages, il te faut passer par des include PHP. (chercher avec les termes Server Side Include).
    Si pour une autre raison tu souhaite inclure un fichier dans un autre, voir du côté de l'élément object. (a dimensionner via CSS pour la compatibilité avec IE)

    Citation Envoyé par toxy92 Voir le message
    Quel langage est conseillé pour la compatibilité avec les navigateurs ? ¨PHP ? ASP ? VB.NET ? C# ?
    Si tu poses cette question c'est qu'il y a certaine connaissances de base que tu n'as manifestement pas encore acquises
    Le navigateur n'en a que faire, puisque ce sont des langages côté serveur...
    En revanche pour garantir une bonne cohérence d'affichage entres les navigateurs, tu dois t'assurer de la bonne conformité de ton code aux standards en vigueur (même si dans la pratique tu te rendra compte que ce n'est jamais suffisant...) et de sa validité syntaxique (documents à valider via le validateur du W3C). L'autre aspect important est d'obtenir une scrict séparation entre le couple structure XHTML/contenu et présentation (CSS)
    en partie afin d'améliorer la portabilité de ton code (XHTML) et sa compatibilité ascendante. Le choix d'un doctype XHTML 1.0 strict t'y aidera grâce à l'étape de validation...
    Voila il y aurait encore pas mal de chose à dire mais ce ne sont là que de simple conseils pour t'aiguiller.

    Citation Envoyé par toxy92 Voir le message
    Je pencherais pour php / mysql mais je préfère avoir confirmation.
    Ben c'est le couple standard sur lequel on trouve le plus de support,
    mais étant donné que je programme très peu en back-end et que ce n'est tout simplement pas ma spécialisation,
    je pourrai pas t'expliquer par exemple les éventuels avantages de l'ASP.net sur le PHP, tu dois aller poser la question sur le salon adéquate, il y a un topic là-dessus je crois...

Discussions similaires

  1. Espace insécable avant une image
    Par Benzeghiba dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 03/08/2010, 19h04
  2. enlever les espaces blancs d une chaines de caracteres
    Par Mobistar dans le forum Débuter avec Java
    Réponses: 19
    Dernier message: 04/08/2008, 19h26
  3. [HTML] espace autour d'une image
    Par zooffy dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 22/10/2006, 16h18
  4. espace vide entre une image et le bas d'une cellule d'un tableau
    Par danyboy85 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 18/10/2006, 15h29
  5. [CSS] Espace résiduel entre une image et le bord du div sous IE
    Par Celeri dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 28/07/2006, 21h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo