Convertir du CSS en HTML

Fermé

Html
Css

Lapucedu56 - 17 juil. 2013 à 14:41
totodunet Messages postés 1377 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 5 mars 2020 - 17 juil. 2013 à 16:41

Bonjour,

Auriez-vous la possibilité de me convertir le CSS en HTML et de me l'intégrer sur ce code s'il vous plait ?
Code html :

<link href='http://fonts.googleapis.com/css?family=Dr+Sugiyama' rel='stylesheet' type='text/css'>

<center><div class="fichefond"><center><img src="http://image.noelshack.com/fichiers/2013/25/1371745810-sans-titre-2.png"><div class="titrefichepub">Forum</div><div class="citationsoustitre">« citation »</div></center>

<center><div class="blockcontextepub">
CONTEXTE</div>

<div class="deuxautrespetitblock" style="margin-top: -57px;">STATISTIQUES</div>

<div class="deuxautrespetitblock" style="margin-top: -30px;">RECRUTEMENT</div></center>

<center><img src="http://image.noelshack.com/fichiers/2013/25/1371746348-1.png">     <img src="http://image.noelshack.com/fichiers/2013/25/1371746348-2.png"></center>

</span></div></center>

CSS :

.fichefond{
width: 490px; 
height: 680px; 
border-right: 5px solid #CB56E0; 
border-left: 5px solid #CB56E0; 
border-radius: 20px 0px 20px 0px; 
padding: 20px; 
background-image:url('http://image.noelshack.com/fichiers/2013/25/1371746251-fond.png'); 
text-align: justify; 
margin-left: 20px;
}

.titrefichepub{
  font-size : 50px; 
 font-family: 'Dr Sugiyama', cursive; 
 color: #D584F4; 
 text-shadow: 1px 1px 0px #F5EBDC; 
 margin-top:-9px;
}

.citationsoustitre{
  font-size: 12px; 
 line-height: normal;
  color:#F8F8F4; 
 font-family: Times New Roman;
  text-align:center; 
 margin-top:10px; 
 letter-spacing: 2px;
}

.blockcontextepub{
  overflow:auto; 
 width: 230px; 
 height: 310px; 
 background:#EAE5E2;
  border-radius: 20px 0px 0px 20px;
  padding: 3px; 
 align: center; 
 font-size: 10px; 
 font-family: georgia;
  float:left; 
 margin-right:10px;
  margin-top: -20px;
}

.deuxautrespetitblock{
  overflow:auto; 
 width: 225px;  
  height: 150px; 
 background:#EAE5E2;
  border-radius: 0px 20px 20px 0px;
  padding: 3px; 
 align: center; 
 font-size: 10px; 
 font-family: georgia;
}

Merci !

A voir également:

Convertir css a html
Convertir youtube en mp3 avec audacity - Guide
Convertir trimestre en année - Forum Excel
Telecharger macro convertir chiffre en lettre excel - Télécharger - Tableur
Editeur html - Télécharger - HTML
Br html ✓ - Forum Webmastering

1 réponse

Réponse 1 / 1

totodunet Messages postés 1377 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 5 mars 2020 199
17 juil. 2013 à 16:41

salut! le CSS reste le CSS, et le HTML est le HTML. Ce sont deux langages très différent qui ont aucun rapport entre eux, il est donc impossible de convertir.

Néanmoins je crois comprendre ce que tu veux dire. Comment mettre mon code CSS dans ma page HTML ?

-tu l'as fait en important le fichier css à l'aide de la balise link
-sinon tu peux utiliser la balise style que tu places dans le head et tu y mets ton code dedans :
<style type="text/css">monCSS{...}</style>
-tu utilises comme tu as fait aussi l'attribut style et mettre le code CSS correspondant à l'élément

Discussions similaires

paragraphe cote a cote

Bonjour,

alors enfaite jaimerai mettre deux paragraphe cote a cote sans
quil fasse un retour a la ligne automatique voila a quoi devrai resembler mon code

premier texte deuxieme texte

et je veut q
ue cela resemble a sa

premier texte deuxieme texte

ou aumoin une fasson davoir ce rendu la

merci cordialement GossBow

Configuration: iPhone / Safari 4.0

Créer un cv HTML

Salut les mecs,
j'ais un projet d'études, qui m'impose de réaliser un model C.V sous langage HTML pour avoir a la fin dans le navigateur un Model C.V!
qu'ils qu'un de vous a déjà réaliser un truc comme çà!? ou bien au moins qu'il qu'un peux m'aidé a le réaliser!?
Merci ...

Comment agrandir une image en cliquant

Bonsoir la compangie,

Je reviens vers un topic qui a déjà été résolu, mais qui n'est pas très bien expliqué pour les débutants. https://forums.commentcamarche.net/forum/affich-11179466-agrandir-image-sur-clic
J'ai de petites bases en HTML, CSS, PHP et SQL, je voudrais savoir comment agrandir une image en cliquant dessus.

La solution est proposée par ce blog : http://www.huddletogether.com/projects/lightbox2/

Le problème que je rencontre, et je ne pense pas être le seul, est que je ne sais pas quoi faire après avoir téléchargé le dossier.
Il est dit de charger le fichier dans notre page HTML (Comment faire clairement ?)

Aligner un texte avec son image

Salut à tous,

Je souhaiterais apparaitre mon texte à droite de l'image du lien. Cependant, je n'arrive pas à la centrer par rapport à l'image, le texte reste en bas de celle-ci, à droite.

Voici le "code" :

Audio

Merci d'avance, bonne soirée

Configuration: Windows 7 / Firefox 15.0.1

Comment créer une barre horizontale HTML/CSS?

Bonjour, je voudrais savoir comment créer une barre horizontale se trouvant en haut du site... Je ne suis peut être pas très clair, une exemple :
https://jeu.video/forum/
Comment faire (par exemple) la barre verte se trouvant en haut de ce site...
Un autre exemple :
http://allurebeta.fr/

Voilà, je ne sais pas si je suis clair mais en gros je voudrais faire une barre fixe se trouvant en haut du site internet sur laquelle je placerais des informations comme la date ou un système d'inscription/connections...

Merci d'avance... Kelw

Configuration: Windows XP / Chrome 22.0.1229.79

html/css: faire une belle barre de recherche

Bonjour,

J'essaye depuis hier de créer une belle barre de recherche pour un site, et ça me pose quelques problèmes, malgré toutes les recherches que j'ai pu faire sur internet:

Mon site est sur un fond bleu, et je veux faire une barre avec une petite loupe à gauche et une flèche cliquable à droite, le tout dans une forme blanche... J'ai dessiné tout ça, la barre entière et j'ai les 3 images (gauche, milieu, centre).

Maintenant pour mettre ça en application, j'ai pas mal de problèmes, j'ai essayé de tout mettre dans un tableau avec un cellspacing nul, de faire les 3 éléments du formulaire à a la suite avec soit les images en background , soit u...