XHTML & CSS probleme de design.
Résoluj'ai un problème au niveau du design de mon site je souhaiterai faire un design extensible mais je n'ai appris a faire qu'un design fixe...
mon site se compose d'un block principale qui englobe d'autres blocks , c'est ce block principale que je souhaiterai modifier pour qu'il se place automatiquement AU MILIEU du navigateur et non a gauche.
merci d'avance pour votre aide
--
intel core I7
Gigabyte EX58-UD3R
OCZ 6 GO /400 MHZ
RADEON HD 4890 (975/975 MHz)
SSD PATRIOT 64Go x2 ( RAID0 )
double ecran ASUS 26"/LG 20"
Configuration: windows 7 64bits intel core I7 Gigabyte EX58-UD3R OCZ 6 GO /400 MHZ RADEON HD 4890 (975/975 MHz) SSD PATRIOT 64Go x2 ( RAID0 ) double ecran ASUS 26"/LG 20"
32 réponses
Le problème central concerne le centrage automatique du bloc principal afin d'obtenir un design extensible, le bloc englobant les autres éléments et positionné initialement à gauche. Plusieurs propositions recommandent l'usage de pourcentages et de marges automatiques pour rendre le contenu adaptatif, notamment en centrant le corps avec margin: auto et en utilisant des largeurs en pourcentage. D'autres éléments discutent des détails techniques, comme l'absence de bordures parasites, l'exemple de CSS pour centrer des éléments et la préférence pour des solutions basées sur le CSS plutôt que du JavaScript. En complément, des suggestions portent sur le dimensionnement proportionnel et l'ajustement des marges pour éviter les décalages selon les navigateurs et paramètres d'affichage.
-
Alors,
code html :
<a href="mailto:laurjo@aliceadsl.fr"><img src="sensemaya1.png" alt="photo" title="cliquez ici"/></a>
code css:
.sensemaya
{position: absolute;bottom: 1%;left: 1%;}
mais je vois pas en quoi sa va t'aider , c'est simplement une balise qu'il me faut
--------------------------------------------------------------------------------------------
@Laurjo, ce qui m'a frappé dans ce post, c'est que tu n'avais pas mis l'appel à ta classe css sur ton image.
donc tu pouvais bien modifier la classe, rien ne se passait. mais c'est peut-être une simple erreur de recopie.
Pour le reste, on t'a déjà donné la réponse y a presque un mois :$
Tu peux également t'affranchir du border auto en mettant un événement javascript sur ton <img> qui se déclenche au clic. ainsi plus de balise <a>, plus de border. le code doit être quelque chose comme :onmousedown='window.location.href="mailto:laurjo@aliceadsl.fr"'
Si tu souhaites qu'on sache quand même qu'on peut cliquer sur l'image en la survolant, pense à rajouter pour ton <img> la propriété css :cursor:pointer;
-
avec grand plaisir ^^
je compte bien me mettre au php mais comme tu dis je vais attendre d'avoir plus d'assurance avec le html et le css je me régale déjà pas mal comme sa j'ai hate d'entamer de l'éléphant bleu :p
encore merci et bonne continuation aussi -
Oui il faut, bien sûr, que les terme "px" soit attaché au nombre dont il est question : ex "0px" ; "250px" ; etc.
C'est pour que ce soit plus lisible, mais j'aurais le préciser, excuse donc !
Oula je suis pas Webmaster BAC +5, je m'y essaie juste.
Je suis juste ingénieur designer 3D
Je bosse pour des sociétés, donc je suis interdit de publicité !
Maintenant je fais du PHP, et ouai =D
Et si tu veux un conseil, lorsque tu auras pris de l'assurance avec HTML/CSS, essai-toi au PHP/SQL
C'est de la turiiiiiiieeeeeeeeeee ( pardon ! )
Par contre je fais un site en local, si jamais on se revoit quand il sera fini, tu pourras jeter un coup d'oeil ;D
Bonne continuation ! -
effectivement la facon "html" marche , toutes mes excuses, et je ne contestais pas ta reponse seulement je voulai connaitre la facon CSS je suis debutant dans le domaine mais j'apprend tres vite et je compte bien me specialisé dedans, c'est pourquoi je "discute" les reponses.
ps: par contre une chose est sur border-width : 0 px ; ne marchera pas si le 0 n'est pas coller au px.
en tout cas merci lelLex pur tes lumières . tu m'a l'air bien calé sur le sujet tu aurai des exemple de sites que tu a construit pour voir le niveau ? -
bon d'accord je me suis craque, enfin je me suis mal exprime.
je recommence, il n'y a pas de difference entre la feuille de style css et les propriete css de l'html que l'on peut mettre en debut de page, dans head ou entre head et body, je ne sais plus. je parle au niveau des propriete : ex border, backgroud-color.
autrement c'est sur c'est bien different, excuse moi de ma mauvaise expression. -
Oulaaaaaaaaaaaaaaaaaaaaaaaaa :
il n'y à aucune différence entre HTML et CSS.
Gloups ! ah oh secouuuur de l'eau ! vite !
xD la même difference qu'entre l'anglais et le français et on ne dit pas : "il n'y à aucune différence entre anglais et français ." -
Le CSS c'est ta feuille de style autrement dit c'est pour faire beau. il n'y à aucune différence entre HTML et CSS.
Ce que tu viens de dire, ça veut rien dire !
Tu as un problème, je t'aide ( en plus tu es chanceux ce que je te donne ça marche ) et ça marche tout simplement car c'est cette balise et pas une autre !
Que tu fasse comme je viens de te le dire avant, ou que tu met :
.img { border-width : 0 px ; }
Ca revient au même !!!
La je rêve, si tu viens poster une question sur un forum, qu'on te répond et que tu dise, nan cette réponses là elle me plait pas ! C'est n'importe quoi !!!
Aller bonne continuation,
LelLex -
non non il est bien dis qu'on ne peut l'enlever qu'en CSS pas en html
-
C'est cette balise, tu l'as peut être mal placée !
Essaie ceci :
<a href="mailto:laurjo@aliceadsl.fr"><img src="sensemaya1.png" alt="photo" title="cliquez ici" style="border-width:0px;" /></a>
?? -
toujours pareil...
je ne pense pas que sa ai un rapport avec les bordures normal on dirai bien que c'est propre a une image cliquable.
y'avait de l'idée quand meme :)
je suis dégouter j'ai fini la page d'accueil je doit juste régler ce petit truc tout bête lol, au pire si vous trouvez pas je met un simple lien mais bon ...j'aimerai la connaitre cette foutu balise meme pour plus tard -
Le
border : none ;
fonctionne seulement pour les bordures simples.
Pour les bordures bleu, qui sont immondes j'en convient, autour de ta photo du met :border-width : 0px ;
C'est bon ? ;D -
c'est deja un class, et j'ai enlevé border : none; car sa ne changeai absolument rien c'est pour sa que je cherche une balise car toutes celles que je connais ne marchent pas.
et pourquoi je doit faire gaffe ? quesqu'il peut se passé ? -
ben pk dans ton style tu ne met pa : border : none ? aprés dans ta balise img tu utilse un class
.sensemaya
{position: absolute;bottom: 1%;left: 1%;
border: none;
}
<a href="mailto:laurjo@aliceadsl.fr"><img class = "sensemaya" src="sensemaya1.png" alt="photo" title="cliquez ici"/></a>
PS : fais gaffe a sa , laurjo@aliceadsl.fr.. dés fois ya d débile qui samuse a fair chier leur monde. cjust pour toi! -
alors,
code html :
<a href="mailto:laurjo@aliceadsl.fr"><img src="sensemaya1.png" alt="photo" title="cliquez ici"/></a>
code css:
.sensemaya
{position: absolute;bottom: 1%;left: 1%;}
mais je vois pas en quoi sa va t'aider , c'est simplement une balise qu'il me faut -
Avant sa tu pourrais montrer le code de ton images avec la partie css sil te plait
-
ok aten je vais regarder dans mn code si g un truc qui peut taider
-
non non il y est constamment , sur le siteduzero il dis que c'est normal qu'il apparaisse et qu'on peut l'enlever avec le CSS mais il ne dis pas comment ...
-
Ah mais atten je viens peut etre de percuter...
En fait ton cadre apparait lorsque ton curseur passe sur ton image ??? -
jme suis déjà retaper le tableau du siteduzero 4 fois et rien a faire XD mais jte remercie de ton aide quand meme
-
ok désolé dla vieille info XD. oui border: none est une bonne idée. Regarde bien si tu n'as pas une balise border qui traine. Sa peut être dus à sa.
- 1
- 2