GOLIVE pb feuille de style C.S. tableau

Bonjour,

Je possède un Mac OS X version 10.5.2. Processeur 2 X 867 MHz PowerPC G4. Cache de niveau … o par processeur. Mémoire 512 Mo DDR SDRAM. 2007 Apple Inc. Léopard.
Il s’agit d’un ordinateur de bureau.

Je suis débutante à la création de sites Web. J’utilise ‘’Golive’’, version 7.0.2.

J’essaie de construire un site Web sur le thème de la cuisine exotique. C’est pour mon plaisir personnel, mais je prends cependant la chose très au sérieux !

MON PROBLEME SE SITUE AU NIVEAU DE LA FEUILLE DE STYLES C.S.S.


J’ai créé un tableau <table> <tr=1> <td= 3>


- Première colonne sur la gauche = 1 photo insérée.

- Colonne du milieu = Ingrédients, = 12 pixels, CENTER, ITALIQUE, SOULIGNE. Puis toujours dans cette même colonne, mais situé cette fois-ci à la ligne d’en dessous : Pour …. X personnes/ Temps de préparation …X/ Temps de cuisson … X = CENTER, mais vous remarquerez que cette fois-ci, je n’ai pas souligné, ni même mis en gras.

De plus, je cherche à rajouter une liste à puce , du style carré (scare). Je voudrais être également être en mesure d’INTERROMPRE le code momentanément. Vous allez comprendre pourquoi.
Dans la même recette, j’ai souvent différentes étapes. Comme par ex : Pour la SAUCE, bla, bla, bla. Et maintenant … Pour la PATE. C’est vraiment trop moche d’avoir une PUCE , à côté d’une RUBRIQUE ! Il me faut donc EGALEMENT avoir l’équivalent d’un saut de ligne Avant, et après cette nouvelle RUBRIQUE.

- Troisième et dernière colonne située sur la droite. J’ai mis le titre de la recette = Bla, bla, bla = 14 pixels, CENTER, ITALIQUE, SOULIGNE.
Là aussi, je rencontre parfois la même difficulté. Interrompre parfois la PUCE. Et, dans pratiquement tout les cas, à la fin de la 1 ère partie de la recette, je dois DE NOUVEAU interrompre la PUCE.

Pourquoi ?

Tout simplement parce que la plupart des recettes sont assez longues. Le texte DEPASSAIT par rapport à la photo qui se trouve sur la première colonne sur la gauche.
Après m’être prise la tête pendant des mois & des mois, j’ai eu alors l’idée de créer une rubrique (doublon). C’est-à-dire que j’ai dupliqué la même recette. Sur la partie A, dés que le texte commençait à DEPASSER par rapport à la photo, eh bien j’ai tout simplement fait le choix de SUPPRIMER tout le reste du texte qui dépasse, que ce soit par rapport à la rubrique du milieu, ou bien par rapport à la troisième colonne.

J’ai créé un lien, qui en cliquant dessus, BASCULE alors sur une autre page (qui est fait se trouve être à la fois, certes un doublon, mais encore, et surtout le reste de la recette : ) pas con hein ? …. En tout cas pour une débutante : ) Et bien entendu, pour revenir au début de la recette, il y a également un lien.

CONCRETEMENT, QUELS SONT LES DIFFICULTES QUE JE RENCONTRE ?

1) Au niveau de ma feuille de style C.S.S, une fois que j’essaie d’appliquer le style (INGREDIENTS), tout va bien. Par contre, quand pour la ligne d’en dessous, je veux que (Pour… X personnes, Temps de préparation ect….) se retrouvent, certes en 12 px, mais PAS EN GRAS, ni en SOULIGNE.

Eh bien ça me redonne la même présentation que pour la toute première saisie de cette colonne. C’est-à-dire, que pour ‘Ingrédients’, qui lui, se trouve être en gras, et en souligné & CENTER.
Pour rappel, dans les deux cas, CONCERNANT la colonne du milieu, je veux que ce soit CENTER.

2) Je ne sais pas comment faire pour INTERROMPRE le code des PUCES MOMENTANNEMENT, afin de pouvoir saisir une autre rubrique, (que ce soit pour la colonne du milieu, que pour la dernière sur la droite).

J’ai cru comprendre qu’il fallait faire un truc ave (DIV), (ID), mais pour parler franchement, j’y n’y comprends rien. Et je ne sais même pas vraiment à quoi ça sert.

Je vais poster ci-dessous d’une part le code source de ma feuille de style. (Je sais, elle n’est pas tope, mais je débute… : )
Et d’autre part, je vais également poster le code source de mon tableau.


Cela fait vraiment des mois que je galère. Est-ce qu’une bonne âme pourrait avoir pitié de moi : )

Merci à tous par avance ; )


CODE SOURCE DE MA FEUILE DE STYLE C.S.S


Body { font-family: Arial; background-color: #f5f2aa; text-align: center; width: 1000px }
p { color: black; font-size: 12px; text-align: justify; text-indent: 0.5cm; margin-right: 8px; vertical-align: top }
.Bordure { border: solid 2px black }
.Paragraphe2 { color: maroon; font-size: 14px; font-family: "Lucida Calligraphy"; text-align: justify }
.Center { text-align: center }
.Justify { text-align: justify } h1 { color: maroon; font-size: 35px; text-align: center }
.Paragraphe3 { color: maroon; font-size: 20px; font-weight: bold; text-decoration: underline; text-align: center }
.Palignegauche { text-align: left }
.P8imagecentre { }
.Center2 { font-style: italic; font-weight: bold; text-decoration: underline; text-align: center }
.Ccenter3 { font-style: italic; text-align: center }
.Ingredients /* ingrŽdients */ { color: black; font-size: 12px; font-style: italic; font-weight: bold; text-decoration: underline; text-align: center }


CODE SOURCE DE MON TABLEAU

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Page sans titre</title>
<link href="style.css" rel="stylesheet" type="text/css" media="all">
</head>

<body bgcolor="#ffffff">
<table width="800" border="1" cellspacing="2" cellpadding="0">
<tr valign="top" height="400">
<td valign="top" width="350" height="400"><img src="Tania-images/Sucrees/Divers/Flan-mangue1.jpg" alt="" height="400" width="350" border="0"></td>
<td class="Ingredients" valign="top" width="180" height="400">Ingrédients
<div class="p18">
<p class="p18"><span class="p18">Tomate</span></p>
<p class="p18"><span class="p18">Oignon</span></p>
<p class="p18"></p>
<p class="p18"></p>
<p class="p18"></p>
<p class="p18"></p>
<p class="p18"></p>
</div>
</td>
<td valign="top" width="270" height="400"></td>
</tr>
</table>
<p></p>
</body>

</html>