AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -40%
Tefal Ingenio Emotion – Batterie de cuisine 10 ...
Voir le deal
59.99 €

Partagez
Tuto vidéo pour la création d'un feuille html simple

Invité



Anonymous
Invité


   Lun 21 Déc - 20:34


Holà !

Alors chose promise chose due même si j'ai mis un peu de temps à me motiver à faire cette vidéo. Vous excuserez la qualité assez médiocre du son, je n'ai pas de micro. En espérant que ça en aidera certains ^.^

Je vous mets seulement un lien vers youtube pour ne pas ralentir le chargement de la page : regarder la vidéo.

N'hésitez pas à poser vos questions !

Invité



Anonymous
Invité


   Mar 22 Déc - 11:18


J'ai essayé, et j'ai eu plein de problème^^

Mon texte dépasse, les bords ne sont pas arrondis, on ne voit pas l'image, la barre de défilement n'apparait pas^^

Bref, j'ai tous foiré, donc si jamais tu pouvais m'aider ça serait sympas^^
Je voulais poster la fiche mais, comme le texte dépasse je te dis pas le chantier que cela aurait crée xD

Invité



Anonymous
Invité


   Mar 22 Déc - 12:20


Met ton code ici (entre balises code) et on verra ce qu'il se passe ^^

Invité



Anonymous
Invité


   Mar 22 Déc - 12:24


Voilà mon horreurs : xD

Code:
<link href='https://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'/>

<div style="width: 600px ; height: 854px ; margin: auto ; backgroud-image: url (http://imagesia.com/tigreblanc2_14642) ; border- radius: 70px ; border: 3px solid rgb(0,0,0) ; ">
<div style ="width: 450px ; height: 65px  ; margin: auto ; font-family: Berkshire Swash ; font-size: 28px ; color: rgb(0,0,0) ; text-align: center ; line height: 26px ; text-shadow: 0 0 3px rgb(0,0,0) ;">Titre qui peut être super long, sans que ça déborde et que cela fasse pas beau</div>
<div style= "width: 580px ; height: 20px ; margin: auto ; font-family: Bree Serif ; font-size: 14px ; color: rgb(0,0,0) ; text-shadow: 0 0 3px rgb(0,0,0) ;">Featuring Someone</div>

<div style="width: 540px ; height: 600px ; background-color: rgba(256,256,256,0.5) ; paddings: 5px 12px 5px 12px ; margin: auto ; font-family: Bree Serif ; font-size: 14px ; color: rgb(0,0,0) ; text-align: justify ; over flow: auto ;">Non ergo erunt homines deliciis diffluentes audiendi, si quando de amicitia, quam nec usu nec ratione habent cognitam, disputabunt. Nam quis est, pro deorum fidem atque hominum! qui velit, ut neque diligat quemquam nec ipse ab ullo diligatur, circumfluere omnibus copiis atque in omnium rerum abundantia vivere? Haec enim est tyrannorum vita nimirum, in qua nulla fides, nulla caritas, nulla stabilis benevolentiae potest esse fiducia, omnia semper suspecta atque sollicita, nullus locus amicitiae.

Latius iam disseminata licentia onerosus bonis omnibus Caesar nullum post haec adhibens modum orientis latera cuncta vexabat nec honoratis parcens nec urbium primatibus nec plebeiis.

Raptim igitur properantes ut motus sui rumores celeritate nimia praevenirent, vigore corporum ac levitate confisi per flexuosas semitas ad summitates collium tardius evadebant. et cum superatis difficultatibus arduis ad supercilia venissent fluvii Melanis alti et verticosi, qui pro muro tuetur accolas circumfusus, augente nocte adulta terrorem quievere paulisper lucem opperientes. arbitrabantur enim nullo inpediente transgressi inopino adcursu adposita quaeque vastare, sed in cassum labores pertulere gravissimos.

