Mise en forme d'un bloc

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Mise en forme d'un bloc

astik89

Bonjour,
j'affiche un menu mis en forme en css
Pour cela j'utilise une liste à puces avec des blocs de 30px de haut
Le seul problème que g'ai est de positionner le texte au centre du bloc verticalement
Si quelqu'un pouvait m'aider

Je met les extraits de code nécessaires

artdentelle.css

Citation :

#menu {
position: absolute;
left: 10px;
width: 150px;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
text-align: center;
}

.menugauche li a {
display: block;
background-color: white;
color: #000000;
height: 30px;
text-decoration: none;
font-size: 10pt;
margin-top: 10px;
margin-bottom: 10px;
}

.menugauche a:hover {
font-weight: bold;
color: #FFFFFF;
background-color: #7D7DFF;
}

page.php

Citation :

<html>
<head>
<link href="/artdentelle.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="conteneur">
<div id="menu">
<ul class="menugauche">
<li><a href="?page=noframes/actu.php">Actualités</a></li>
<li><a href="?page=noframes/assoc.php">L'association</a></li>
<li><a href="?page=noframes/historiq.php">Historique de la dentelle aux fuseaux</a></li>

<li><a href="?page=noframes/galerie.php">Galerie photos</a></li>
<li><a href="?page=noframes/colectif.php">&OElig;uvres collectives</a></li>
<li><a href="?page=noframes/liens.php">Liens favoris</a></li>
<li><a href="?page=noframes/contact.php">Nous contacter</a></li>
<p> </p>
<li><a href="?page=noframes/janou.php">La grange à Janou</a></li>
</ul>
</div>
</body>
</html>

Publicité

KangOl

Profil : pointeur

vertical-align: middle;

---------------
Nos estans firs di nosse pitite patreye...

astik89

non, j'avais déjà essayé, ça ne marche pas

FlorentG

Unité de Masse

KangOl a écrit :

vertical-align: middle;

Ca ne fonctionne que pour des éléments en display: table-cell... Non géré par IE Dans les autres cas, vertical-align ne fait que aligner des éléments inline entre eux

Hermes le Messager

Breton Quiétiste

astik89 a écrit :

Citation :

page.php

Citation :

Pas possible. Utilise un padding-top peut résoudre ton problème si tu connais la taille de la police et du conteneur.

astik89

dommage
merci quand même

blastman

just me !

c'est une balise " [cpp][/cpp] " qu'il faut mettre pas " [quote] "

Message édité par blastman le 11-04-2005 à 01:52:07

---------------
http://www.blastmanu.info

FORUM HardWare.fr

Programmation

HTML/CSS

Mise en forme d'un bloc

Sujets relatifs
[Eclipse] Problème mise à jour [résolu]	comment mettre en forme un array ? [reglé]
assistant mise a jour vs.net	table ou pas table pour la mise en page?
Mise en cache de fichier CSS sous MSIE[resolu]	Mise en gras on rollover
acces a la DB et mise a jour sur plusieurs tables	mise en forme texte
update la mise à jour ce fait pas
Plus de sujets relatifs à : Mise en forme d'un bloc

Page générée en 0.041 secondes