Programmation Responsive

Programmation Responsive - HTML/CSS - Programmation

Marsh Posté le 07-02-2015 à 20:37:55    

Bonjour,
 
je suis en train d'essayer de programmer mon footer sur la page suivante:
http://testwebsite.physio-in-esslingen.de/
 
Plus exactement je souhaiterais programmer mes coordonnées afin que les mots ne se séparent pas lors d'un changement de résolution d'écran p.e. sur un portable.
 
Sur un ordinateur les coordonnées s'affichent comme ceci:  
Physio in Esslingen     Richard-Hirschmann-Straße 15  73728 Esslingen am Neckar    Tel. 0711/ 6868 41 65
 
Je souhaiterais qu'ils s'affichent comme cela:
Physio in Esslingen     Richard-Hirschmann-Straße 15
73728 Esslingen am Neckar    Tel. 0711/ 6868 41 65
 Sur une tablette.
 
Et comme ceci:
Physio in Esslingen
Richard-Hirschmann-Straße 15
73728 Esslingen am Neckar
Tel. 0711/ 6868 41 65
Sur un Portable.
 
J'ai essayer de programmer tout ceci avec des span mais sans succès est ce que quelqu'un pourrait me venir en aide?
 
Merci.

Reply

Marsh Posté le 07-02-2015 à 20:37:55   

Reply

Marsh Posté le 09-02-2015 à 13:49:27    

Je pense mais je suis pas certain.
 
Tu dois appelé différents feuille css pour ton index.HTML
En fonction de la résolution de l user
 
Edit: j ai trouver ceci:
http://www.alsacreations.com/artic [...] eries.html


Message édité par CooKKarachA le 09-02-2015 à 13:56:39
Reply

Marsh Posté le 18-02-2015 à 18:31:19    

J'ai programmé ca comme ca en fin de compte:
    <div class='row-fluid.span3'><h5>Physio in Esslingen</h5></div>
                <div class='row-fluid.span3'><h5>Richard-Hirschmann-Straße 15</h5></div>
    <div class='row-fluid.span3'><h5>73728 Esslingen am Neckar</h5></div>
    <div class='row-fluid.span3'><h5>Tel. 0711/6868 41 65</h5></div>

Reply

Marsh Posté le 18-02-2015 à 21:50:01    

Il faut utiliser des media query : http://www.alsacreations.com/artic [...] eries.html
 
ou alors , utiliser un framework comme foundation5 , bootstrap3 qui encapsule ça pour toi


---------------

Reply

Marsh Posté le 19-02-2015 à 08:06:52    

Ok oui je l'ai fait avec bootsrap et ca fonctionne.
Merci

Reply

Marsh Posté le 20-04-2015 à 16:53:20    

Je suis président de l'agence web http://www.alliancebambou.com et je pourrais avoir besoin de programmeurs pour convertir des sites web existants et responsive design sans devoir le refaire au complet.
 
Est-ce que vous avez les compétences pour cela?
Et combien cela pourrait-il me coûter pour un site de 6-8 pages, bilingue ?

Reply

Marsh Posté le 23-06-2015 à 13:50:01    

Salut seseba alors d'abord je te conseil de te mettre sur la dernier version de bootstrap et donc après le mieux c'est de faire des classe pour chaque taille lg (large) md (medium) sm(smal) xs(exstra small)
le but est de faire des classe pour chaque média utiliser  
par exemple voici une div responsive :
http://i.gyazo.com/383a18dd1c127ac [...] 2a0097.png
la suite :  
http://gyazo.com/82b8998fb5f8457b7293574ad50a85a9
 
et en réel : http://horyzon.eu/sabrimjahed/
 
si tu n'y arrive pas ajoute moi sur skype :D loky945

Reply

Marsh Posté le 23-06-2015 à 13:51:30    

jack7574 a écrit :

Je suis président de l'agence web http://www.alliancebambou.com et je pourrais avoir besoin de programmeurs pour convertir des sites web existants et responsive design sans devoir le refaire au complet.
 
Est-ce que vous avez les compétences pour cela?
Et combien cela pourrait-il me coûter pour un site de 6-8 pages, bilingue ?


 
Salut jack je suis disponible (en vacance ) ajoute moi sur mon skype si tu est toujours intéresser

Reply

Marsh Posté le 23-06-2015 à 13:51:30    

jack7574 a écrit :

Je suis président de l'agence web http://www.alliancebambou.com et je pourrais avoir besoin de programmeurs pour convertir des sites web existants et responsive design sans devoir le refaire au complet.
 
Est-ce que vous avez les compétences pour cela?
Et combien cela pourrait-il me coûter pour un site de 6-8 pages, bilingue ?


 
Salut jack je suis disponible (en vacance ) ajoute moi sur mon skype si tu est toujours intéresser

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed