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
 POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|