Comment visualiser Smultron (Fraise) sur Mac... et PC

flippy

Membre expert
20 Août 2009
1 399
63
Bonjour. Question 1 -> J'aimerais savoir lorsque je codifie sur Smultron (Tiger sur G4 PPC oblige) comment je peux voir le résultat réel obtenu ? Question 2-> Lorsque je donne mon fichier Smultron en ".html" à quelqu'un sur un PC (réouvrable sans problème, j'ai essayé), comment voir le résultat réel obtenu (toujours sur PC) ? Merci pour vos pistes :)
 
Bonjour ntx et merci pour ta réaction. Bon je viens d'ouvrir (Ouvrir un fichier) ma page test de Smultron via Safari : et là, RIEN (tout blanc, vide :( ). Par contre sur Firefox, pas de problème :p. Sinon les images n'apparaîssent pas (le background non plus) : histoire de cheminement relatif (toutes les images sont dans un dossier appelé "img") ?
Cela dit, ça reste bizarre en ce qui concerne Safari :hein:
 
En attendant une soluce pour un affichage global, quelqu'un peut-il me dire quel serait l'équivalent de Smultron sur PC (simple et gratos) ? :siffle:
 
J'aime bien scite sous windows
 
Donc, je note Notepad++ et SciTE ;) Pour ce qui est de ma version de Safari, c'est la 4.1.3 (je ne peux pas aller plus loin avec mon UC). En glissé-déposé, absolument rien ne s'affiche, par contre le code source est bien là :(:mad:
 
Ben sinon tu actives le serveur web sur ta machine (pomme/préférences système/partage : cocher partage web)

Tu colles tes fichiers .html (et tous les repertoires ou fichiers necessaires comme les images) dans ton dossier Sites qui se trouve à la racine de ton user puis tu te connectes à ta page toto.html via safari : http://127.0.0.1/~tonUser/toto.html
 
Ben sinon tu actives le serveur web sur ta machine (pomme/préférences système/partage : cocher partage web)

Tu colles tes fichiers .html (et tous les repertoires ou fichiers necessaires comme les images) dans ton dossier Sites qui se trouve à la racine de ton user puis tu te connectes à ta page toto.html via safari : http://127.0.0.1/~tonUser/toto.html
Pas la peine de sortir l'artillerie lourde pour quelques lignes de html :rateau:
 
Je pense que l'info de fpoil est intéressante à connaître (au moins ça crée un cheminement html). D'autre part, au sujet d'un code qui serait foireux (mon fichier s'ouvre bien sur FF mais pas sur Safari), j'ai tenté ceci : j'ai mis en ligne mon fichier (exactement le même code !) et Safari (donc du serveur distant) reconnaît parfaitement ma page :siffle: Et donc ne fonctionne pas en interne :mouais: ?! Ou est le hic ? Aussi pour les images, je vais mettre mon dossier images au même niveau que mon fichier code, sur le bureau direct. Autrement j'utilise un bon vieux Fetch pour eftéper (néologisme :p). Mais pour quelqu'un sur PC, quel serait le client FTP le plus simple à utiliser (et gratuit si possible) ?
 
Je pense que l'info de fpoil est intéressante à connaître (au moins ça crée un cheminement html). D'autre part, au sujet d'un code qui serait foireux (mon fichier s'ouvre bien sur FF mais pas sur Safari), j'ai tenté ceci : j'ai mis en ligne mon fichier (exactement le même code !) et Safari (donc du serveur distant) reconnaît parfaitement ma page :siffle: Et donc ne fonctionne pas en interne :mouais: ?! Ou est le hic ? Aussi pour les images, je vais mettre mon dossier images au même niveau que mon fichier code, sur le bureau direct. Autrement j'utilise un bon vieux Fetch pour eftéper (néologisme :p). Mais pour quelqu'un sur PC, quel serait le client FTP le plus simple à utiliser (et gratuit si possible) ?

filezilla ou cela date d'hier, cyberduck disponible sous windows pour la 1ère fois dans sa version 4.0
 
