18041 sujets

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

Site horizontal-gérer les adaptations d'écrans

Bonjour,
j'ai un petit soucis :
comment régler l'adaptation d'écran sur un site horizontal?
en effet la largeur de mon site est de 3900px, avec trois rubriques différentes de chacune 1300px;
cela marche très bien sur un écran de 13 pouces mais pas du tout sur les autres écrans...
quelqu'un aurait-il la solution?
merci ! Smiley smile
Bonjour,

Comment as-tu mis en place tes trois rubriques ? Par des div ? Une liste ? Et quel est le problème exact ?

Un peu plus de précisions seraient bienvenues Smiley cligne
alors j'ai mis des div : trois de 1300 px chacune avec des encres pour aller de rubriques en rubriques. du coup sur un petit écran c'est parfait, ma première page ( premier div portfolio) s'affiche bien puis quand je passe a la div : cv et book, c'est parfait mais sur un grand ecran on vois la div portfolio et une partie de la div cv et book.
le tout est dans un autre dic mais bien sur la width a 100% ne marche pas.

galére les sites horizontaux....
mimi9994 a écrit :
galére les sites horizontaux....
C'est surement une des raisons pour lesquelles il vaut mieux les éviter.
Bonjour à toutes et à tous,

ce que je ne comprends pas, c'est ce que représente tes 1300px (de large, je suppose) pour une div ?

Si c'est une dimension fixe, comme par exemple une taille d'image, à moins de la redimensionner, je ne vois pas de solutions.

Sinon, pourquoi ne pas récupérer la taille de la fenêtre intérieure (innerWidth & innerHeight) afin de construire ta page. De ce fait, elle aura toujours la bonne dimension sur chaque navigateur.

Peux-tu nous donner un lien vers ton site pour constater de visu les anomalies dont tu nous parles ?

@+
Dans ton cas le mieux serait :

Créer un truc interactif...

Et commencer par fixer une limite de 900-1000px pour ta partie toute à gauche, idem pour les deux autres avec des flèches de chaque coté , que ça fasse un effet book carrousel..


Adapter ton site aux résolutions d'écran revient à utiliser du javascript.
Autant ne pas faire les choses à moitié et utiliser mon idée citée ci-dessus ! Smiley langue

De plus il s'agit d'un site portfolio, il se doit d'être interactif !

Tiens si tu veux un bon slider ou tu pourra balancer plein de HTML dedans, tu as celui ci :

http://bxslider.com/

A toi de l'adapter, ne te fie pas au design, il est très puissant avec ses callback de fou!
Modifié par phpCbien (29 May 2012 - 15:21)
Autre chose

1:Change ton doctype en 
<!DOCTYPE html>
! Si un jour tu passes en HTML5 sinon garde le transitional pour tes 
target=_self
mais bon !
2:
Remplace
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>


Par

http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js


ou

http://code.jquery.com/jquery-latest.min.js


3:euh répare ta structure HTML Smiley lol
Sujet clos
Aller à