Css div et a

Bonjour,

je, plus que, découvre le css et pour tout dire cela me laisse per-flex.
un extrait de code m'a intrigué, genre comme la partie mes interventions à gauche de cette page.

L'exemple est en fait une <div> suivi de <a> à la ligne comme par miracle ...
J ai bien essayé de jouer avec les marges mais les liens ne sont jamais a la ligne...

Bref, Je questionne...
Heu, Bonne lecture.

4 réponses

  1. <td valign="top" id="pndr"> <div class="pd">
    <div class="pdt"><!-- Rubriques photos --></div>
    <div class="pdc"><div id="rubriquephoto">
    <div id="padrubphoto">
    <div id="rubphoto">Les Albums Photos</div>
    <a href="index.php?cat=2">Photos du Maroc</a>
    <a href="index.php?cat=33">Art et design</a>
    <a href="index.php?cat=7">BD & mangas</a>
    <a href="index.php?cat=34">Photos célébrités</a>
    <a href="index.php?cat=39">Films et séries TV</a>
    <a href="index.php?cat=36">Photos nature</a>
    <a href="index.php?cat=3">Photos du monde</a>
    <a href="index.php?cat=37">Sport en photos</a>
    <a href="index.php?cat=41">Evènements</a>
    <a href="index.php?cat=35">Cartes de voeux</a>
    <a href="index.php?cat=6">Divers</a>
    <a href="index.php?cat=5">Photos des Membres</a>
    </div>
    </div></div>
    1. le div et le link a ont la meme largeur ...
      C est cool la vie...
      Dans pour Dans....
      1. mais ca bouleverse tout...
        meme les <hr> ne sont plus a la ligne !!!
        houps y avait un
        float: left;
        C est fou ca marche que quand que le baluchon est bon ...
        1. Je ne comprends pas ce que tu veux créer comme effet... Peux-tu l'expliquer en d'autres mots ?
          1. Ok je viens de voir que ton problème est résolu.
            Tant mieux ! :)
          2. je pensais que en dimensionnant la <div> et le <a> le pouvant avoir des lignes interactives ...comme une sorte de tableau a lignes ...
            Mais Non !!!! Ca eut fonctionné.
          3. div {
            font-family: "VTC-Bad Tattoo Hand One", "Times New Roman", Times, serif;
            font-size: 20px;
            text-shadow :
            font-style: normal;
            font-weight: bold;
            width:150px;
            color: #F06A3D;
            }
          4. a {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #1632AA;
            text-decoration:none;
            width :150px;
            }

            a:hover {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #CC3366;
            text-decoration:none;
            background-color: #FFDE00;
            }