Tableau Page d'accueil

[Katchou]

Bonsoir tout le monde!

Désolé de poster un énième message sur le moyen de faire un page d'accueil, mais je souhaiterais savoir comment faire non pas la page d'accueil en elle-même ne souhaitant pas proprement copier, mais comment faire l'apparence carrée au bords légèrement arrondis qu'il y a sur la page d'accueil de ce forum:
http://westown-show.forumactif.org/forum.htm
Je parle bien entendu des parties "synopsis", "spotlight" etc de la page d'accueil.
Le fond est allongé, légèrement carré mais arrondis aux extrémités.
Comment parvenir à faire cela?

Ah et une question aussi que je me pose, quand je modifie un colonne de ma page d'accueil, cela empiète parfois sur les autres parties, alors qu'ici, tout est parfaitement aligné et espacé, comment faire?

J'espère que quelqu'un saura m'aider,
en vous souhaitant une bonne soirée.

Katchou.

[Invité]

Bonjour,

Une de mes bonnes résolutions de la nouvelle ère c'est que je ne répondrai qu'à une question par sujet, si les autres questions ne sont pas du même contexte...
Sérieusement, comment feront ceux qui auraient la même question que toi en recherchant dans le moteur interne, hum ?
(De plus je n'ai pas vraiment compris la deuxième question... )

Pour la première, le code des coins arrondis n'a pas la bonne syntaxe parce que moi avec Opera, je ne les vois pas (alors que la dernière version les vois maintenant).
Le mieux est de passer par le CSS (Affichage >> Couleurs > Feuille de style CSS) :

.cadremenu {background-color: #code_couleur_fond;
padding-top: 4px; padding-bottom: 2px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #code_couleur_texte;
font-weight: bold;
}

Les dimensions sont à titre indicatif, tu les mets à ta sauce.

En HTML on reprend ainsi :

Code:

<table align="center" widht="100%" cellspacing="0" cellpadding="5" border="0"><tbody><tr>
<td class="cadremenu" align="center" valign="top">TITRE 1</td>
<td class="cadremenu" align="center" width="25%" valign="top">TITRE 2</td>
<td class="cadremenu" align="center" width="25%" valign="top">TITRE 3</td>
</tr>
<tr>
<td align="center" valign="middle">CONTENU 1</td>
<td align="center" width="25%" valign="middle">CONTENU 2</td>
<td align="center" width="25%"  valign="middle">CONTENU 3</td>
</tr></tbody></table>

Là aussi c'est à titre d'exemple...

Si tu ne veux pas passer par le CSS, tu peux aussi le reprendre les propriétés CSS directement autour des TITRE par du style dans une balise "span" :

Code:

<span style="background-color: #code_couleur_fond; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #code_couleur_texte; font-weight: bold;">TITRE 1</span>

ECT pour les autres titres.
Mais bon, c'est moins pratique que par le CSS je trouve...

[Katchou]

Merci pour cette réponse aussi rapide et complète^^
Mais le fait est que j'ai quelques soucis ><
D'abord quand je fais varier les pourcentages c'est le bronx X.x
Je met un nombre de pourcentage qui est égal à 100 sauf que dans tous les cas cela reste tout petit... Par exemple si je met 40, 30 30 Les trois cadres sont minuscules... Je pense que j'ai raté un truc mais je ne comprends pas quoi :/
Ensuite les trois bulles sont également collées...
J'aimerais savoir comment, comme sur le forum d'exemple que j'ai montré, faire pour qu'il y ait un espace entre chaque titre et contenu...

Merci pour l'aide en tout cas x)

[Invité]

Essaie de mettre un cellspacing="5" au "table".

Si ça ne va toujours pas, donne ton code pour voir ce qui cloche.
En fait moi je répondais juste à ta première question qui était :

comment faire l'apparence carrée au bords légèrement arrondis qu'il y a sur la page d'accueil de ce forum:
http://westown-show.forumactif.org/forum.htm
Je parle bien entendu des parties "synopsis", "spotlight" etc de la page d'accueil.
Le fond est allongé, légèrement carré mais arrondis aux extrémités.
Comment parvenir à faire cela?

Je n'ai pas vraiment chercher à configurer un tableau, là c'était juste pour l'exemple.

[Katchou]

Ah d'accord désolé, je n'avais pas bien comprit :/
Merci de m'avoir aidé en tout cas, cependant, n'étant vraiment pas doué, pourrais-tu m'indiquer comment faire pour obtenir un tableau de trois colonnes et trois lignes, intégrant le code CSS que tu m'as fournit?
Désolé si j'en demande trop ><

Mais merci de m'avoir aidé en tout cas^^

[Invité]

Ben mon exemple est un de ces tableau et je t'explique deux variantes de comment y incorporer le style (CSS) pourtant...

As-tu essayé avec ce que je te propose d'ajouter plus haut : cellspacing="5"

[Katchou]

Oui j'ai mit 5 et les colonnes ne sont plus collées c'est parfait^^
Mais le souci n'est pas là ><
Je ne parviens pas à équilibrer les parties, en faisant varier les pourcentages.
J'aimerais avoir trois parties égales, qui prennent l'espace de ma page d'accueil. Or, voici ce que cela donne:
//
C'est mon forum de test, désolé si c'est un peu brouillon :/

Les trois parties sont toutes petites comme tu peux le voir ><
Comment faire pour qu'elles prennent l'espace de la page d'accueil?

Bonne nuit!

[Invité]

Je m'auto-quote parce qu'on ne peut rien voir de ton forum vu qu'il est en construction...

Essaie de mettre un cellspacing="5" au "table".

Si ça ne va toujours pas, donne ton code pour voir ce qui cloche.

[Katchou]

Ah zut je suis vraiment tête en l'air ><
Mais en fait c'est bon je me suis débrouillée et le tableau est parfait à présent bien équilibrée et avec des espaces^^
Merci beaucoup pour ton aide x)
& Bonne journée^^