Discussion :

[Powerdark94]

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

[Jérémie A.]

...

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.

[Powerdark94]

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.

[Powerdark94]

C'est bon j'ai réussis en gardant qu'une seule couleur par pixels. Bizare quand même

[Jérémie A.]

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 :