Bonjour Selthis. Mon code une fois en ligne ne pose (apparemment) aucun problème (Firefox, Safari, Opera). Je suis en XHTML 1.0 Transitional (formulaire de contact oblige) et mes liens images sont en relatif "../img/photo.jpg" alt=" (img étant mon dossier images à la racine). Pourtant en contrôle local (aucun php dans ma page), le bkg ni les images n'apparaîssent même dans FF qui affiche au moins la partie textes :( (dans Safari, toujours ma page immaculée :mad: ).................
 
Bonjour Selthis. Mon code une fois en ligne ne pose (apparemment) aucun problème (Firefox, Safari, Opera). Je suis en XHTML 1.0 Transitional (formulaire de contact oblige) et mes liens images sont en relatif "../img/photo.jpg" alt=" (img étant mon dossier images à la racine). Pourtant en contrôle local (aucun php dans ma page), le bkg ni les images n'apparaîssent même dans FF qui affiche au moins la partie textes :( (dans Safari, toujours ma page immaculée :mad: ).................

ton html est foirosse:sleep::rolleyes: donne ta page au lieu de nous raconter des conneries il y a des gens ici qui te repondent qui font ca depuis tres tres tres tres tres tres longtemps ...... et certains ont meme codé certains trucs sur des sites que tu visites quotidiennement ou de grande chance que tu le fasses, il y a meme sur les forums macgé 3 mecs qui ont des baffouilles sur w3c.org et ils viennent principalement ici pour deconner plutot que de repondre a des questions de nioubies mais on pourrait imaginer qu'ils le fassent.
donc tu ne sais pas qui va te repondre donc tu devrais ravaler ta fierté et faire ce que les gens te disent au lieu de nous rabattre les oreilles avec ca marche pas, ca marche pas parce tu merdes quelque part et tu ne le vois pas mais pour les autres personnes ici a mon avis ca doit etre aussi gros qu'un elephant dans un tout petit couloir, c'est quand meme penible de voir ce genre de comportement en boucle ,obstiné, sorte boucle infinie de la betise.


POUR FAIRE SIMPLE SI TU VEUX UNE SOLU ET PROGRESSER MONTRE TON CODE AND SHUT UP
 
Salut tatouille. Ta prose est édifiante ;):D. Maintenant si tu veux voir tout le code source, le voici dans son intégralité (peut-être un problème au niveau du charset qu'il faudrait passer en UTF, no sè) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>&#9658; GARFUNK &#9658; Pr&auml;sentation</title>
<link href="../css/basic.css" rel="stylesheet" type="text/css" media="all"/>
<csscriptdict import="import">
<script type="text/javascript" src="../GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSAct[/*CMP*/ 'c9748d7c0'] = new Array(CSSlideNewWindow,/*URL*/ 'inscript-de.html','',810,565,true,false,false,false,false,false,false);
CSAct[/*CMP*/ 'c97a08a40'] = new Array(CSSlideNewWindow,/*URL*/ 'newsletter.html','',565,190,true,false,false,false,false,false,false);
CSAct[/*CMP*/ 'c97a08ca1'] = new Array(CSSlideNewWindow,/*URL*/ 'contact.html','',420,610,true,false,false,false,false,false,false);
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_ajb = newImage('../img/ajb.gif');
pre_anb = newImage('../img/anb.gif');
pre_aob = newImage('../img/aob.gif');
pre_apb = newImage('../img/apb.gif');
pre_afb = newImage('../img/afb.gif');
pre_aeb = newImage('../img/aeb.gif');
pre_bab = newImage('../img/bab.png');
pre_bcb = newImage('../img/bcb.png');
pre_bdb = newImage('../img/bdb.png');
pre_beb = newImage('../img/beb.png');
pre_bfb = newImage('../img/bfb.png');
pre__022 = newImage('../img/022.gif');
preloadFlag = true;
}
}