Nihil morati post haec militares avidi saepe turbarum adorti sunt Montium primum, qui divertebat in proximo, levi corpore senem atque morbosum, et hirsutis resticulis cruribus eius innexis divaricaturn sine spiramento ullo ad usque praetorium traxere praefecti.

Iamque non umbratis fallaciis res agebatur, sed qua palatium est extra muros, armatis omne circumdedit. ingressusque obscuro iam die, ablatis regiis indumentis Caesarem tunica texit et paludamento communi, eum post haec nihil passurum velut mandato principis iurandi crebritate confirmans et statim inquit exsurge et inopinum carpento privato inpositum ad Histriam duxit prope oppidum Polam, ubi quondam peremptum Constantini filium accepimus Crispum.

Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.

Cum autem commodis intervallata temporibus convivia longa et noxia coeperint apparari vel distributio sollemnium sportularum, anxia deliberatione tractatur an exceptis his quibus vicissitudo debetur, peregrinum invitari conveniet, et si digesto plene consilio id placuerit fieri, is adhibetur qui pro domibus excubat aurigarum aut artem tesserariam profitetur aut secretiora quaedam se nosse confingit.

Sed tamen haec cum ita tutius observentur, quidam vigore artuum inminuto rogati ad nuptias ubi aurum dextris manibus cavatis offertur, inpigre vel usque Spoletium pergunt. haec nobilium sunt instituta.

Sed fruatur sane hoc solacio atque hanc insignem ignominiam, quoniam uni praeter se inusta sit, putet esse leviorem, dum modo, cuius exemplo se consolatur, eius exitum expectet, praesertim cum in Albucio nec Pisonis libidines nec audacia Gabini fuerit ac tamen hac una plaga conciderit, ignominia senatus.

Ideo urbs venerabilis post superbas efferatarum gentium cervices oppressas latasque leges fundamenta libertatis et retinacula sempiterna velut frugi parens et prudens et dives Caesaribus tamquam liberis suis regenda patrimonii iura permisit.

Ergo ego senator inimicus, si ita vultis, homini, amicus esse, sicut semper fui, rei publicae debeo.</div
</div> 

Invité



Anonymous
Invité


   Mar 22 Déc - 12:38


Alors, normalement si tu rectifies deux détails tout ira pour le mieux. Tu as mal fermé ton avant dernière division. Rajoute bien le > manquant et ton texte apparaitra. Ensuite, si ton texte dépasse vers le bas il suffira de réduire la hauteur. S'il dépasse su le côté il faudra simplement réduire la largeur (:

Invité



Anonymous
Invité


   Mar 22 Déc - 12:42


D'accord, je vais faire ça, mais quand tu parles de largeur et de hauteur, c'est celle du texte ?

Invité



Anonymous
Invité


   Mar 22 Déc - 12:47


Bon alors atta, j'y ai regardé de plus près et il n'y a pas de soucis de taille avec ton cadre contenant le texte. Il y a juste des fautes d'orthographe :p Tu as oublié le -n de backgrouNd-image (pour ça que ton image n'apparaît pas) mais aussi parce que tu as mis le lien vers l'hébergeur et pas vers l'image elle même. Va sur imagesia et fait un clique droit sur ton image et fais "Copier le lien de l'image".

Autre faute il n'y a pas d'espace entre "over" et "flow". Si tu l'enlèves il n'y aura plus de soucis de texte qui se promène en dehors du cadre ^^ Idem pour le border-radius dans lequel tu as rajouté un espace après le tiret.





Contenu sponsorisé


   


Page 1 sur 1
Sujets similaires
-
» Tuto pour dessiner un portrait de loup. o/ (partie 1)
» Commande de VIDEO de RP pour un ami ^^
» Feuille de lierre Abscente du 8/03 au 11/03: Ski
» Après le bourgeon, la feuille, vient la nuazette :33
» [LIBRE] Feuille de Lierre - Ophéis - Gardienne - Femelle - 12 ans

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Felinae :: Bien commencer :: Hors Jeu :: Flood-
Sauter vers: