2 cadres dans un div sans tr/td ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : 2 cadres dans un div sans tr/td ?

XaTriX

:hello:

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 ) : 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

---------------
Proxytaf ? non rien

Publicité

David Boring

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

XaTriX

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]

---------------
Proxytaf ? non rien

David Boring

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

Code :

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

Et pour la css

Code :

.header img {
display: block;
float:left;
}
.header ul {
padding-left:120px; //width de ton image + une marge
}

XaTriX

J'y étais presque (:o)

Merci je vois bien maintenant je me suis pas assez reposé sur CSS.

XaT :jap:

---------------
Proxytaf ? non rien

FORUM HardWare.fr

Programmation

HTML/CSS

2 cadres dans un div sans tr/td ?

Sujets relatifs
probleme de cible de cadres	Jeu de cadres sous dreamweaver 8
Aide .html + preview d'image dans des cadres	Mon texte dépasse des cadres, que modifier dans le code html ?
jeu de cadres+images	jeu 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 ?

Page générée en 0.023 secondes