Salut,

Je suis en train de faire le cours HTML/CSS et j'ai un souci lors de la création du CV.

J'aimerais aligner ma liste à puce en dessous de compétence. Le souci c'est qu'il y a deux liste à puces et je veux aligner celle-ci spécifiquement. J'ai crée une class, je l'ai mise dans le CSS (. le nom de la class), mais le souci c'est que les petites puces (les li) ne suivent pas à reste à gauche. je ne sais pas trop comment faire.

Voici mon code :

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Mathieu Nebra</title>
        <link rel="stylesheet" href="style.css" />
    </head>

    <body>
        <p><a href="photo.jpg"><img src="photo_mini.jpg" alt="Photo d'identité Mathieu Nebra" /></a></p>
        
        <h1>Mathieu Nebra</h1>
        <p>Entrepreneur, auteur et co-fondateur d'OpenClassrooms</p>

        

        <h2>Mon expérience</h2>

        <ul>
            <li><strong>De 1999 à 2007</strong> : <span class="texte">fondateur du Site du Zéro, site de cours en ligne pour débutants. Animation le soir et le week-end en parallèle de mes études.</span></li>
            <li><strong>De 2007 à 2013</strong> : création de Simple IT, start-up éditrice du Site du Zéro. Lancement d'une collection de livres. Evolution du site jusqu'à 2 millions de visiteurs par mois, avec 20 employés.</li>
            <li><strong>De 2014 à aujourd'hui</strong> : transformation de Simple IT et du Site du Zéro en une marque unique et globale, OpenClassrooms. Internationalisation, lancement de cours vidéo, d'une collection d'eBooks à la demande et de certificats en ligne.</li>
        </ul>

        <h2 class="bordure">Mes compétences</h2>

        <ul>
            <li>HTML5 et CSS3</li>
            <li>PHP (<a href="http://certifications.openclassrooms.com/OC-133423525">certificat OpenClassrooms</a>)</li>
            <li>SQL</li>
            <li>Super Smash Bros (niveau expert)</li>
        </ul>
    

        <h2>Ma formation</h2>

        <p>Alors là c'est simple... j'ai tout appris sur OpenClassrooms !</p>

    </body>
</html>

Et le CSS :

@font-face 
{
    font-family: 'droid_sansregular';
    src: url('DroidSans-webfont.eot');
    src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-webfont.woff') format('woff'),
         url('DroidSans-webfont.ttf') format('truetype'),
         url('DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
    background-image: url('greyzz.png');
}

h1, h2
{
    font-family: 'droid_sansregular', 'Arial', sans-serif;
}

h1, h1 + p
{
    text-align: center;
}

img
{
    float: right;
    border: 1px solid black;
    box-shadow: 2px 2px 2px black;
}

h2
{
    color: #6E4A46;
}

.texte
{
    color: red;
}


.bordure
{
    text-align: center;
    border: 3px black solid;
    border-radius: 10px;
    box-shadow: 1px 1px 1px black;

}

Bonjour,

Mauvais titre

Le titre est un élément important qui ne doit pas être négligé. N'oubliez pas cette règle simple : le titre idéal résume la question que vous allez poser en une petite phrase. Il doit permettre aux visiteurs de se repérer facilement dans le forum visité et d'identifier le sujet à sa seule lecture.

Vous pouvez utiliser divers préfixes comme [Erreur], [MySQL], [Compatibilité], etc... Aussi, pensez à consulter les règles propres à chaque forum (visibles dans les topics épinglés en haut des sections).

De plus, choisir un bon titre permet de rendre plus faciles les recherches des autres membres.

Les titres de type "besoin d'aide" ou "problème" ne sont pas tolérés.

Merci de modifier votre titre. Pour cela, éditez le premier message de votre sujet.

(titre originel : Problème avec mon HTML)

Problème avec mon HTML

Mauvais titre

Problème avec mon HTML

Supprimer

Modérer

Signaler le message aux modérateurs