Loading...
« previous topic   next topic »
Pages: [1] 2 3 ... 8   Go Down
Author Topic: Questions sur le html  (Read 4597 times)
0 Members and 1 Guest are viewing this topic.
numero_744
France, Lyon 6°
Offline Offline
Full Member
***
Karma: 0
Posts: 144
View Profile
« on: October 07, 2012, 01:54:58 pm »
 Bigger Bigger Smaller Smaller Reset Reset
Bonjour, c'est juste pour une petite question sur le HTML :
Quelle balise permet d'afficher une barre qui reste en haut de l'écran (comme la grise sur cette page même)
Merci !
« Last Edit: October 08, 2012, 01:43:43 pm by numero_744 » Logged
- Arduino UNO R3;
- PowerBook G4;
  - Arduino (C)
  - Eclipse (Java)
  - wxLua (µLua)
  - TextWrangler (HTML + JS)
- (3)DS et bientôt R4 (pour créer, pas télécharger !)
- Ethenet Shield;
- Proto Shield*;

* : En cours de transformation en Vusb + TVout

Jean-François
Forum Moderator
Geneva
Offline Offline
Faraday Member
*****
Karma: 22
Posts: 2894
Yoplait... le pt'it suisse
View Profile
WWW
« Reply #1 on: October 07, 2012, 02:02:36 pm »
 Bigger Bigger Smaller Smaller Reset Reset
C'est plutôt du coté de CSS qu'il faut regarder.
Logged
MacBook intel core 2 duo  os X snow Leopard 10.6
eMac PPc G4  os X Leopard 10.5
powerbook G4 os X Leopard 10.5
imac PPC G3 os X Panther 10.3.9

Arduino Diecimila
Arduino Mega
Arduino Standalone

Arduino 1307.04



numero_744
France, Lyon 6°
Offline Offline
Full Member
***
Karma: 0
Posts: 144
View Profile
« Reply #2 on: October 07, 2012, 02:04:30 pm »
 Bigger Bigger Smaller Smaller Reset Reset
CSS ?
Logged
- Arduino UNO R3;
- PowerBook G4;
  - Arduino (C)
  - Eclipse (Java)
  - wxLua (µLua)
  - TextWrangler (HTML + JS)
- (3)DS et bientôt R4 (pour créer, pas télécharger !)
- Ethenet Shield;
- Proto Shield*;

* : En cours de transformation en Vusb + TVout

Jean-François
Forum Moderator
Geneva
Offline Offline
Faraday Member
*****
Karma: 22
Posts: 2894
Yoplait... le pt'it suisse
View Profile
WWW
« Reply #3 on: October 07, 2012, 02:10:21 pm »
 Bigger Bigger Smaller Smaller Reset Reset
http://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade
Logged
MacBook intel core 2 duo  os X snow Leopard 10.6
eMac PPc G4  os X Leopard 10.5
powerbook G4 os X Leopard 10.5
imac PPC G3 os X Panther 10.3.9

Arduino Diecimila
Arduino Mega
Arduino Standalone

Arduino 1307.04



numero_744
France, Lyon 6°
Offline Offline
Full Member
***
Karma: 0
Posts: 144
View Profile
« Reply #4 on: October 07, 2012, 02:20:51 pm »
 Bigger Bigger Smaller Smaller Reset Reset
Merci, j'ai commencé à lire mais je ne comprend rien du tout.
Je lirai ça au plus vite et une fois reposé (il est tard...).
@ceux qui lisent : n'hésitez pas à poser vos questions sur le code HTML (ou ce dont vous croyez en être).
Logged
- Arduino UNO R3;
- PowerBook G4;
  - Arduino (C)
  - Eclipse (Java)
  - wxLua (µLua)
  - TextWrangler (HTML + JS)
- (3)DS et bientôt R4 (pour créer, pas télécharger !)
- Ethenet Shield;
- Proto Shield*;

* : En cours de transformation en Vusb + TVout

Jean-François
Forum Moderator
Geneva
Offline Offline
Faraday Member
*****
Karma: 22
Posts: 2894
Yoplait... le pt'it suisse
View Profile
WWW
« Reply #5 on: October 07, 2012, 02:24:47 pm »
 Bigger Bigger Smaller Smaller Reset Reset
En gros.

Le html, c'est l'affichage de tes textes et de tes images.

Le Css c'est un ensemble de boites dans lesquels tu mets tes textes et tes images.

Tu va définir ensuite en Css si tu mets des roulettes sous tes boites pour qu'elles se déplacent ou si tu va les visser contre un mur ou dans un coin de ta chambre  

