Accueil > Forum > > > > Intégrer du HTML dans du CSS
 Intégrer du HTML dans du CSS
jeudi 1 février 2007 à 07:31:49 |
Intégrer du HTML dans du CSS
phelsuma
|
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+
|
|
jeudi 1 février 2007 à 10:37:51 |
Re : Intégrer du HTML dans du CSS
bultez
|
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
|
|
jeudi 1 février 2007 à 12:21:10 |
Re : Intégrer du HTML dans du CSS
phelsuma
|
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+
|
|
jeudi 1 février 2007 à 12:50:41 |
Re : Intégrer du HTML dans du CSS
bultez
|
>>..
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 ?
<a href="http://adresse du site et de la page désirée si nécessaire">lien</a> non ?
|
|
jeudi 1 février 2007 à 12:53:42 |
Re : Intégrer du HTML dans du CSS
bultez
|
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...
|
|
Cette discussion est classée dans : site, html, css, intégrer, bannière
 Répondre à ce message
 Sujets en rapport avec ce message
bug sur mon site [ par amaurydb ]
bonjour,j'ai un bleme avec un site. Il est en css -html (deso, c'est pas le but de ce site, mais c'est sur celui-ci que je viens tout le temps...)adre
problème prechargement page html contenant un swf [ par panterellas ]
Bonjour à tous !Je ne sais pas ou posté mon message donc désolé d'avance si je me suis trompée de theme.J'ai réalisé un site avec pas mal de code java
Code Html + commentaire [ par killers6410 ]
Bonsoir a tous :)voila j'ai f un blog via un site perso et je voulais savoirs'il y avait un code html pour que des personnes puisse laisserdes comment
liens dans une feuille de style [ par phelsuma ]
Salut tout le monde,Ce topic fait suite à celui-ci : http://www.javascriptfr.com/infomsg_INTEGRER-HT
Feuille de style [ par Jossdoit ]
Bonjour,Je developpe actuellement un site web et j'utilise du CSS. Je trouve ca bien sympas mais je voulais savoir si il etait possible d'utiliser le
[HTML]Choix du fond d'écran d'un site [ par azerty21suze ]
Bonsoir a tous,Voici mon probleme :J'aimerais faire des liens ( qui sont en fait des carré de couleurs ) et que quand on clique sur ces liens, le fond
importer un menu html a partir d'un autre html [ par spirit47 ]
bonjour, je m'explique peu etre mal, j'ai creer un site, mais, il s'ameliore au fur et a mesure, alors, je voudrai creer un ficher html " menu " et po
Chargement page html [ par Orange73 ]
Bonjour,J'ai un index.html où on choisit la langue du site.Dès qu'on clic sur celle voulu une popup apparait en fullscreen chargeant un site full flas
fermeture page web [ par mino27100 ]
Salut, j'ai besoin de lumière pour eclérer ma cervelle? je vous explique! je suis en pleine cration de site web avec lauyant ToWeb Site et je voudrait
problème avec insérer une vidéo [ par TOONIE ]
Bonjour, C'est tout nouveau pour moi : installer une vidéo sur mon site. Je suis allé sur google chercher des exemples et j'ai trouvé ceci :
 Livres en rapport
|
Derniers Blogs
 [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
 Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|