Intégrer du HTML dans du CSS

Signaler
Messages postés
11
Date d'inscription
jeudi 7 septembre 2006
Statut
Membre
Dernière intervention
7 novembre 2007
-
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
-
Bonjour à toutes et à tous,

J'ai créé une petite bannière sous Photoshop que je compte intégrer sur mon site. Cette bannière a été découpée avec l'outil "tranche", pour celles et ceux qui connaissent. Résultat : j'ai un fichier .html présentant cette bannière découpée en plusieurs cellules (c'est un tableau en fait). Jusque là c'est ok.

Mon souhait est le suivant : j'aimerais intégrer ce "tableau" dans mon site via la feuille CSS que j'ai déjà créée.
Objectif : cette bannière doit s'afficher sur l'ensemble des pages.
Ma question : comment le CSS intègre-t-il un fichier html ?

Merci à la communauté pour les éclairages !

A+

4 réponses

Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
34
Bonjour,

        euh... c'est exactement le contraire.
            c'est le HTM[L] qui peut inclure/intégrer du CSS.
    pour "être simple" disons que
        Les feuilles de styles (en anglais "Cascading Style Sheets", abrégé CSS)
        sont un langage qui permet de gérer la présentation d'une page Web.

    on peut inclure du html
       _ un .js qui fait des document.write ( beurk )
       _ include en SSI
       _ include en PHP

<hr />


Cordialement        Bul         [mon Site]     [M'écrire]



<hr />
Messages postés
11
Date d'inscription
jeudi 7 septembre 2006
Statut
Membre
Dernière intervention
7 novembre 2007

Salut à toi bultez !

Merci pour ta réponse. Tu as effectivement raison sur ce point : c'est le html qui intègre le css et non le contraire. Mais je m'étais mal exprimé. Il s'agissait de copier le css de l'un pour l'intégrer dans l'autre.

Entre temps j'ai réfléchi à la question : je voulais que mon tableau décrit ci-après soit "répété" sur l'ensemble du site.

voici le html de mon petit tableau :




<html>
<head>
<title>exercice</title>
</head>

<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">

<div id="Tableau_01">
<div id="cellule1">
<img src="images/Sans-titre-1_01.gif" width="435" height="200" alt="">

</div>
<div id="cellule2">
<img src="images/Sans-titre-1_02.gif" width="465" height="200" alt="">
</div>
</div>

</body>
</html>

Puis voici le css qui est associé :

#Tableau_01 {

position:absolute;
left:0px;
top:0px;
width:900px;
height:200px;
}

#cellule1 {
position:absolute;
left:0px;
top:0px;
width:435px;
height:200px;
}

#cellule2 {
position:absolute;
left:435px;
top:0px;
width:465px;
height:200px;
}

Après réflexion, j'ai récupéré ces quelques lignes de mon "css tableau" pour l'intégrer à ma feuille de style générale de mon site. Quelques bidouillages pour les positionnements (pour centrer, par exemple) et ça fonctionne !

Maintenant il y a une question qui demeure, au sujet des liens : dans ces cellules ont été défini des liens vers d'autres sites Internet. Comment faire ? Je cherche de mon côté (mais le mieux serait d'abord de poster un message dans la catégorie appropriée, j'y vais de ce pas).

A+
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
34
>>..

récupéré ...lignes de mon "css tableau" pour l'intégrer à ma feuille de style générale de mon site...



    ce n'était pas nécessaire. plusieurs <style type="text/css"> et/ou <link type="text/css"...>
    peuvent parfaitement cohabiter dans les pages.



>>...liens vers d'autres sites Internet. ..
    pas vu sur ce que tu nous postes ici ?


>>Comment faire ?
    comment faire quoi ? un lien vers un autre site ?
    du site et de la page désirée si nécessaire lien non ?




<hr />



Cordialement            Bul         [mon Site]     [M'écrire]



<hr />
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
34
et je me cite pour mettre ça sur toutes les pages :

       _ un .js qui fait des document.write ( beurk )
       _ include en SSI
       _ include en PHP...
<hr />
Cordialement            Bul         [mon Site]     [M'écrire]
<hr />