Weblog DotClear et CSS

[Marie]

Bonjour

J'ai tellement aimé DotClear que j'en ai installé un autre.

Et j'ai aussi la dernière version dont la mise en page est ainsi que les nommages des pages / titres de pages..

J'ai par contre voulu modifier un peu le CSS : le menu était à droite et je l'ai passé à gauche ... ça a marché sauf que j'ai de grands traits sur toute la page

J'ai beau chercher dans la CSS, je ne vois vraiment pas où on définit ça...

Une âme charitable pourrait-elle m'aider?

-> http://www.gibee.net

Mercii!

[Fred]

Salut Marie,

ce sont des balises HR, tu dois définir dans ta css leurs paramètres...

Ou bien creé une class .hide { visibility:hidden;} et l'assignée à ces éléments (HR)

Voilou...

A+

[Marie]

Ben justement, c'est là que je ne comprends pas.

Dans mon CSS j'ai ça :

hr.invisible {
	border : none;
	color : #fff;
	background : transparent;
}

Pourtant il est bien visible mon hr??

(je débute en CSS, pas super évident mais très interessant!)

Ce que je voudrais faire ce sont des traits mais qui s'arrêtent à la largeur de mon menu de gauche et qui ne font pas toute la page en largeur...

[Fred]

Est-ce que dans le code HTML, tu as dans les balises HR l'attribut class="invisible" ?

Car le code css que tu montres, attribue ces paramètres à tous les éléments HR qui ont la class "invisible" ....

Si oui, effectivement elles sont visibles mais se fondraient dans ton design...

Sinon, ajoute le paramètre "visibility: hidden" dans ton code css

[Jan]

Je vois:

<hr class="invisible"/>

Il me semble qu'il manque un espace avant le /

<hr class="invisible" />

[Marie]

Alors j'ai bien

<hr class="invisible" />

J'ai même rajouté un espace comme le suggère Jan

Mais ça fait toujours des zébrures

[Jan]

Je ne me suis pas attardé sur la css, mais après un rapide coup d'oeil sur le code et vu l'endroit où sont les "zébrures", je suspecterais la balise <h2>.

[Marie]

Je me demande si le pb n'est pas plus complexe..

Quand je regarde les pages de billet : http://www.gibee.net/index.php?2004/05/06/3-google-en-breton

c'est vraiment en vrac, y'a des superpositions et tout!

Olala, plus compliqué qu'il n'y parait!!

Pour la balise h2, dans le CSS j'ai :

h2 { font-size : 1.4em; margin : 0.83em 0; }

#main h2 {

margin-top : 1em;

color : #39455B;;

#content h2 {

background : transparent url(images/ico_entry.png) no-repeat 0 40%;

padding-left : 12px;

#menu h2 {

font-weight : normal;

color: #598F9A;

text-transform: uppercase;

border-top: 2px solid #A3A3A3;

padding-top:0.2em;

[Jan]

Ca n'a sans doute rien à voir mais:

http://www.gibee.net/images/ico_entry.png => not found

[Marie]

ah oui tu as raison Jan, je vais regarder ça mais ça m'étonne qu'ils aient oublié des fichiers chez DotClear???

[Monique]

Bonjour,

Dans cette règle, tu dois supprimer la bordure de h2 (border-top)

#menu h2 {
	font-weight : normal;
	color: #598F9A;
	text-transform: uppercase;
	border-top: 2px solid #A3A3A3;
	padding-top:0.2em;
}

[Marie]

Merci Monique

ça marche

Tu es vraiment trop trop forte!

Maintenant il ne me reste plus qu'à revoir les pages d'articles :

http://www.gibee.net/index.php?2004/05/06/3-google-en-breton

ça se chevauche en bas