28220 sujets

CSS et mise en forme, CSS3

Problème d'alignement avec du css

Bonjour à tous,

Tout d'abord ma réponse se trouve peut-être dans le forum, mais je n'ai pas trouvé. Alors un peu d'indulgence Smiley smile

Voici mon script css
[b].gaucheaccueil {
position: absolute;
left:10;
top:175;
width: 180;
/*height: 376px;*/
background-color:#99CC66;
text-align: center;
}

.paris2012 { /* Logo paris2012 jusqu'au 07/2005*/
float: center;
margin-left: 12px;
margin-top: 20px;
}

.banniereactualite { /*banniere actualite*/
margin-left: 0px;
margin-top: 18px;
background-color : #F3FCBA;
border : 3px solid red;
/*padding : 5;*/
height : 220;
width : 160;
}

.titrebanniereactualite {
font-family : Comic sans MS;
font-size : 18;
color: black;
/*text-decoration: underline;*/
background-color: #D3B8E0;
border-bottom: 2px solid red;
width: 160;
}

.textedansbanniereactualite { /* Comme son nom l'indique*/
font-family : Comic sans MS;
font-size : 13;
color: black;
text-align: left;
/*text-decoration: underline;*/
/*height : 220;
width : 170;*/
}[/i]

Voici mon script d'appel :
[b]<span class="gaucheaccueil">
<a href="http://www.parisjo2012.fr" target="_blank"><img src="pictures/paris2012.png" class="paris2012" alt="paris2012"></a>

<span class="banniereactualite">
<span class="titrebanniereactualite">Actualités</span><br><br>
<span class="textedansbanniereactualite">
<b><!--div align="left"-->Participez à notre concours les 26 et 26 Juin 2005<!--/div--></b></span>
</span>
</span>[/i]

Mon souci : lorsque j'appel "textedansbanniereactualite" il ne tient pas compte du text-align:left;
Il ne prend en compte que ce qui est inscrit dans .gaucheaccueil à savoir "center"

Comment faire pour que mon script en tienne compte ?

D'avance merci pour avoir pris le temps de me lire et peut-être de me répondre.

Jean-Michel
Administrateur
pounie a écrit :
Tout d'abord ma réponse se trouve peut-être dans le forum, mais je n'ai pas trouvé. Alors un peu d'indulgence Smiley smile

Salut,

Pas de problème pour l'indulgence.
Cependant, ce que tu aurais pu faire avant de poster, c'est de parcourir - au-moins rapidement - l'Aide/Règles du forum.
Tu y aurais découvert comment afficher correctement et lisiblement les exemples de code en utilisant les boutons appropriés. Je t'invite donc à modifier ton message et de le baliser proprement.

Ensuite, as-tu pensé à chercher ton problème dans la FAQ ?
On y trouve une Méthodologie générale pour tous les problèmes de décalages, d'espaces et d'alignements Smiley cligne

Bonne chance Smiley smile
Administrateur
En passant, quelques erreurs :

left:10;
top:175;
width: 180;
...

Toutes les valeurs doivent comporter une unité. Ici on ne sait pas s'il s'agit de px, em, % ou brocolis

float: center;
float center n'existe pas.

font-family : Comic sans MS;
Il faut toujours utiliser une famille de police gérérique. Dans ton cas, si Comic n'est pas installé chez ton visiteur, il sera remplacé par une police que tu ne voudras peut-être pas... en tout cas que tu ne connaîtras pas Smiley decu
Modifié par Raphael (31 Mar 2005 - 11:33)
Merci,

Je vais déjà ajouter ce qu'il manque à savoir px

je vais également modifier le float:center (pourtant il m'avait semblé le voir sur un site!)
Au fait le site http://dicolive.media-box.net/docCSS/css.php?orderByType=1&id=175
est excellent

Quand au Comic il semblerait étonnant que cette police ne soit pas installée Smiley decu

Je vais continuer à chercher et si vraiment je bloque je reviendrais à la charge ...

Jean-Michel
pounie a écrit :

Quand au Comic il semblerait étonnant que cette police ne soit pas installée


C'est une police MicroSoft donc uniquement disponible sous Windows. En règle générale tu ne devrais jamais présumer de la configuration des visiteurs de ton site.

Avant de partir pourrait tu comme Raphaël te l'as indiqué placer le code de ton premier post dans des balises [ code] [/code]? Le bouton editer se trouve en haut à droite de ton premier post. Merci d'avance.
Modifié par jb_gfx (31 Mar 2005 - 12:11)
Bonjour,
si tu es passé par la "media-box", tu aurais pu croiser un tutoriel à propos des éléments en "bloc", ou "en ligne" :
http://www.alsacreations.com/articles/blocinline/
En effet, tes imbrications de "span" et "div" me perturbent... (ainsi que ta balise "b", mais elle relève peut-être d'un autre problème...).
Bon courage.
Bin les gars, moi qui croyait avoir pondu quelque chose de pas trop mal,
j'en prend plein la tête Smiley smile

Au moins j'aurais pas posté pour rien, et cela va me prendre une (ou deux) bonne soirée pour remettre tout d'aplomb .

Jean-Michel
Raphael a écrit :

Tiens, il y'a encore des gens qui visitent Alsa avec l'ancienne url ??
Il va vraiment falloir que je fasse quelque chose Smiley decu

Euh.... t'as rien à y faire : juste nous à réactualiser nos "marque-pages"... mais "tant qu'ça marche, j'vois pas pourquoi je changerai"... ? Smiley rolleyes

Tu préfèrerais celle-ci ?
balises blocs / balises en ligne...
oufff !!! ... j'ai eu du mal à l'éditer sans faire sortir la page de ses dimensions...
@Raphael > Merci pour le rewriting... Smiley cligne
Modifié par Macpom (31 Mar 2005 - 16:29)
Administrateur
Macpom a écrit :

Euh.... t'as rien à y faire : juste nous à réactualiser nos "marque-pages"... mais "tant qu'ça marche, j'vois pas pourquoi je changerai"... ? Smiley rolleyes

Oui ça marche parce que je viens de créer un URL rewriting depuis ce matin Smiley cligne
Sujet clos
Aller à