12 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[RESOLU] positionnement de plusieurs objets en CSS

 
n°373833
oc_alex86
1100001001
Profil : Habitué(e)
Posté le 15-09-2005 à 09:28:19  profilanswer
 

Bonjour,
je vais de nouveau vous embêter avec mon site et le CSS  ;)  
Une autre partie de mon site comporte 2 cadres en CSS : 1 qui est à gauche avec une image et un petit texte(.image), et un autre à droite avec le texte principal(.texte).  
Le positionnement est parfait en résolution 1024 x 768, mais si je la change, ça devient catastrophique: les 2 cadres se supperposent.  
Voici le lien du site.  J'ai mis un cadre en noir pour mieux voir.
www.nouvjur.com/etude/test2.htm
et voici mon script CSS :
.texte {
 font-family: garamond;
 font-size: 112%;
 position:absolute; top: 130;
 background-color:#ffffff;
 text-align: justify;
 color:#000000;
 padding:30px;
 width:60%;
 left:30%;
 }
 .image{
 font-family: garamond;
 font-size: 100%;
 position:absolute; top: 130;
 padding-left:4px;
 background-color:#000000;
 text-align: center;
 color:#ffffff;
 
 }
J'ai aussi essayé ça :
.texte {
left:50% ;  
 margin-left:-150;
}
 
Merci pour vos réponses


Message édité par oc_alex86 le 18-09-2005 à 12:54:31
mood
Publicité
Posté le 15-09-2005 à 09:28:19  profilanswer
 

n°373834
djai
Profil : Inconnu(e)
Posté le 15-09-2005 à 10:27:33  profilanswer
 

Bonjour,
tu as dans .texte width:60%, et left:30%, peut être devrais tu définir egalement la taille de ta class image (genre 30%)?
Egalement pourquoi avoir mis la class image en absolute?


---------------
Je cherche des missions...
http://nicaise.jerome.free.fr
n°373835
oc_alex86
1100001001
Profil : Habitué(e)
Posté le 15-09-2005 à 11:02:58  profilanswer
 

Merci pour ta réponse :
j'ai appliqué tes conseils, j'ai mis  
.image {
width:31%;
}
alors là ça marche sous firefox en 800x600 ou en ouvrant les favoris mais pas sous IE. Sinon autre problème : le texte à l'intérieur de ma classe image ne change pas de taille.


Message édité par oc_alex86 le 15-09-2005 à 11:09:40
n°373836
djai
Profil : Inconnu(e)
Posté le 15-09-2005 à 11:18:27  profilanswer
 

Quand tu redimensionnes ta fenetre, il te redimensionne tes div puisque leur taille est défini en %, mais le probleme actuel vient du fait que quand le navigateur te redimensionne ta fenetre, il ne coupe pas les mots, donc sous IE par exemple ton bloc ne se réduira pas en plus petit que la taille du BIENVENUE.


---------------
Je cherche des missions...
http://nicaise.jerome.free.fr
n°373837
oc_alex86
1100001001
Profil : Habitué(e)
Posté le 15-09-2005 à 11:22:13  profilanswer
 

d'accord, et comment régler la taille de bienvenue en fonction de la taille de la fenêtre ?

n°373838
djai
Profil : Inconnu(e)
Posté le 15-09-2005 à 13:05:18  profilanswer
 

oc_alex86 a écrit :

d'accord, et comment régler la taille de bienvenue en fonction de la taille de la fenêtre ?


Perso je te dirais que ce n'est pas possible puisque les tailles de polices ne sont pas définit en fonction de la taille de leur conteneur. Mais peut être existe t il une solution que je n'ai jamais vu.
Tu as deja vu ça sur un site ?
(Autre remarque, ton menu ne se déplace pas quand on redimensionne la fenetre, peut etre pourrait tu l'aligner à gauche?)
 


---------------
Je cherche des missions...
http://nicaise.jerome.free.fr
n°373849
boby79
Cogito ergo sum
Profil : Célèbre
Posté le 15-09-2005 à 21:03:39  profilanswer
 

oc_alex86 a écrit :

d'accord, et comment régler la taille de bienvenue en fonction de la taille de la fenêtre ?


 

djai a écrit :

Perso je te dirais que ce n'est pas possible puisque les tailles de polices ne sont pas définit en fonction de la taille de leur conteneur. Mais peut être existe t il une solution que je n'ai jamais vu.
Tu as deja vu ça sur un site ?
(Autre remarque, ton menu ne se déplace pas quand on redimensionne la fenetre, peut etre pourrait tu l'aligner à gauche?)


 
La solution c'est de mettre ce 'Bienvenue' au format image, rustique mais efficace  :D


---------------
Gutta cavat lapidem non vi, sed sæpe cadendo
n°373891
oc_alex86
1100001001
Profil : Habitué(e)
Posté le 16-09-2005 à 15:03:11  profilanswer
 

Tout d'abbord, merci pour vos réponses. Je vais appliquer la solution de boby 79 pour le bienvenue.  
Edit d'oc_alex86 et ça marche nikel merci  :jap:
 
Par contre pour le menu, c'est embêtant : j'utilise le menu de  
http://iubito.free.fr/prog/menu.php et la seule solution pour le décaler un peu sur la droite c'est de trafiquer un peu le javascript. Mais je en comprends pas pourquoi il ne se déplace pas. Tu penses qu'il serait mieux aligné à gauche ?


Message édité par oc_alex86 le 16-09-2005 à 15:22:40
n°373895
djai
Profil : Inconnu(e)
Posté le 16-09-2005 à 16:13:42  profilanswer
 

J'utilise aussi son menu, et comme il ne se replace pas quand on redimensionne la fenetre, il serai pas mal de le mettre à gauche  histoire que les petites résolutions n'aient pas à se servir continuellement de l'ascenseur horizontal. Essai ton site en 800/600 et ce serait l'ideal si il y rentre.
Mais bon aucune obligation.
Par contre pense à la propriété alt des images pour que les personnes n'affichant pas les images aient un texte de remplacement(surtout pour les images informatives comme l'adresse).
bonne continuation


---------------
Je cherche des missions...
http://nicaise.jerome.free.fr
n°373896
oc_alex86
1100001001
Profil : Habitué(e)
Posté le 16-09-2005 à 16:24:33  profilanswer
 

ok merci pour tes réponses

n°373905
boby79
Cogito ergo sum
Profil : Célèbre
Posté le 16-09-2005 à 21:23:49  profilanswer
 

oc_alex86 a écrit :

Tout d'abbord, merci pour vos réponses. Je vais appliquer la solution de boby 79 pour le bienvenue.  
et ça marche nikel merci  :jap:
 


 
 :jap:  


---------------
Gutta cavat lapidem non vi, sed sæpe cadendo

Aller à :
Ajouter une réponse
 


Hit-Parade des sites francophones