Aller au contenu

[CSS] Toujours des petits problèmes avec punBB

Par Daemonium
dans Programmation et Lignes de code

Featured Replies

Posté(e)

Re-Salut,

Bon, j'ai de nouveau des p'tits problèmes. Enfin problème. C'est un détail quoi.

Voilà mon main.tpl actuel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
<style type="text/css">
#left {
	width: 187px;
	float: left;
}
#main {
	margin-left: 205px;
}
#container {
	width: 100%;
	float: right;
	margin-left: -187px;
}
</style>
</head>
<body>

<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
<div class="box">
	<div id="brdtitle" class="inbox">
		<pun_title>
		<pun_desc>
	</div>
	<pun_navlinks>
	<pun_status>
</div>
</div>

<div id="container">
<div id="main">

	<pun_announcement>

	<pun_main>

</div>	
</div>

<div id="left">	
<div class="block">
	<h2 class="block2"><span>Menu</span></h2>
	<div class="box">
		<div class="inbox">
			<ul>
				<li id="navcustom1"><a href="http://www.daemoneius.net/index.php">Index</a></li>
				<li id="navcustom2"><a href="http://www.daemoneius.net/forum/">Visiter la Cité</a></li>
				<ul>
				<li><a href="http://www.daemoneius.net/forum/">POUET</a></li>
				<li><a href="http://www.daemoneius.net/forum/">POUET2</a></li>
				<li><a href="http://www.daemoneius.net/forum/">POUET3</a></li>
				</ul>
				<li id="navcustom3"><a href="http://www.daemoneius.net/index.php?/pages/6-histoire">L'histoire de Daemoneius</a></li>
				<li id="navcustom4"><a href="http://www.daemoneius.net/index.php?/pages/Galeries">Galeries</a></li>
				<li id="navcustom5"><a href="http://www.daemoneius.net/index.php?/pages/Poemes">Poèmes</a></li>
				<li id="navcustom6"><a href="http://www.daemoneius.net/index.php?/pages/8-a-propos">A propos</a></li>
			</ul>		
		</div>
	</div>
</div>	
<div class="block">
	<h2 class="block2"><span>Liens</span></h2>
	<div class="box">
		<div class="inbox">
			<ul>
				<li id="navcustom1"><a href="http://pomme.daemoneius.net/">Pomme, ze blog of ze tech</a></li>					
			</ul>		
		</div>
	</div>
</div> 
</div>

<div class="clearer"></div>

<pun_footer>

</div>
</div>

</body>
</html>

Comme vous le remarquez (ou pas) j'ai rajouté un menu à gauche. Voilà le lien actuel : http://www.daemoneius.net/forum/ (s'pas de la pub, le site est meme pas rempli :zarb: )

Premier 'problème' :

L'espacement des liens sur le menu est trop petit par rapport à celui du site (cliquez index)... Comment y remédier ?

Deuxième 'problème' :

Selon main.tpl, les trois liens POUET devraient être déplacés vers la droite, car ils sont entre des balies <ul> et <li>

Une idée pour ça ?

Merci les gens !

PS: le style, c'est toujours le même (soit cobalt.css)

  • Citer
    • 2 semaines après...
    Posté(e)

    Et si tu faisais exactement comme dans l'index sur la div du menu :

    Remplaces 

    <div id="left">	
<div class="block">
	<h2 class="block2"><span>Menu</span></h2>
	<div class="box">
		<div class="inbox">

    par :

    <div id="left">	
<div class="block">
	<h2 class="block2"><span>Menu</span></h2>
	<div class="box">
		<div id="brdmenu" class="inbox">

    :transpi:

  • Citer
    • Posté(e)
    • Auteur

    Bah, ça met juste la barre de titre sur tout la longueur du menu :yes:

    Mais je vais mettre des images pour le menu, c est beaucoup plus simple :byebye:

    Et plus beau aussi en fait... :)

  • Citer
    • Posté(e)

    Hello,

    Alors pour tes liens collés les uns aux autres utilise la propriété line-height dans ton css pour ces liens...

    Exemple :

    inbox a {

    line-height: 15px;

    }

    Et si tu veux déplacer certains liens vers la droite, juste ces trois là par exemple, utilise la technique des feignasses : Alt+0160, deux ou trois fois devant chaque lien et c'est bon... :transpi:

  • Citer

    • Archivé

    Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

    Aller sur la liste des sujets