Problème de tableau CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème de tableau CSS

GuardianForce

Salut :jap:

J'ai fait un tableau de 2 collones en CSS ( donc juste avec <div> ) et tout va bien.

Mais, le menu du gauche passe par dessus un <div> qui se trouve tout en dernier, après le tableau :x

Vous pouvez voir ça ici : http://rpgcreation.free.fr/cont.html

Voila le code HTML :

Code :

<div class="gauche">
Menu
</div>
<div class="centre">
Contenu
</div>
<div class="menu4">
Copyright
</div>

Voila le code CSS :

Code :

.gauche {
position: absolute;
left: 0;
width: 180px;
border: 0px;
color : #000000;
background-color: #FFFFFF;
text-align : justify;
font-size: 12px;
font-family : Arial, Verdana, Helvetica, sans-serif;
}
.centre {
margin-left: 180px;
margin-right: 0px;
border-top: 0px;
border-left: 1px solid black;
border-right: 0px;
border-bottom: 0px;
padding: 5px;
background-color: #FFFFFF;
color : #000000;
text-align : justify;
font-size: 13px;
font-family : Arial, Verdana, Helvetica, sans-serif;
}
.menu4 {
border-top: 1px solid #000000;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
width: 100%;
background-color: #A4A3BD;
font-size : 12px;
font-family : Arial, Verdana, Helvetica, sans-serif;
text-align : center;
}

Voila...

Publicité

masklinn

í dag viðrar vel til loftárása

<div class="titrelien">
<b>Création de RPG</b>
</div>
<div class="lien">
<a href="http://rpgcreation.free.fr/tuto/creer/creer.php" class="D2"> <b>Créer un RPG 3D</b></a>
</div>
<div class="lien">
<a href="http://rpgcreation.free.fr/articles" class="D2"> <b>Articles (13)</b></a>
</div>
<div class="titrelien">
<b>RPG-maker</b>
</div>
<div class="lien">
<a href="http://rpgcreation.free.fr/rm2k/tuto" class="D2"> Tuto/Aide (4)</a>
</div>
<div class="lien">
<a href="http://rpgcreation.free.fr/rm2k/resources" class="D2"> Ressources</a>
</div>
<div class="titrelien">
<b>Téléchargements</b>
</div>
<div class="lien">
<a href="http://rpgcreation.free.fr/telechargements_jeux.php" class="D2"> Jeux (5)</a>
</div>
<div class="lien">
<a href="http://rpgcreation.free.fr/telechargements_programmes.php" class="D2"> Programmes (25)</a>
</div>
<div class="titrelien">
<b>Newsletter</b>
</div>

[:mlc]
mais c'est quoi ce menu [:mlc]
et pourquoi ya des balises <b>? [:jofusion]

[:youpi]
j'adore quand on mélange le vieux html et les CSS [:huit]

Sinon, pour ton bug il faudrait te renseigner sur l'effet de ça:

position: absolute;

te renseigner sur l'optimisation de CSS
te renseigner sur la signification du mot "indentation"

et enfin mettre un joli doctype c'est cool, mais si tu pouvais respecter les demandes du doctype ca serait mieux [:linuxine]

Message édité par masklinn le 12-12-2004 à 14:40:27

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Mjules

Parle dans le vide

beaucoup de div inutiles sur ce site

essayes de rajouter un clear:both sur ta classe menu4

---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. | Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.

GuardianForce

Pour le doctype j'essai justement de tout respecter ( c'set pour ça que je met en CSS et que je met pas de tableau.

Pour le menu, je l'ai pas encore modifié en entier, cétait juste pour montré qu'il passe au dessus.

clear: both; marche pas.

Le div inutil c'est surement ceux du menu, t'inquiete pas je vais changé ça avec :

Code :

<div id="lien">
<a href"...">...</a><br/>
<a href"...">...</a><br/>
<a href"...">...</a><br/>
<a href"...">...</a>
<div style="border-top: 1px solid #000000;"></div>
<a href"...">...</a><br/>
<a href"...">...</a><br/>
<a href"...">...</a>
</div>

