Un code valide c'est comme les fondations d'une maison : c'est la base. Ensuite, c'est l'inconvénient du web : il n'oublie rien. Et "centrer en html" renvoie très vite sur la balise <center>. Or, cet élément est obsolète depuis 1999 (vraiment).
Il faut vraiment penser que "visuel = CSS".
Et dans un premier temps se concentrer sur ce qui est présenté dans le cours d'OC (je suppose que c'est l'exercice du CV qui te pose souci). <center> n'en fait pas partie.
L'écriture en majuscules est considérée comme une parole criée et diminue autant la lisibilité du texte que sa compréhension. Les majuscules abusives sont donc interdites aussi bien dans les titres que dans les messages.
----------
Ensuite : il n'est pas ici question de morale. Tu écris le code que tu veux, hein. Admets donc qu'on t'en fasse la remarque.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Je vous invites tous à venir avec votre bagnole dans ma concession si vous avez un petit soucis de voyant qui s'allume et la voiture qui ne dépasse pas 20 km/h,
Monsieur comment on fait ? => Je vous conseil d'écrire à votre constructeur.com parce que se faire tirer par un âne c'est obsolète (vraiment).
Je veux "entête" au centre du header et "image flottante" à droite.
header
{
width: 100%;
height: 5%;
display: flex;
justify-content: space-between; /* axe horizontale et principal et aussi par défaut */
align-items: flex-end; /* axe secondaire ou ici verticale */
}
- un <h1> et un <p> dans un <span> c'est non. Jamais. - width; 100% non plus. Au mieux ça ne sert à rien, au pire ça casse tout. - height:5% c'est pas heureux. ça va être trop grand sur grand écran et trop petit sur mobile. ne mets pas de height, ton élément prendra la hauteur nécessaire pour afficher son contenu. Au mieux rajoute un padding.
Voilà comment je vois les choses, comme tu ne l'a pas précisé, on ne sait pas si tu veux l'image à droite de la page ou à droite du titre, j'ai fait les deux.
- à droite de la page :
<header>
<a href="img/mini_tronche.jpg"><img src="img/mini_tronche.jpg" class="imageflottante" alt="Image flottante" title="Cliquez pour agrandir"/></a>
<div class="title">
<h1>kriscoinet</h1>
<p>Technicien et créateur d'enthousiasme</p>
</div>
</header>
Ah, mais c'est un vrai mot, "nétiquette" un néologisme ("étiquette du net / d'Internet")… enfin peut-être que le terme est ringard maintenant (chuis vieille, que voulez-vous).
Pour modifier ton titre : il faut aller éditer le premier message.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Il ne faut pas "éditer" il faut le "modifier" en fait.
C'est un peu ce pourquoi mes réponses peuvent paraître un peu criante, lorsque vous répondez à un novice soyez clair et précis sinon, on comprends rein à ce que vous semblez vouloir expliquer.
Je n'ai pas utilisé flexbox mais float:left. Et c'est pour ça que le <a> est avant. Un flottant doit toujours être avant le non flottant. Si tu veux que ton image ne soit pas collée à droite tu peux lui mettre un margin-right.
- Edité par Frogweb 28 décembre 2018 à 13:44:03
Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
Il ne faut pas "éditer" il faut le "modifier" en fait.
Au temps pour moi. J'avoue ne pas avoir vérifié le mot exact dans l'interface. Je pensais que "éditer" serait un terme suffisamment courant pour comprendre son sens…
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Si je mets un margin-left au header a, tout les blocs du header se décalent, exemple à 15%:
Et aussi, j'ai due mettre 4% de margin-left à ma section pour retrouver mes articles (eux en space-arround) centrés alors qu'ils sont tous de la même taille.
Ça ressemble à du bricolage !
On en voit peut être pas mais il y a aussi une petite bande blanche à droite comme à gauche.
- Edité par kriscoinet 30 décembre 2018 à 15:11:34
Évite à tout prix les marges en pourcentages, car elles dépendront de la taille du conteneur, qui peut donc varier, et donc mener à des incongruités.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Position image
× 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 :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)