2 cadres dans un div sans tr/td ?

2 cadres dans un div sans tr/td ? - HTML/CSS - Programmation

Marsh Posté le 11-03-2008 à 16:34:24    

:hello:  
 
http://pix.nofrag.com/3/f/d/be136d22d51e6957023c2cea84f29.png
 
J'aimerais réaliser ça.
 
Enfaite j'ai 3 divs : header,body,footer.
Je m'attarde sur le header la.
 
J'aimerais avoir 2 zones séparés mais alignés sur la même ligne. Actuellement j'ai le logo sur une ligne dans le div, et le menu une ligne en dessous toujours dans le div.
 
La page en ligne actuelle (suceptible de changer je travaille dessus à distance :o) : http://test.azora.fr/du/index.php
 

.header {
height: 80px;
text-align: left;
background-color : black;
color : white;
margin-left: 50px;
margin-right: 50px;
padding : 10px;


 

<div class="header">
 <span><img src="logo.png" alt="LOGO MAFIA-2.FR"></img></span>
 <span> <ul id="menu">
  <li><a href="index.php">Accueil</a></li>
  <li><a href="http://forum.mafia-2.fr">Forums</a></li>
  </ul>
 </span>
  test
 </div>


 
XaT


---------------
"Xat le punk à chien facho raciste. C'est complexe comme personnage." caudacien 05/10/2020
Reply

Marsh Posté le 11-03-2008 à 16:34:24   

Reply

Marsh Posté le 11-03-2008 à 16:39:56    

M'enfin, tu fais une spanite aigue toi.
Vire les, ils ne servent à rien à part avoir des errreurs.
Sinon, tu mets ton image en bloc, qui float à gauche et voilà.

Reply

Marsh Posté le 11-03-2008 à 17:08:39    

Déjà viré les span et remplacé par des divs. Apres j'ai callé :
<div><img src="logo.png" border="0" align="left" hspace="15" vspace="0"</img></div
avec le h/vspace [:pingouino]


---------------
"Xat le punk à chien facho raciste. C'est complexe comme personnage." caudacien 05/10/2020
Reply

Marsh Posté le 11-03-2008 à 17:27:34    

Mais pas de div non plus, on ne remplace pas une spanite par une divite :non:  

Code :
  1. <div class="header">
  2. <img src="http://www.lalibre.be/img/logoLaLibre.gif" alt="LOGO MAFIA-2.FR"></img>
  3. <ul>
  4.  <li><a href="http://some-site.com/">item 1</a></li>
  5.  <li><a href="http://some-site.com/">item 1</a></li>
  6. </ul>
  7. </div>


Et pour la css

Code :
  1. .header img {
  2. display: block;
  3. float:left;
  4. }
  5. .header ul {
  6. padding-left:120px; //width de ton image + une marge
  7. }


Reply

Marsh Posté le 11-03-2008 à 17:40:00    

J'y étais presque (:o)
 
Merci je vois bien maintenant je me suis pas assez reposé sur CSS.
 
 
XaT :jap:


---------------
"Xat le punk à chien facho raciste. C'est complexe comme personnage." caudacien 05/10/2020
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed