OVH Cloud OVH Cloud

Page de fond en CSS

4 réponses
Avatar
The Dispatcher
Bonjour tout le monde

Après avoir il y aune année converti mon site en css je m'attache maintenant
aux détails à savoir

1. Corriger le tableau en donnant des codes CSS
2. Dito pour le fond

Exemple L'ancienne version

http://www.railsuisse.ch/JBS/mob/200505261322.html

L'esquisse de la nouvelle

http://www.railsuisse.ch/000000.html

Je m'arrache les cheveux...

La les codes .... quelle code


Merci de vos suggestions


Jacques Beaud
Lausanne Suisse

4 réponses

Avatar
B. M.
The Dispatcher a écrit :
Bonjour tout le monde

Après avoir il y aune année converti mon site en css je m'attache maintenant
aux détails à savoir

1. Corriger le tableau en donnant des codes CSS
2. Dito pour le fond

Exemple L'ancienne version

http://www.railsuisse.ch/JBS/mob/200505261322.html

L'esquisse de la nouvelle

http://www.railsuisse.ch/000000.html

Je m'arrache les cheveux...

La les codes .... quelle code


Merci de vos suggestions


Jacques Beaud
Lausanne Suisse






Essaye ça :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Bienvenue dans la Magie du Rail, des
chemins de fer et du monde du train... Venez découvrir tous les aspects
de ce monde, compagnies ferroviaires, chemins de fer touristique,
horaires, matériel">
<meta name="keywords" content="Le Portail ferroviaire Suisse,
automotrice, bahn, cargo, carril, caténaire, chemin de fer, chemins de
fer à cremailliere, diesel, direct, domino, eisenbahn, europe,
excursion, express, ferrovia, ferroviaire, fiche, français, française,
francophone, funiculaire, gare, guida, harmonisation, horaire,
interoperabilite, locomotive, locotracteur, maquette, marchandise,
modular, montagne, mountain, musée, museum, normalisation, norme, norme
ferroviaire, omnibus, photorail, railroad, railroads, railway,
recherche, régional, ric, riv, schweiz, screen saver, screensaver, site
ferroviaire, sms, sms gratuit, standardisation, suisse, suiza, svizzera,
switzerland, technique, timetable, tourisme, trafic ferroviaire, train,
train express, transport, transport ferroviaire, transport ferroviaire,
tren, treno, usa, vapeur, voie etroite, voie ferree, voiture, voyage,
voyageur, wagon, wagons-lits, webcam, zwitserland, Zwitzerland">
<title>Le Portail Ferroviaire Suisse Chemin de fer fédéraux suisses
(SBB-CFF-FFS) TEST</title>
<style type="text/css">
<!--
p {margin: 5px}
p.loco {text-align: center}
body {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #c0c0c0; FONT-FAMILY:
Arial, Helvetica, Verdana, sans-serif; background-color: black}
A:link {TEXT-DECORATION: none; color: #ffffff}
A:visited {TEXT-DECORATION: none; color: #ffffff}
A:hover {
FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: white;
TEXT-DECORATION: none
}
A:active {TEXT-DECORATION: none; color: #ffffff}
.tableau {margin-right: auto; margin-left: auto; table-layout: fixed;
width: 480px}
.gauche {color: #FFFFFF; background-color: #808080; width: 50%;
text-align: right}
.droite {color: #FFFFFF; background-color: #333333; width: 50%}
.stat {text-align: right}
-->
</style>
</head>
<body>
<p>28.06.2005 actuellement 2643 net</p>
<p class="loco"><img src="JBS/bob/200209261633_small.jpg" width="480"
height="360" alt="image de loco" title=""><p>
<p class="loco"><a
href="JBS/sbb/materielhistorique/2004030918391152x768.jpg">
Pour une image plus légère 1152x768</a></p>
<table cellspacing="0" cellpadding="3" class="tableau">
<tr>
<td class="gauche">Compagnie / Compagny /
Gesellschaft</td>
<td class="droite">SBB CFF FFS</td>
</tr>
<tr>
<td class="gauche">
Type / Type / Typ</td>
<td class="droite">
R</td>
</tr>
<tr>
<td class="gauche">
Date / Date / Daten</td>
<td class="droite">
Lausanne 9 mars 2004 18:39</td>
</tr>
<tr>
<td class="gauche">
Commentaire / Comment / Kommentar</td>
<td class="droite">
Nr. 1021</td>
</tr>
<tr>
<td class="gauche">
Source / Source / Quelle</td>
<td class="droite">
© www.railsuisse.ch</td>
</tr>
</table>
<P class="loco">Cette page a été mise à jour le
<!--webbot bot="Timestamp" s-type="EDITED" s-format="%d %B %Y %H:%M:%S
%Z" startspan -->13 July 2005 21:19:26 +0200<!--webbot bot="Timestamp"
i-checksum="43390" endspan --><br>
© <a href="http://www.rail.li">www.rail.li</a>&nbsp;<a
href="http://www.railsuisse.ch">www.railsuisse.ch</a></p>
<p class="stat">
<!-- eStat -->
<script type="text/javascript">
<!--
var _UJS=0;
//-->
</script>
<script src="http://perso.estat.com/js/m.js"
type="text/javascript"></script>
<script type="text/javascript">
<!--
if(_UJS) _estat('10000025200','SBB','Photostest');
//-->
</script>
<!-- /eStat -->
</p>
</body>
</html>

C'est plus simple : j'ai oté les tableaux inutiles, les balises font,
les attributs inutiles.
Bien sûr, tu peut sortir la feuille de style dans un fichier externe
pour l'appeler sur d'autres pages.
Attention, la première ligne est indispensable, elle indique aux
navigateurs que c'est du html 4.01 strict. Sans elle, le tableau ne sera
pas centré.
Pourquoi un rafraichissement de la page toutes les 6 secondes ?
--
B. M.
Avatar
The Dispatcher
Merci encore entre-temps je me suis croché... regarde et dis moi ce que tu
en penses...

Ce qui m intéresse c est la syntaxe du tableau et le refresh de six secondes
est une erreur que je vais corriger

www.railsuisse.ch/indexdepart.html

J'ai de la peine avec tout les balises...

je vais regarder cela plus attentivement ce soir, Merci encore...
"B. M." a écrit dans le message de news:
42d93bf1$0$1219$
The Dispatcher a écrit :
Bonjour tout le monde

Après avoir il y aune année converti mon site en css je m'attache
maintenant aux détails à savoir

1. Corriger le tableau en donnant des codes CSS
2. Dito pour le fond

Exemple L'ancienne version

http://www.railsuisse.ch/JBS/mob/200505261322.html

L'esquisse de la nouvelle

http://www.railsuisse.ch/000000.html

Je m'arrache les cheveux...

La les codes .... quelle code


Merci de vos suggestions


Jacques Beaud
Lausanne Suisse






Essaye ça :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Bienvenue dans la Magie du Rail, des
chemins de fer et du monde du train... Venez découvrir tous les aspects de
ce monde, compagnies ferroviaires, chemins de fer touristique, horaires,
matériel">
<meta name="keywords" content="Le Portail ferroviaire Suisse, automotrice,
bahn, cargo, carril, caténaire, chemin de fer, chemins de fer à
cremailliere, diesel, direct, domino, eisenbahn, europe, excursion,
express, ferrovia, ferroviaire, fiche, français, française, francophone,
funiculaire, gare, guida, harmonisation, horaire, interoperabilite,
locomotive, locotracteur, maquette, marchandise, modular, montagne,
mountain, musée, museum, normalisation, norme, norme ferroviaire, omnibus,
photorail, railroad, railroads, railway, recherche, régional, ric, riv,
schweiz, screen saver, screensaver, site ferroviaire, sms, sms gratuit,
standardisation, suisse, suiza, svizzera, switzerland, technique,
timetable, tourisme, trafic ferroviaire, train, train express, transport,
transport ferroviaire, transport ferroviaire, tren, treno, usa, vapeur,
voie etroite, voie ferree, voiture, voyage, voyageur, wagon, wagons-lits,
webcam, zwitserland, Zwitzerland">
<title>Le Portail Ferroviaire Suisse Chemin de fer fédéraux suisses
(SBB-CFF-FFS) TEST</title>
<style type="text/css">
<!--
p {margin: 5px}
p.loco {text-align: center}
body {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #c0c0c0; FONT-FAMILY:
Arial, Helvetica, Verdana, sans-serif; background-color: black}
A:link {TEXT-DECORATION: none; color: #ffffff}
A:visited {TEXT-DECORATION: none; color: #ffffff}
A:hover {
FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: white; TEXT-DECORATION:
none
}
A:active {TEXT-DECORATION: none; color: #ffffff}
.tableau {margin-right: auto; margin-left: auto; table-layout: fixed;
width: 480px}
.gauche {color: #FFFFFF; background-color: #808080; width: 50%;
text-align: right}
.droite {color: #FFFFFF; background-color: #333333; width: 50%}
.stat {text-align: right}
-->
</style>
</head>
<body>
<p>28.06.2005 actuellement 2643 net</p>
<p class="loco"><img src="JBS/bob/200209261633_small.jpg" width="480"
height="360" alt="image de loco" title=""><p>
<p class="loco"><a
href="JBS/sbb/materielhistorique/2004030918391152x768.jpg">
Pour une image plus légère 1152x768</a></p>
<table cellspacing="0" cellpadding="3" class="tableau">
<tr>
<td class="gauche">Compagnie / Compagny /
Gesellschaft</td>
<td class="droite">SBB CFF FFS</td>
</tr>
<tr>
<td class="gauche">
Type / Type / Typ</td>
<td class="droite">
R</td>
</tr>
<tr>
<td class="gauche">
Date / Date / Daten</td>
<td class="droite">
Lausanne 9 mars 2004 18:39</td>
</tr>
<tr>
<td class="gauche">
Commentaire / Comment / Kommentar</td>
<td class="droite">
Nr. 1021</td>
</tr>
<tr>
<td class="gauche">
Source / Source / Quelle</td>
<td class="droite">
© www.railsuisse.ch</td>
</tr>
</table>
<P class="loco">Cette page a été mise à jour le
<!--webbot bot="Timestamp" s-type="EDITED" s-format="%d %B %Y %H:%M:%S %Z"
startspan -->13 July 2005 21:19:26 +0200<!--webbot bot="Timestamp"
i-checksum="43390" endspan --><br>
© <a href="http://www.rail.li">www.rail.li</a>&nbsp;<a
href="http://www.railsuisse.ch">www.railsuisse.ch</a></p>
<p class="stat">
<!-- eStat -->
<script type="text/javascript">
<!--
var _UJS=0;
//-->
</script>
<script src="http://perso.estat.com/js/m.js"
type="text/javascript"></script>
<script type="text/javascript">
<!--
if(_UJS) _estat('10000025200','SBB','Photostest');
//-->
</script>
<!-- /eStat -->
</p>
</body>
</html>

C'est plus simple : j'ai oté les tableaux inutiles, les balises font, les
attributs inutiles.
Bien sûr, tu peut sortir la feuille de style dans un fichier externe pour
l'appeler sur d'autres pages.
Attention, la première ligne est indispensable, elle indique aux
navigateurs que c'est du html 4.01 strict. Sans elle, le tableau ne sera
pas centré.
Pourquoi un rafraichissement de la page toutes les 6 secondes ?
--
B. M.


Avatar
The Dispatcher
Rebonjour...

J'ai mis a jour on site en faisant des corrections CSS

www.railsuisse.ch/indexdepart.ch

http://www.railsuisse.ch/JBS/sbb/re474/200506021840.html

Néanmoins après avoir essayé l'idée précédemment suggéré cela fonctionne pas
comme la page susmentionnée...


Je me permets de demander l'assistance ou je puisse éliminer les code des
tableau en les mettant dans une logique css comme
www.railsuisse.ch/mainz.css

Je suis persuadé qu'il y a des erreurs mais je les cherches comme vous peut
être...
Avatar
The Dispatcher
J'ai désactivé les options suivantes Technologies Frontpagee t share Point
Le forumaire fonctionne et la recherche aussi ????
J en perds mon latin
"The Dispatcher" a écrit dans le message de
news: dbe8ni$b6s$
Rebonjour...

J'ai mis a jour on site en faisant des corrections CSS

www.railsuisse.ch/indexdepart.ch

http://www.railsuisse.ch/JBS/sbb/re474/200506021840.html

Néanmoins après avoir essayé l'idée précédemment suggéré cela fonctionne
pas comme la page susmentionnée...


Je me permets de demander l'assistance ou je puisse éliminer les code des
tableau en les mettant dans une logique css comme
www.railsuisse.ch/mainz.css

Je suis persuadé qu'il y a des erreurs mais je les cherches comme vous
peut être...