Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1825 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  2 cadres dans un div sans tr/td ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

2 cadres dans un div sans tr/td ?

n°1700572
XaTriX
Posté le 11-03-2008 à 16:34:24  profilanswer
 

: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
mood
Publicité
Posté le 11-03-2008 à 16:34:24  profilanswer
 

n°1700573
David Bori​ng
Posté le 11-03-2008 à 16:39:56  profilanswer
 

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à.

n°1700581
XaTriX
Posté le 11-03-2008 à 17:08:39  profilanswer
 

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
n°1700590
David Bori​ng
Posté le 11-03-2008 à 17:27:34  profilanswer
 

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. }


n°1700591
XaTriX
Posté le 11-03-2008 à 17:40:00  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  2 cadres dans un div sans tr/td ?

 

Sujets relatifs
probleme de cible de cadresJeu de cadres sous dreamweaver 8
Aide .html + preview d'image dans des cadresMon texte dépasse des cadres, que modifier dans le code html ?
jeu de cadres+imagesjeu de cadres avec Nvu
[HTML] Cadres particuliers[Golive]utiliser des cadres
3 cadres (gauche centré droite)à propos de cadres.. ou recherche d'une autre solution
Plus de sujets relatifs à : 2 cadres dans un div sans tr/td ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR