Mise en page iPad CSS avec Modes Portrait Paysage
Cette disposition a été conçu pour tirer parti de ses deux modes d’orientation (paysage et portrait) pour iPad . Ouvrir cette page de démonstration dans Safari sur votre iPad : http://www.culturemediatic.fr/demos...
100% Pure CSS Aucun hack CSS n’a été utilisé dans cette disposition. Un mélange de codes et de positionnement relatif est tout ce qu’il faut pour les divs structurelles. Cette méthode fonctionne pour tous les navigateurs les plus courants. No JavaScript JavaScript n’est pas nécessaire pour faire fonctionner cette mise en page sur l’iPad ou un autre navigateur. Le basculement entre les dispositions portrait et paysage sont faits avec du pur CSS. Pas d’images Cette disposition ne nécessite pas d’image. Beaucoup de conceptions de site Web CSS ont besoin d’images afin de coloriser les milieux colonne, mais ce n’est pas nécessaire avec cette conception. SEO friendly Le plus important pour le référencement est dans votre code de page : il est considéré par les algorithmes des moteurs de recherche. Pour rendre votre site le plus rationnellement possible, le contenu de votre page principale doit passer avant toute colonnes latérales. Cette disposition fait exactement cela. Couleurs d’arrière plan sur toute la longueur En mode paysage les couleurs de fond des deux colonnes sont toujours étirés à la longueur de la colonne le plus longue . Vous pouvez lire mon article sur les colonnes de hauteur égale, si vous voulez voir comment cela se fait. Compatible pour les textes redimensionnables Cette disposition est entièrement compatible avec le texte redimensionnable. Le texte redimensionnable est important pour l’accessibilité du Web - des gens qui sont malvoyants peuvent rendre le texte plus gros ; il est donc plus facile pour eux de lire. Valid XHTML strict Le code HTML dans cette mise en page est validée XHTML 1.0 strict. Compatible pour les menus centrés Cette disposition est entièrement compatible avec les menus centré.
Pour l’Iphone, démonstration ici : http://www.culturemediatic.fr/?page... (A ouvrir avec safari ou votre IPHONE
- CSS - Cascading Style Sheets
- Créer un formulaire mail avec Captcha
- Découpage et Codage en XHTML/CSS
- Où est ma transparence ? Navigateur Obsolète
- Construction des pages
- Les commentaires conditionnels pour Internet Explorer
- Optimiser les performances de son site
- Personnaliser sa page Twitter
- Créer une page à onglets
- Convertir les photos en images vectorielles