smiley-lol
Logged
MacBook intel core 2 duo  os X snow Leopard 10.6
eMac PPc G4  os X Leopard 10.5
powerbook G4 os X Leopard 10.5
imac PPC G3 os X Panther 10.3.9

Arduino Diecimila
Arduino Mega
Arduino Standalone

Arduino 1307.04



piif
Offline Offline
Newbie
*
Karma: 0
Posts: 14
pourquoi ça marche pas heuuuuuu
View Profile
« Reply #6 on: October 07, 2012, 02:57:07 pm »
 Bigger Bigger Smaller Smaller Reset Reset
Quote from: numero_744 on October 07, 2012, 01:54:58 pm
Quelle balise permet d'afficher une barre qui reste en haut de l'écran (comme la grise sur cette page même)

Solution "rapide et crade" : n'importe quelle balise avec l'attribut style="position: fixed; left:0; top:0;"
Mais comme dit dans les réponses précédentes, il est plus propre de spécifier ce genre de choses dans un bloc <style> à part afin de séparer le fond de la forme
Logged

skywodd
France
Offline Offline
Faraday Member
**
Karma: 36
Posts: 4451
Arduino Hacker
View Profile
WWW
« Reply #7 on: October 08, 2012, 12:07:40 pm »
 Bigger Bigger Smaller Smaller Reset Reset
Bonjour,

Le meilleur moyen d'avoir une barre d'en-tête fixe c'est d'utiliser un fichier CSS.

Tutoriel (en anglais) :
http://www.noobcube.com/tutorials/html-css/fixed-header-footer-layout-a-beginners-guide-/

Html :
Code:
<!DOCTYPE html>
<html>
    <head>
        <title>Exemple</title>
        <link rel="stylesheet" href="css/main.css" type="text/css" media="screen">
    </head>
    <body>
        <div id="header">Hello World</div>
    </body>
</html>

Css :
Code:
#header {
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    display:none;
}
Logged
Des news, des tuto et plein de bonne chose sur http://skyduino.wordpress.com !

numero_744
France, Lyon 6°
Offline Offline
Full Member
***
Karma: 0
Posts: 144
View Profile
« Reply #8 on: October 08, 2012, 12:43:15 pm »
 Bigger Bigger Smaller Smaller Reset Reset
Je fais mon HTML avec <Nvu>.
Puis-je faire le CSS avec ce même logiciel ?

Si le CSS est un fichier à part, comment l'envoyer avec le shield Ethernet ?
Logged
- Arduino UNO R3;
- PowerBook G4;
  - Arduino (C)
  - Eclipse (Java)
  - wxLua (µLua)
  - TextWrangler (HTML + JS)
- (3)DS et bientôt R4 (pour créer, pas télécharger !)
- Ethenet Shield;
- Proto Shield*;

* : En cours de transformation en Vusb + TVout

fdufnews
France
Offline Offline
Edison Member
*
Karma: 14
Posts: 1841
There is an Arduino for that
View Profile
« Reply #9 on: October 08, 2012, 02:41:26 pm »
 Bigger Bigger Smaller Smaller Reset Reset
On peut aussi inclure les styles dans le code HTML. C'est moins rigoureux mais c'est permis.

Code:
<!DOCTYPE html>
<html>
    <head>
        <title>Exemple</title>
        <STYLE type="text/css">
            #header {   position: fixed;
                          top:0;
                         left:0;
                       width:100%;
                      display:none;}
        </STYLE>
    </head>
    <body>
        <div id="header">Hello World</div>
    </body>
</html>
« Last Edit: October 08, 2012, 02:42:58 pm by fdufnews » Logged

infobarquee
Offline Offline
God Member
*****
Karma: 4
Posts: 931
View Profile
WWW
« Reply #10 on: October 08, 2012, 02:42:35 pm »
 Bigger Bigger Smaller Smaller Reset Reset
bonjour,
sans utiliser de css, il y a une solution plus simple et qui fonctionne sans problème avec le shield ethernet.
utilise la balise table
un petit site sympa http://www.aliasdmc.fr/balise/zone_html_table.html
Logged

numero_744
France, Lyon 6°
Offline Offline
Full Member
***
Karma: 0
Posts: 144
View Profile
« Reply #11 on: October 08, 2012, 02:58:45 pm »
 Bigger Bigger Smaller Smaller Reset Reset
Je connaissais déjà www.lehtml.com/htmlplus/idxform.htm mais je ne savais pas qu'il parlait du CSS...
Pour simplifier, je vais prendre la solution de piif (merci).
@infobarquee <table> sert pour mettre les tableaux, non ?

Question n°2 : Comment afficher la fin d'une page directement (comme #new sur ce forum) mais avec une balise HTML ?
Question n°3 : Est-ce que l'on peut mettre <META HTTP-EQUIV="Refresh" CONTENT="0"> pour effacer une page qui est en "chargement permanent" (en absence de client.stop();) et réécrire dessus ?

Merci !
Logged
- Arduino UNO R3;
- PowerBook G4;
  - Arduino (C)
  - Eclipse (Java)
  - wxLua (µLua)
  - TextWrangler (HTML + JS)
- (3)DS et bientôt R4 (pour créer, pas télécharger !)
- Ethenet Shield;
- Proto Shield*;

* : En cours de transformation en Vusb + TVout

infobarquee
Offline Offline
God Member
*****
Karma: 4
Posts: 931
View Profile
WWW
« Reply #12 on: October 08, 2012, 03:35:16 pm »
 Bigger Bigger Smaller Smaller Reset Reset
Quote from: numero_744 on October 08, 2012, 02:58:45 pm
Je connaissais déjà www.lehtml.com/htmlplus/idxform.htm mais je ne savais pas qu'il parlait du CSS...
Pour simplifier, je vais prendre la solution de piif (merci).
@infobarquee <table> sert pour mettre les tableaux, non ?

Question n°2 : Comment afficher la fin d'une page directement (comme #new sur ce forum) mais avec une balise HTML ?
Question n°3 : Est-ce que l'on peut mettre <META HTTP-EQUIV="Refresh" CONTENT="0"> pour effacer une page qui est en "chargement permanent" (en absence de client.stop()smiley-wink et réécrire dessus ?

Merci !

oui, ca sert pour les tableaux, mais rien n'empeche de l'utiliser pour mettre du texte, sans afficher les bordures (border=0)
question2 : ???????
question3 : tout dépend de ce que tu veux faire exactement, mais n'oublie pas d'échapper les " ( \"), ca efface pas la page, ca la recharge en permanence.

ca serait plus simple de dire ce que tu veux faire exactement, car c'est un peux flou
Logged

barbudor
Ile-de-France (92 sud), France
Offline Offline
Edison Member
*
Karma: 22
Posts: 1817
View Profile
WWW
« Reply #13 on: October 08, 2012, 04:53:16 pm »
 Bigger Bigger Smaller Smaller Reset Reset
Quote from: numero_744 on October 08, 2012, 02:58:45 pm
Question n°2 : Comment afficher la fin d'une page directement (comme #new sur ce forum) mais avec une balise HTML ?

Si on charge http://xxxx/toto.html#balise
Le navigateur va se positionner directement sur la balise <A  name="balise"></A>

Quote
Question n°3 : Est-ce que l'on peut mettre <META HTTP-EQUIV="Refresh" CONTENT="0"> pour effacer une page qui est en "chargement permanent" (en absence de client.stop()smiley-wink et réécrire dessus ?

Je suis pas sur de comprendre. Avec CONTENT=0 la page va se recharger immédiatement.
A quoi fais tu référence avec client.stop(); ? Au code Arduino ?
« Last Edit: October 09, 2012, 04:01:30 pm by barbudor » Logged
Barbuduino: Arduino sur Breadboard & VinciDuino: Clone Leonardo // WR703: Mini-routeur hacké // LauchPad MSP430 et Stellaris // Panda II Arduino-like .NetMF sous VisualC#
RTFC: Read That F.....g Code / RTFD: Read That F.....g Doc / RTFDS: Read That F.....g DataSheet / RTFS: Read That F.....g Schematic / Wot da ya wanna D.I.Y. today ?

numero_744
France, Lyon 6°
Offline Offline
Full Member
***
Karma: 0
Posts: 144
View Profile
« Reply #14 on: October 09, 2012, 12:50:00 pm »
 Bigger Bigger Smaller Smaller Reset Reset
client.stop(); -> code C
Question n°3 : Le browser reçoit un code source HTML, mais en absence de client.stop(); le chargement ne finit pas.
Si on met un refresh (dans le HTML), le browser va-t-il :
- couper la connexion;
- tout effacer (dont la balise refresh);
- redémarrer la connexion;
- recueillir le code source HTML;

Merci.
Logged
- Arduino UNO R3;
- PowerBook G4;
  - Arduino (C)
  - Eclipse (Java)
  - wxLua (µLua)
  - TextWrangler (HTML + JS)
- (3)DS et bientôt R4 (pour créer, pas télécharger !)
- Ethenet Shield;
- Proto Shield*;

* : En cours de transformation en Vusb + TVout

Pages: [1] 2 3 ... 8   Go Up
Print
« previous topic   next topic »
 
Jump to: