Bonjour c'est le deuxième sujet que je lance sur le même problème, alors j'ai essayer le verificator et tout corriger mon code html et css fonctionne bien, néanmoins quelque soit l'image elle s’affiche en tout petit et ne veut pas être modifier par width pour je ne sais quelle raison voila mes code :
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' /> <!-- language pour le pc -->
<link rel="stylesheet" href="test.css" /> <!-- lien vers fichier css -->
<title> B4nkaii </title> <!-- nom du site -->
</head>
<body>
<div class="top"> <!-- regroupe le logo + le titre -->
<span class="epee">
<img src="epee.png" alt="image d'une épee">
</span>
<h1> B4nkaii </h1> <!-- titre principal du site -->
<table>
<tr> <!-- première ligne du tableau -->
<th> <!-- première cellule du tableau -->
anime
</th>
<th>
news
</th>
<th>
ost
</th>
<th>
top
</th>
<th>
quiz
</th>
<th>
forum
</th>
</tr>
</table>
<audio controls="controls">
<source src="onepiece.mp3">
</audio>
</div>
<div class="img2">
<img src="tokyoghoul.jpg" alt="une image pour vous souhaier la bienvenue">
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
body
{
background-image:url("205913.jpg"); /* image de fond de page */
background-attachment: fixed;
}
.top
{
padding: 0px 0px 0px 0px;
margin: -7.2px -7px 0px -7px ;
background-color: #DD0F3D; /* couleur de fond */
}
@font-face
{
font-family: "MisterVampire"; /* ajoute une police atypique */
src: url("MISTV___.TTF"); /* l'emplacement + le nom de ma police */
}
h1
{
color: black;
float: right; /* placer l'élement html a droite de l'autre élement */
text-indent: -700px; /* coller le titre a gauche de l'image */
font-family: MisterVampire; /* police d'écriture */
position: relative; /* positionner le text par rapport a sa place de base */
top: 40px; /* descendre le texte de 10 px */
}
img
{
width: 100px; /* reduire l'image en largeur */
}
.img2
{
width: 100%;
}
audio
{
position: relative;
top: 2px;
left: 1220px;
}
th
{
text-decoration: underline; /* surligne */
text-decoration-color: black; /* couleur de la ligne */
text-decoration-style: double; /* style ligne double */
background-color: #0089DB; /* couleur en hexa */
text-transform: uppercase; /* mettre les cellules en maj */
position: relative;
left: 580px;
top: 37px;
border: 1px solid black; /* cree une bordure */
font-size: 20px; /* modifie la taille de police */
}
est appliqué sur la div parente, il faut l'appliquer sur l'image
.img2 img
et img2 est plus un id qu'une class CSS... Le principe d'une class est de pouvoir être utilisé à plusieurs endroits de ton code, l'id quand à lui est unique.
Après tu peux adapter comment tu gères ton image, si ton site est cherché principalement sur PC tu peux utiliser les pixels et ainsi gérer pour les PC, cependant sur smartphone tes images auront les mêmes proportions donc tu te retrouveras avec des images immenses.
Ensuite tu peux gérer la largeur utilisée par ton image avec un col-md-? (ou ? est un chiffre entre et 12) si tu te sert de bootstrap.
Est ce que tu voudras que ton site soit utilisé sur tout les formats?
Les erreurs permettent de progresser, mais progresser n'empêche pas de faire des erreurs.
Re bonjour, voila autre petit problème j'ai crée une balise qui me sert d'en tête pour mon site, et je voulais écrire un texte de bienvenue en-dessous de celle-ci j'ai donc créer un autre div dans lequel j'ai mit mon paragraphe car je veux le mettre sur une bande contenant une image comme j'ai dit cette bande ce trouvera en-dessous de mon en-tête problème quand j'actualise ma page rien n’apparaît comme si le paragraphe était en-dessous de mon en-tête mais pourtant je ne pense pas avoir fait d'erreur dans mon code le voici :
effectivement merci de ton aide , autre petit problème si tu a encore du temps je voudrait créer une page dans une page c'est a dire comme sur : http://www.neko-san.fr/ (un peu comme les bordures bleu de chaque cote et le contenue au centre), j'ai essayer en centrant mon contenu est rajoutant un background-color sur les élément dans une div et même en redimensionnant le background-color mais rien n'a faire sa ne marche pas --' aurait tu une soulution ?
désolé d'être compliqué mais y'aurait t'il une solution sans utiliser bootstrap, car sa me compliquerait plus la vie qu'autre chose j'ai déjà beaucoup de code en tête alors le code bootstrap et un peu déstabilisante merci d'avance
Tu as juste à le télécharger et appliquer 2/3 "col-md-2".
Mais après sinon tu peux gérer la taille avec les pixels ou laisser une marge, j'ai pas d'idée de code précise car je fonctionne pas mal avec bootstrap.
Les erreurs permettent de progresser, mais progresser n'empêche pas de faire des erreurs.
Tu as presque trouvé la solution à ton propre problème Cédric...
Utilise les outils de développement de ton navigateur pour observer le site que tu as donné en exemple.
En passant ta sourie au dessus du code depuis la fenêtre "Inspecteur", tu peux trouver quel élément gère l'espace à droite et à gauche... Dans notre cas c'est la balise <div id="body">
Il te suffit donc de regarder quelles règles css sont appliquées sur cette balise. Dans notre cas je vois :
Merci de ta réponse =) il y'a peu de temps j'ai reçu une réponse du site concerné qui m'a expliqué qu'il utiliser des balise <iframe>, j'ai donc mis mon code html dans une balise <iframe>, mais rien... un cadre vide, je suis donc passé de Google chrome a moz, mais rien non plus...pourtant mon code me semble correct, merci du conseils je vais inspecter leur code pour voir comment eux l'on insérer en attendant voici mon code :
Bizarre , rien a faire il y'a bien une cadre (une fenêtre) qui apparait mais rien dedans alors que je lui indique bien ce qu'il doit afficher, j'ai essayer en mettant mon code html dans ses balises mais rien pareille pour une simple image ??
Oui, j'ai utiliser l'attribut src, pour intégrer mon code mais rien et j'ai regarder un peu la liste des attribu restant mas pour l'instant je pense qu'il n'y arien d'autre d'utile.
Sur la page que je t'ai envoyée regarde si tu as pas un attribut pour ta balise iframe qui te permettrai d'afficher ta photo. Genre frameborder ou un truc du genre.
- Edité par GuillaumeGarnier11 19 mars 2018 à 15:11:48
Les erreurs permettent de progresser, mais progresser n'empêche pas de faire des erreurs.
encore un problème sans solution c'est mon en-tête j'ai réussi a la créer dans un iframe mais sur le coté il y'a comme une petite marge transparente, j'ai vérifier si j'avais oublier quelque chose comme un margine dans un body mais rien...je ne trouve pas ? :
Re bonjour tout le monde, alors me voila avec une question plutôt curieuse : j'ai commencé a crée un site qui fonctionne avec des iframe, en gros chaque carrée sur ma page contener un autre de mes fichier et donc d'autre fichier css...., au final je me suis retrouvé avec 5 fichier html, 5 fichier css bourré de code et quand j'ai commencé a faire de l’ordre je me suis posé une question existentielle quelle fichier dois-je ouvrir au final pour avoir l’intégralité de mon code ? au final je me suis embrouiller tout seul et je dois tout recommencé
je ne maitrise pas encore php, je suis full html et css, et un site que j'aime bien utilise des iframe pour intégrer une page dans une page et ducoup c'est un peu la première méthode que je connaisse maintenant je me demande comment faire en sorte qu’un fichier utilise le code des autres pages ?
Bon...l’accueil de mon site est désormais terminer, mais je rencontre un autre problème j'ai créer mon accueil a l'aide de plusieurs iframe et mon menu ce trouve dans l'un d'entre elle..jusque la tout va bien, sauf que quand je met un href pour changer de fichier dans mon index donc dans le fichier qui est dans mon iframe l'iframe de celui ci disparait mais pas les autre iframe et moi je voudrait que toute la page iframe comprit disparaisse pour mettre du nouveau contenue jai cherche partout en vain je ne vois pas comment faire ?? voici mes codes :
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)