18041 sujets

Questions générales et questions de débutants

Mise en page ccs, sans feuille de style

bonjour,

comment sont mis en forme, les flux rss (atom)
exemple je veux mettre la div contenant l'image de mon flux en float right, comme sur l'exemple :
http://www.yoga-nantes.com/Sans-titre-1.jpg
je ne crois pas que j'ai le droit a une feuille de style css
je dois donc l'insérer directement dans le html
je l'ai mis de cette façon, mais ca ne marche pas alors que la taille de la largeur par exemple est bien prise en compte,

<div float="right"><img src="http://www.yoga-nantes.com/images/coups_coeur/2.jpg" width="60" hspace="10" vspace="8"/></div>


merci
Modifié par artichaudd (19 Oct 2010 - 09:29)
Salutation

Dans ton div il s'agit d'un style CSS donc

<div style="float:right">
<img src="dossier/fichierImage.png" alt="texte alternatif" />
</div>


En CSS nous écrivons float:right et non float="right" - Prend l'exemple ci-haut mentionné.
Et tu place dans » style="propriété:valeur;"

Seul les attributs HTML prendrons le signe « = »
Exemple 


<a href="url"> . . . </a> 
<!-- ou encore -->
<table width="360"> . . . </table>


++
Modifié par zardoz (19 Oct 2010 - 09:46)
merci je vais tester ca
mais pourquoi
width="60"
fonctionne t'il, ce n'est pas du css?
Modifié par artichaudd (19 Oct 2010 - 09:47)
non c'est pour les balises HTML : width="60" height="125"

CSS : <div style="width:60px; height:125px;"></div>

++
Modifié par zardoz (19 Oct 2010 - 09:49)
si j'ai bien compris les propriété width et height existent aussi bien en html et en css,
c'est pour cela que l'on peut les mettre d'une manière ou d'autre
alors que la propriété float n'existe qu'en cs et doit etre indiquée de cette facon
style="float:right"
en précisant style devant, pour indiquer que l'on va inclure du css
c'est bien ca?

merci
C'est exacte mais moi personnellement je centraliserais les styles

Comme ceci 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Titre de ton document</title>
<style type="text/css">
  body { color:#333; font-family:sans-serif; font-size:0.9em; margin:0; padding:0; }
  div#globale { width:400px; height:auto; margin:0 auto; border:1px solid #ccc; }
</style>
</head>

<body>
<div id="globale">
 . . . 
</div>
</body>
</html>

C'est beaucoup mieux pour les mises à jours car le code CSS est centralisé.
Mieux encore est un fichier CSS externe mais bon . . . c'est toi qui décide.

++
Modifié par zardoz (19 Oct 2010 - 10:11)
bah, je veux bien mais vu que c'est pour un flux atom, c'est donc du xml, je ne sais pas comment intégré une feuille de style a une page xml
mais si tu as une idée, je suis preneur
encore merci
Modifié par artichaudd (19 Oct 2010 - 10:18)
Oui tu peut intégrer une feuille de style soit CSS ou soit XSL
XSL est la feuille de style propre au technologies XML mais commence plutôt avec CSS

<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="css/fichierAtome.css" type="text/css"?>

Voici une adresse : w3school
Pour traiter ton fichier CSS vis à vis un fichier XML

Simple à faire je te le jure

++
Modifié par zardoz (19 Oct 2010 - 10:35)
tu veux dire que pour mettre en forme mon flux xml,
je ne suis pas obligé de mettre du xls je peux mettre en css Smiley eek
Salut

Exerce toi avec l'adresse mentionné plus haut : le w3school.
Moi je n'ai jamais formater un flux cependant j'ai souvent formater un fichier xml avec css et xsl (xslt) avec saxon (le compilateur).

En effet css peut être importer dans un fichier xml tel que démontrer plus haut.

++
Salutation

Moi je trouve que le mieux est de cibler avec simplexml : dans channel mais en dehors de item

$cible = simplesml_load_file ('xml/rss/flux.rss');
/* ici tu peut cibler les balises et formater en même temps */
/* tu cible les balises comme un objet PHP */
$titre = (string) $cible->channel->title;
$titre = htmlentities ($titre, ENT_QUOTE, 'UTF-8');

Avec un boucle foreach on cible item

. . .
foreach ($cible->channel->item as $cibleur)
  $reference = htmlentities ((string) $cibleur->link, ENT_QUOTES, 'UTF-8');
  echo "<a href='$reference'>";
  echo htmlentities ((string) $cibleur->title, ENT_QUOTES, 'UTF-8');
  echo '</a>';
. . .
/* même chose pour la description avec echo p */ 
. . .

Tu programme pour formater le tout en CSS en utilisant les balises HTML ou en ciblant un fichier externe.

C'est beaucoup mieux que d'importer un fichier CSS dans un fichier xml .rss. L'importation d'un fichier CSS dans un fichier xml est suffisamment rare et peu exploiter. D'autres façon de faire sont exploiter en PHP et facilement.

Moi perso je l'ai expérimenter en xsl et xml compiler avec saxon et c'est bien.
Autrement en PHP avec simplexml : c'est superbe et à la porter de tous.

SimpleXMLElement est une classe qui peut être étendu

class CibleurBalisesRSS extends SimpleXMLElement { . . . }

On peut donc faire bien des choses en PHP XML/RSS

Propos recueillit de PHP5 Avancé : De Éric Daspet et Cyril Pierre De Geyer

Pour les plus maniaques SPL offre SimpleXMLIterator ici : qui étend SimpleXMLElement et implémente des interfaces.

++
Modifié par zardoz (20 Oct 2010 - 22:38)
Sujet clos
Aller à