je suis actuellement en train de faire l'exercice de la semaine 4 du cours HTML/CSS et depuis deux jours maintenant je bloque sur la partie ou les éléments doivent se placer en colonne lorsque je réduit la fenêtre du navigateur.
j'ai beaucoup chercher, j'ai même essayer de simplement copier le code html et CSS du TP sur la création d'un site pour essayer le responsive une fois le document adapter à mes besoin mais il y a rien à faire bien que j'arrive à mettre en forme le site pour lui donner la mise en page comme je le souhaite je n'arrive pas à faire en sorte que le responsive soit fonctionnel.
il ne fait aucun doute que j'ai commis une faute quelque part (hormis l'orthographe bien sur) mais très honnêtement je n'arrive pas à voir ou se trouve cette ou ces fautes.
j'espère donc que certaines personne mieux calé que moi sauront m'apporter quelques éclairage et m'aider à résoudre se ou ses problème.
si joint le code HTML ainsi que la feuille CSS + un screenshot.
le code HTMl :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Mon CV</title>
</head>
<body>
<div id="bloc_page"><!--délimiter la largeur et la hauteur!-->
<div id="lisere"><p><img src="image/liseré2.png"></p></div><!--liseré!-->
<header> <!--photo et titre-->
<p><h1>Gaetan Gerard</h1>
<h3> En reconversion proffessoinel</h3></p>
<div id="logo">
<p><a href="image/moi.jpg" target="blank" class="photo"><img class="mini" src="image/moi2.jpg" alt="GAETAN GERARD" title="cliquer pour agrandir" ></a></p>
</div>
</header>
<section><!--contient 3 liste non ordonnées!-->
<article>
<div class="element">
<h2>mon expérience</h2>
<ul>
<li><strong>2010</strong>: entrée en école d'infographie.</li>
<li><strong>2013</strong>: fin de formation en commerce et vente.</li>
<li><strong>2015 à nos jours</strong>: passer de CDD en CDD, fatiguer de cette insécurité <br />je souhaite maintenant apprendre de nouvelle compétence qui me <br />dirigera vers d'autre métiers.</li>
</ul>
</div>
<div class="element">
<h2> mes compétences</h2>
<ul>
<li>le dessin.</li>
<li>HTML5.</li>
<li>champion olympique.</li>
<li> geek a +/- plein temps.</li>
</ul>
</div class="element">
<div>
<h2> ma formation</h2>
<ul>
<li> HTML (et CSS3 que j'apprendrais grâce à open classroom).</li>
<li> gestion et vente.</li>
<li> art plastique et graphique.</li>
</ul>
</div>
</article>
</section>
</div>
<footer></footer>
</div>
</body>
sa marche !!!! ouah tellement simple mais j'ai déjà constater que souvent je me perdais dans mes codes, va falloir que je les organise mieux et les rendent plus lisible
merci en tout cas @floJDM
est ce que tu aurais une solution quand au liseré que je n'arrive pas à faire disparaitre ? malgré mon utilisation de la commande.
@media all and(max-width:1024px)
{
#liser
{
display:none;
}
}
sa ne fonctionne pas :s (s'est juste moi qui ait fait une faute en recopiant)
je retire se que j'ai dit !!!! sa fonctionne j'ai juste écrit le @media sans le all and et s'est passer. mais comment ca se fait ? je veux dire sur sont cours s'est comme je l'ai écrit qu'il le montre donc je comprend pas pourquoi sa n'as pas fonctionné en suivant ses indication.
Avant de poster un message, vérifiez la date du sujet dans lequel vous comptiez intervenir.
Si le dernier message sur le sujet date de plus de deux mois, mieux vaut ne pas répondre. En effet, le déterrage d'un sujet nuit au bon fonctionnement du forum, et l'informatique pouvant grandement changer en quelques mois il n'est donc que rarement pertinent de déterrer un vieux sujet.
Au lieu de déterrer un sujet il est préférable :
soit de contacter directement le membre voulu par messagerie privée en cliquant sur son pseudonyme pour accéder à sa page profil, puis sur le lien "Ecrire un message"
soit de créer un nouveau sujet décrivant votre propre contexte
ne pas répondre à un déterrage et le signaler à la modération
-> Hébergement GRATUIT <- Parfait pour débuter/dev/test/...
-> Hébergement GRATUIT <- Parfait pour débuter/dev/test/...
JMB
Pas d'aide concernant le code par MP, le forum est là pour ça :)