Sinon pour <b> je vois pas l'erreur ? je dois la aussi mettre un <div> ?? surement bon ba j'vais le faire alors.

Et enfin, je vais me renseigner sur l'optimisation de CSS et me renseigner sur la signification du mot "indentation" he he

Et si ça marche tjrs pas, je vous fait signe

Voila

Mjules

Parle dans le vide

pour ton menu, utilise plutôt une liste non ordonnée (ul li) ou une liste de définitions.

http://alsacreations.com/articles/economie

http://alsacreations.com/articles/

---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. | Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.

masklinn

í dag viðrar vel til loftárása

GuardianForce a écrit :

Code :

<div id="lien">
<a href"...">...</a><br/>
<a href"...">...</a><br/>
<a href"...">...</a><br/>
<a href"...">...</a>
<div style="border-top: 1px solid #000000;"></div>
<a href"...">...</a><br/>
<a href"...">...</a><br/>
<a href"...">...</a>
</div>

http://css.maxdesign.com.au/listamatic/

Citation :

Sinon pour <b> je vois pas l'erreur ? je dois la aussi mettre un <div> ?? surement bon ba j'vais le faire alors.

putain mais non [:mlc]

div.gauche a {
font-weight: bold;
}

http://www.w3.org/TR/CSS21/fonts.html#font-boldness

tu vas pas rajouter des divs à chaque fois que t'as un truc à modifier, c'est t00pid [:jagstang]
et <b>, c'est du vieux HTML, ca n'a aucun sens sémantique (comme <i>, <u> ou <font> )

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

GuardianForce

a ok, par contre... <em> c'est pas du vieux et ça fait déconner ma page...

Voila sinon je continu de chercher pour le problème...

masklinn

í dag viðrar vel til loftárása

GuardianForce a écrit :

a ok, par contre... <em> c'est pas du vieux et ça fait déconner ma page...

Fais moi mal: les <em> tu les utilises où et pourquoi?

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

GuardianForce

Dans une de mes pages et pour remplacer <i>

Bon sinon je trouve tjrs pas la solution de mon problème ça me soule -__-

Help ^^

masklinn

í dag viðrar vel til loftárása

Citation :

pour ton bug il faudrait te renseigner sur l'effet de ça:
position: absolute;

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Publicité

GuardianForce

erf... j'me suis renseigné mais j'ai rien trouvé...

J'ai trouver des site ou il utilise ça mais il explique pas tous les effets...

Mais mon poto Google m'a pas trouvé ça..

arg ! J'vais continué de chercher quand même.. faites moi signe si vous trouvez un site qui explique

Voila

masklinn

í dag viðrar vel til loftárása

ca fait sortir l'élément du flux du document, pour les autres éléments de ta page c'est comme si il n'était pas là, donc il n'a strictement aucune influence sur le positionnement du reste de la page. (idem pour fixed)

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

gm_superstar

Appelez-moi Super

Pour la colonne de droite qui passe sous celle de gauche, il faut donne à la colonne de droite une marge à gauche au moins aussi grande que la largeur de la colonne de gauche.

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

GuardianForce

J'ai trouver mieux que tout ça =)

float: left et float: right

Voila mon problème est réglé.

J'vous dis quand même merci parce que vous m'avez pas mal aidé et mis sur la voie

Voila

FORUM HardWare.fr

Programmation

HTML/CSS

Problème de tableau CSS

Sujets relatifs
Doxygen & CSS	Problème Javascript, ouverture dans la même fenêtre !
Probleme menu déroulant	[HTML] Question taille tableau
probleme de script	[RESOLU]encore un probleme de script!
Feuille CSS a commenter	[HTML/CSS] Problème taille police dans tableau sous IE [RESOLU]
[CSS] Problème d'impression tableau	[CSS + XHTML strict] Problème de tableau dans un cellule d'un tableau.
Plus de sujets relatifs à : Problème de tableau CSS

Page générée en 0.066 secondes