// --></script>
</csactiondict>
<style type="text/css">
<!--
div#bloc1 {
width: 613px;
height: 445px;
overflow: auto;
border: 0px solid #000;
position: absolute;
top: 290px;
left: 315px;
}
#bloc1 { height: 105px; width: 585px; left: 315px; top: 285px; position: absolute; visibility: visible; }
</style>
<csactions>
<csaction name="c9748d7c0" class="SlideNewWindow" type="onevent" val0="inscript-de.html" val1="" val2="810" val3="565" val4="true" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false" urlparams="1"></csaction>
<csaction name="c97a08a40" class="SlideNewWindow" type="onevent" val0="newsletter.html" val1="" val2="565" val3="190" val4="true" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false" urlparams="1"></csaction>
<csaction name="c97a08ca1" class="SlideNewWindow" type="onevent" val0="contact.html" val1="" val2="420" val3="610" val4="true" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false" urlparams="1"></csaction>
</csactions>
</script>
</head>

<body onload="preloadImages();" background="../img/aa.jpg"; table style="background-repeat: no-repeat;">
<div style="position:relative;width:969px;height:872px;-adbe-g:p,10,10;">
<csgroup name="16394E54" locked="locked"></csgroup>
<div style="position:absolute;top:25px;left:20px;width:231px;height:67px;">
<a href="http://forums.macg.co/index.html"><img src="http://forums.macg.co/img/ab.gif" alt="" height="67" width="231" border="0" /></a></div>
<div style="position:absolute;top:39px;left:270px;width:510px;height:48px;">
<img id="aca" src="http://forums.macg.co/img/ada.png" alt="" name="aca" height="48" width="510" border="0" /></div>
<div class="titel" style="position:absolute;top:230px;left:330px;width:545px;height:60px;-adbe-c:c">
<p><span>Garfunk: Was ist das?</span></p>
</div>
<div style="position:absolute;top:210px;left:40px;width:184px;height:57px;">
<a onmouseup="changeImages('aua','../img/baa.png');return true" onmouseover="changeImages('aua','../img/bab.png');return true" onmouseout="changeImages('aua','../img/baa.png');return true" href="de1.html"><img id="aua" src="http://forums.macg.co/img/baa.png" alt="" name="aua" height="57" width="184" border="0" /></a></div>
<div style="position:absolute;top:279px;left:40px;width:184px;height:57px;">
<img src="http://forums.macg.co/img/bbb.png" alt="" height="57" width="184" border="0" /></div>
<div style="position:absolute;top:348px;left:40px;width:184px;height:57px;">
<a onmouseup="changeImages('avaa','../img/bca.png');return true" onmouseover="changeImages('avaa','../img/bcb.png');return true" onmouseout="changeImages('avaa','../img/bca.png');return true" href="de3.html"><img id="avaa" src="http://forums.macg.co/img/bca.png" alt="" name="avaa" height="57" width="184" border="0" /></a></div>
<div style="position:absolute;top:417px;left:40px;width:184px;height:57px;">
<a onmouseup="changeImages('awa','../img/bda.png');return true" onmouseover="changeImages('awa','../img/bdb.png');return true" onmouseout="changeImages('awa','../img/bda.png');return true" href="de4.html"><img id="awa" src="http://forums.macg.co/img/bda.png" alt="" name="awa" height="57" width="184" border="0" /></a></div>
<div style="position:absolute;top:486px;left:40px;width:184px;height:57px;">
<a onmouseup="changeImages('axa','../img/bea.png');return true" onmouseover="changeImages('axa','../img/beb.png');return true" onmouseout="changeImages('axa','../img/bea.png');return true" href="de5.html"><img id="axa" src="http://forums.macg.co/img/bea.png" alt="" name="axa" height="57" width="184" border="0" /></a></div>
<div style="position:absolute;top:555px;left:40px;width:184px;height:57px;">
<a onmouseup="changeImages('aya','../img/bfa.png');return true" onmouseover="changeImages('aya','../img/bfb.png');return true" onmouseout="changeImages('aya','../img/bfa.png');return true" href="de6.html"><img id="aya" src="http://forums.macg.co/img/bfa.png" alt="" name="aya" height="57" width="184" border="0" /></a></div>
<div style="position:absolute;top:680px;left:45px;width:8px;height:24px;">
<img src="http://forums.macg.co/img/025.png" alt="" height="24" width="8" border="0" /></div>
<div style="position:absolute;top:680px;left:56px;width:146px;height:24px;">
<a onclick="CSAction(new Array(/*CMP*/'c9748d7c0'));return CSClickReturn()" onmouseup="changeImages('_021','../img/021.gif');return true" onmouseover="changeImages('_021','../img/022.gif');return true" onmouseout="changeImages('_021','../img/021.gif');return true" href="#" csclick="c9748d7c0"><img id="_021" src="http://forums.macg.co/img/021.gif" alt="" name="_021" height="24" width="146" border="0" /></a></div>
<div style="position:absolute;top:680px;left:205px;width:8px;height:24px;">
<img src="http://forums.macg.co/img/026.png" alt="" height="24" width="8" border="0" /></div>
<div style="position:absolute;top:111px;left:852px;width:33px;height:21px;">
<a onmouseup="changeImages('afa','../img/afa.gif');return true" onmouseover="changeImages('afa','../img/afb.gif');return true" onmouseout="changeImages('afa','../img/afa.gif');return true" href="fr2.html"><img id="afa" src="http://forums.macg.co/img/afa.gif" alt="" name="afa" height="21" width="33" border="0" /></a></div>
<div style="position:absolute;top:111px;left:887px;width:33px;height:21px;">
<img id="aga" src="http://forums.macg.co/img/agb.gif" alt="" name="aga" height="21" width="33" border="0" /></div>
<div style="position:absolute;top:62px;left:852px;width:116px;height:39px;">
<a href="http://www.interkulturelles-netzwerk.de/" target="blank"><img src="http://forums.macg.co/img/aia.gif" alt="" height="39" width="116" border="0" /></a></div>
<div style="position:absolute;top:5px;left:852px;width:116px;height:55px;">
<a href="http://www.peuple-et-culture.org/" target="blank"><img src="http://forums.macg.co/img/aha.gif" alt="" height="55" width="116" border="0" /></a></div>
<div style="position:absolute;top:111px;left:922px;width:33px;height:21px;">
<a onmouseup="changeImages('aea','../img/aea.gif');return true" onmouseover="changeImages('aea','../img/aeb.gif');return true" onmouseout="changeImages('aea','../img/aea.gif');return true" href="gb2.html"><img id="aea" src="http://forums.macg.co/img/aea.gif" alt="" name="aea" height="21" width="33" border="0" /></a></div>
<div style="position:absolute;top:801px;left:46px;width:70px;height:70px;" csgroup="16394E54">
<a onmouseup="changeImages('aja','../img/aja.gif');return true" onmouseover="changeImages('aja','../img/ajb.gif');return true" onmouseout="changeImages('aja','../img/aja.gif');return true" href="http://www.ofaj.org/" target="blank"><img id="aja" src="http://forums.macg.co/img/aja.gif" alt="" name="aja" height="70" width="70" border="0" /></a></div>
<div csgroup="16394E54" style="position:absolute;top:790px;left:120px;width:140px;height:69px;-adbe-c:c">
<p class="txt11">Internetseite unterst&uuml;tzt von deutsch-franz&ouml;sisches Jugendwerk</p>
</div>
<div style="position:absolute;top:808px;left:896px;width:70px;height:21px;" csgroup="16394E54">
<a href="http://jph.guillerme.online.fr" target="blank"><img src="http://forums.macg.co/img/aq.gif" alt="" height="21" width="70" border="0" /></a></div>
<div style="position:absolute;top:807px;left:270px;width:8px;height:23px;" csgroup="16394E54">
<img src="http://forums.macg.co/img/ala.gif" alt="" height="23" width="8" border="0" /></div>
<div style="position:absolute;top:800px;left:284px;width:19px;height:14px;" csgroup="16394E54">
</a></div>
<div style="position:absolute;top:800px;left:284px;width:39px;height:36px;" csgroup="16394E54">
<img id="aka" src="http://forums.macg.co/img/aka.gif" alt="" name="aka" height="36" width="39" border="0" /></div>
<div style="position:absolute;top:807px;left:418px;width:8px;height:23px;" csgroup="16394E54">
<img src="http://forums.macg.co/img/alb.gif" alt="" height="23" width="8" border="0" /></div>
<div style="position:absolute;top:807px;left:466px;width:8px;height:23px;" csgroup="16394E54">
<img src="http://forums.macg.co/img/ala.gif" alt="" height="23" width="8" border="0" /></div>
<div style="position:absolute;top:807px;left:482px;width:74px;height:24px;" csgroup="16394E54">
<a onclick="CSAction(new Array(/*CMP*/'c97a08ca1'));return CSClickReturn()" onmouseup="changeImages('ana','../img/ana.gif');return true" onmouseover="changeImages('ana','../img/anb.gif');return true" onmouseout="changeImages('ana','../img/ana.gif');return true" href="#" csclick="c97a08ca1"><img id="ana" src="http://forums.macg.co/img/ana.gif" alt="" name="ana" height="24" width="74" border="0" /></a></div>
<div style="position:absolute;top:807px;left:566px;width:8px;height:23px;" csgroup="16394E54">
<img src="http://forums.macg.co/img/alb.gif" alt="" height="23" width="8" border="0" /></div>
<div style="position:absolute;top:807px;left:615px;width:8px;height:23px;" csgroup="16394E54">
<img src="http://forums.macg.co/img/ala.gif" alt="" height="23" width="8" border="0" /></div>
<div style="position:absolute;top:807px;left:631px;width:105px;height:24px;" csgroup="16394E54">
<a onclick="CSAction(new Array(/*CMP*/'c97a08a40'));return CSClickReturn()" onmouseup="changeImages('aoa','../img/aoa.gif');return true" onmouseover="changeImages('aoa','../img/aob.gif');return true" onmouseout="changeImages('aoa','../img/aoa.gif');return true" href="#" csclick="c97a08a40"><img id="aoa" src="http://forums.macg.co/img/aoa.gif" alt="" name="aoa" height="24" width="105" border="0" /></a></div>
<div style="position:absolute;top:807px;left:744px;width:8px;height:23px;" csgroup="16394E54">
<img src="http://forums.macg.co/img/alb.gif" alt="" height="23" width="8" border="0" /></div>
<div style="position:absolute;top:807px;left:793px;width:8px;height:23px;" csgroup="16394E54">
<img src="http://forums.macg.co/img/ala.gif" alt="" height="23" width="8" border="0" /></div>
<div style="position:absolute;top:807px;left:809px;width:43px;height:24px;" csgroup="16394E54">
<a onmouseup="changeImages('apa','../img/apa.gif');return true" onmouseover="changeImages('apa','../img/apb.gif');return true" onmouseout="changeImages('apa','../img/apa.gif');return true" href="http://netzpec.over-blog.com/articles-blog.html" target="_blank"><img id="apa" src="http://forums.macg.co/img/apa.gif" alt="" name="apa" height="24" width="43" border="0" /></a></div>
<div style="position:absolute;top:807px;left:861px;width:8px;height:23px;" csgroup="16394E54">
<img src="http://forums.macg.co/img/alb.gif" alt="" height="23" width="8" border="0" /></div>
</div>
<div id="menu" style="position:absolute;top:809px;left:327px;>
<ul id="menu">

<li> <a href="#1">facebook</a>

<ul class="menuderoulant">

<li><a href="http://www.facebook.com/#!/ofaj.dfjw" target="blank">OFAJ &#8226; DFJW</a></li>

<li><a href="http://www.facebook.com/#!/group.php?gid=103496313016671" target="blank">Peuple & culture</a></li>

<li><a href="http://www.facebook.com/#!/pages/Interkulturelles-Netzwerk-eV/369862947856" target="blank">Interkulturelles Netzwerk</a></li>

</ul>
</li>
</ul>
</div>
</body>

</html>