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 :

Elargir la page


Sujet :

HTML

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2009
    Messages : 19
    Par défaut Elargir la page
    Bonsoir,

    Je suis tout nouveau dans le monde des développeurs et je suis plutôt très doué en informatique pour mon page (16 ans) et donc j'ai un site internet hébergé sur e3b.org que j'ai commencé à créer sur les épisodes de mangas ^^

    Je viens de le créer dans la journée et j'ai commencé avec un template / kit graphique prédéfini.

    Alors voilà mon problème, quand je veux inséré une vidéo en entrant le code player dans ma page HTML ma vidéo est trop large par rapport à la page et donc elle dépasse légèrement du cadre ce qui fait plutôt moche .

    Donc j'ai essayer de réduire un peu la largeur de la vidéo pour qu'elle rentre mais il reste tout de même des petites écritures surligné en blanc et qui dépasse elle aussi du cadre. Alors j'ai trouvé le moyen c'est de le supprimer !

    Je ne pourrait pas faire ça tout le temps car je vais avoir un bon paquet de vidéo à inséré et ça risque de prendre un temps fou ! je précise que la largeur de la vidée est déjà prédéfini et donc je ne peux pas choisir la largeur du lecteur video dans ma page directement, ce qui est plutôt galère...

    Enfin bref, j'ai réfléchi et la seul solution qui m'ai venu à la tête pour y remédier c'est d'élargir la largeur du cadre de la page et je sais pas comment faire du tout et j'ai peut que le faite de faire cela va tout me décaler donc j'ai vraiment besoin d'aide s'il vous plaît .

    Alors voici l'adresse de mon site internet, une vidéo à déjà été insérée dans la rubrique "Episodes" : Mangas-PlayerList Merci de faire votre possible

  2. #2
    Membre confirmé Avatar de Jérémie A.
    Profil pro
    Inscrit en
    Août 2008
    Messages
    270
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : Belgique

    Informations forums :
    Inscription : Août 2008
    Messages : 270
    Par défaut
    Citation Envoyé par Powerdark94 Voir le message
    ...
    Après une rapide simulation avec Firebug, voici le rendu que j'obtiens (sous Firefox 3) :



    Pour agrandir le design, voici les changements que j'ai simulés et que tu devrais effectuer :

    Dans le fichier reeve.css (ligne 18)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    .conteneur
    {
    etc etc ...
    width:776px;
    }
    devient
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    .conteneur
    {
    etc etc ...
    width:825px;
    }
    Dans le fichier reeve.css (ligne 35)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    html > body .haut
    {
    width:723px;
    }
    devient
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    html > body .haut
    {
    width:800px;
    }
    Dans le fichier reeve.css (ligne 43)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    html > body .centre 
    {
    margin-left:25px;
    width:725px;
    }
    devient
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    html > body .centre 
    {
    margin-left:25px;
    width:800px;
    }
    Dans le fichier reeve.css (ligne 78)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    html > body .bas 
    {
    width:725px;
    }
    devient
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    html > body .bas 
    {
    width:800px;
    }
    Et donc pour bien faire, faudrait que tu adaptes ta bannière aux nouvelles dimensions (donc une bannière de 800 pixels de large).

    Ceci dit, je suis pas fan de la découpe (KitGraphik powered), il y a des marges inutiles dans la CSS selon moi, mais bon, autant éviter d'y toucher.

    Et n'oublie pas de changer la balise "title" dans le "head" de ton HTML, à part sur ta page d'accueil, les autres affichent toujours :

    kit graphique à télécharger gratuitement
    Bon, sur ce, il se fait tard ( ) donc j'oublie peut être quelque chose, mais ces quelques changements te permettront de gagner un peu de largeur.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2009
    Messages : 19
    Par défaut
    Merci beaucoup ! J'ai réussis à élargir les reste des images mais quand j'élargis cette image à 800px :
    menu_fd.gif :
    elle devient très flou et pourtant je la reproduis exactement avec la même qualité d'image, j'ai jeter un coup d'oeil dans ma feuille CSS mais je voit pas où est le problème.

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2009
    Messages : 19
    Par défaut
    C'est bon j'ai réussis en gardant qu'une seule couleur par pixels. Bizare quand même

  5. #5
    Membre confirmé Avatar de Jérémie A.
    Profil pro
    Inscrit en
    Août 2008
    Messages
    270
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : Belgique

    Informations forums :
    Inscription : Août 2008
    Messages : 270
    Par défaut
    Edit: Ah ok.

    Le problème, c'est que tu étirais l'image plutôt que d'agrandir son canvas je pense.
    Essaye avec cette version de l'image :

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [CR] Avoir seulement une page blanche qd la base est vide???
    Par littleChick dans le forum SAP Crystal Reports
    Réponses: 2
    Dernier message: 13/08/2002, 18h26
  2. [web]maj de pages
    Par Gogoye dans le forum Web
    Réponses: 3
    Dernier message: 17/06/2002, 18h25
  3. Réponses: 7
    Dernier message: 01/05/2002, 20h23

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