18041 sujets

Questions générales et questions de débutants

Aide sur construction html d'une page

Bonjour,

Je sollicite votre aide car je n'arrive pas à ce que les deux colonnes soient flottantes.
Celle de droite peut scroller tandis que celle de gauche est fixe.
Pareil pour les images, je les ai mises en bas de page mais lorsqu'on scrolle, elles glissent sous la colonne de gauche.
Bref, c'est un peu le bordel.
Dans l'attente de vos retour, je suis tout ouïe pour que l'on m'explique mes erreurs.
Je vous remercie vivement pour votre aide.

Bien cordialement,
Modifié par asapthe (23 Dec 2013 - 19:05)
Merci pour ta réponse.
Peux-tu m'en dire un peu plus car je me suis documenté sur cette fonction, sans pour autant trouver la solution à mon problème.
Merci beaucoup pour ton aide
tu as l'adresse du site ?

comme tu as defini ton width
mets
{display:inline-block;}
dans
.content et . sidebar et vire le float

je suis pas pro mais je trouve ça plus pratique dans la plupart des cas que le float pour la structure en colonne
MP

si c'est pas deja fait essaye d'installer firebug sur firefox
et mets un visuel de ce que tu veux obtenir
Bonjour,

Pour une discussion commencée en public, les messages privés ne sont surement pas le meilleur moyen de faire vivre ce forum, de partager les connaissances, les débats d'opinion et tout ce qui fait les beaux jours d'une communauté d'entre-aide Smiley smile

@flooox :merci néanmoins pour ton retour Smiley cligne
Modifié par 6l20 (23 Dec 2013 - 13:07)
Entendu
vu que les liens vers les documents me sont envoyer en MP
je laisse a l'interressé le choix de les diffuser en public
J'ai suivi tes conseils et j'ai mis nav et content dans un tableau. Cela marche bien.
Quant à h1 et h2, je ne les ai pas mis en float, sinon ils disparaissaient.
Du coup, le titre de droite n'est pas complètement collé à droite. Je ne sais que faire pour qu'il reste bien collé à droite lors des changement de dimension du navigateur.

Mais mon plus gros pb, ce sont les images à la fin, qui sont totalement dispersées dans tous les sens.

Voici le lien :http://littlebirdsgallery.fr/Sanstitre-3

Merci mille fois pour ton aide


@6120 : je m'excuse de ces MP (je suis novice sur le forum). Il est vrai que ce ne sont pas les MP qui peuvent aider ce très bon forum Smiley biggrin
j'avais bricloé ça pour toi

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document sans nom</title>
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="fast.css" rel="stylesheet" type="text/css">
</head>

<body>



<div class="container">

<div class="sidebar1">
   <h1>LITTLE BIRDS<br>
            GALLERY</h1>
	</div>

<div class="box1">
      <h2>YANN LE PAPE<br><br>
      BIGOUDEN<br>
      2008/12
</h2>
</div>
  		
  

<div class="tableau"> 

  
<div class="content">
  <div>
	<p>Yann le Pape 's sensibilities translate<br>
      accross diverse subject matter with intellect, warmth and soul.<br><br>
    Through the path of assisting and a devotion to personal work,<br>
      Yann's photography has been recognised internationally<br>
      with two bronze Lions in Cannes, Eurobest and Andy Awards.<br><br>
    He has been honored in "PDN",<br>
      "American Photo" and twice selected in "Luerzer's archive :<br>
      200 best ad photographer worldwide.<br><br>
    A Yann's photography captures the nuancees of conceptually<br>
      based advertising with the skilled restraint<br>
      of a refined sense of humor.<br><br>
    Readied for collaboration and a believer in the power<br>
      of teamwork, Yann enjoys participating in a dialogue amongst<br>
      creatives and clients.<br><br>
   	This natural disposition to engage<br>
      and interact with people also feeds his personal work.<br><br>
    A recent collection titled "Bigouden"<br>
      features a minimalist approach to environmental<br>
      portraiture in which yann unearths the inherited beauty<br>
      of the people of brittany. <br><br>
    The photographs were shown<br>
      in France and Argentina in acclaimed exhibitions.<br><br>
        </p>


    </div>
          <h3>YANNLEPAPE.COM</h3>
    <!-- end .content --></div>
	
<nav>
<ul class="menu">
     
      <li><a href="#">ANDREA D'AMICO</a></li>
      <li><a href="#">CIRO FRANK SCHIAPPA</a></li>
      <li><a href="#">DOMITILLE ORTES</a></li>
      <li><a href="#">YANN LE PAPE</a></li>
      <li><a href="#">THIERRY KONARZEWSKI</a></li>
      <li><a href="#">VANESSA FILHO</a></li>
      <li class="margtop"><a href="#">JOIN US<br>ON FACEBOOK</a></li> 
      <li class="margtop"><a href="#">CONTACT<br>US</a></li>            
    </ul>
</nav>

	
</div>

<div class="footer">
        <div class="clearfloat">
      
      <img src="picture/01-YANN-LITTLEBIRDSGALLERY.jpg" width="448" height="337" alt="yann le pape" class="img_left">
  <img src="picture/02-YANN-LITTLEBIRDSGALLERY.jpg" width="448" height="337" alt="yann le pape" class="img_right">
  <img src="picture/03-YANN-LITTLEBIRDSGALLERY.jpg" width="448" height="337" alt="yann le pape" class="img_left">
  <img src="picture/04-YANN-LITTLEBIRDSGALLERY.jpg" width="448" height="337" alt="yann le pape" class="img_right">
  <img src="picture/05-YANN-LITTLEBIRDSGALLERY.jpg" width="448" height="337" alt="yann le pape" class="img_left">
  <img src="picture/06-YANN-LITTLEBIRDSGALLERY.jpg" width="448" height="337" alt="yann le pape" class="img_left">
  </div>
  <!-- end .footer --></div>

  <!-- end .container --></div>

</body>
</html>


.sidebar1
{display:block;
padding:1%;
vertical-align:top;
float:right;}

.box1
{display:block;
padding:1%;
vertical-align:top;
}

.margtop
{margin-top:5%;
}

.tableau {
display:table;
margin:auto;
width:99%;
}

nav  {
display:table-cell;
width:30%;
padding:1%;
text-align:right;
vertical-align:bottom
}
#contenu {
display:table-cell;
padding:1%;
width:65%;
}


pour les images tu les mets dans un div en inline-block
Sujet clos
Aller à