Coucou,

Je voulais savoir si quelqu'un pouvait m'aider sur un détails qui me turlupine concernant l'écart des liens dans mon index.html, j'explique :

Je n'arrive pas à trouver le code qui permet de mettre tantôt quelques liens à l'extrême gauche, et tantôt à l'extrême droite tout en restant sur la même ligne ? (j'espère que vous me suivez..?) Faut que ça soit homogène de sorte à ce que ça puisse s'adapter à toutes les résolutions.

j'édite via namo.

Merci de m'aider

salut,
 
http://www.google.fr/search?q=positionnement+css

Merci pataluc, justement, je connais un minimum, voici mon code :
 

 
Mais rien à faire, les deux liens sur la droite saute une ligne et du coup ce n'est plus sur la même ligne que les liens qui se trouvent sur la gauche

Je crois que "un minimum" est le mot qui convient    
L'intérêt du CSS, c'est de séparer les information de contnu de la présentation.
 
Et affirmer que tu "connais" le CSS, quand (entre autres) tu précises à chaque balise que tu utilise une police Arial taille 2...    
 
Encore un exemple ? où as-tu vu qu'on peux ouvrir un paragraphe à l'intérieur d'un autre paragraphe ? Et connais-tu les notions de "bloc" et "inline" ?

Heu, j'affirme que je connais un minimum, tu as bien fait de le rappeler. Cela-dit, j'ai pas trop le temps de faire quelque chose de bien propre, je cherche juste une solution à mon problème de départ.
 
Sinon, pour l'instant la mise en page me convient (je le rappel aussi, j'édite avec namo, faire avec le bloc note en séparant le css du html me prendrai trop de temps)

En gros :
- Tu estimes avoir des connaissances de base en HTML/CSS
- Tu n'as pas le temps => tu ponds une daube.
- Malgré tes "connaissances de base" tu ne sais pas corriger ton problème.
- Tu voudrais qu'on te le corriges.
   
 
Namo n'est pas capable de positionner des éléments là où tu lui demandes de les mettre ?
Je t'ai donné des pistes (erreurs de balises, bloc/inline), à toi de jouer.  

t sur que tu connais ces liens? ton code est trèèèèès loin de ressembler aux exemples d'openweb ou d'alsacreation...
 
[HS]les balises font, c'est crade, il faut utiliser du css...
 

 
ca, ca marche et c'est propre au sens html moins moche.
 
[EDIT] +1 macgawel: si namo, en plus de pondre du code à vomir, n'est pas capable de faire ce genre de positionnement, tu peux changer d'éditeur...  

Tu fais deux listes, une qui flotte qui à droite, l'autre à gauche.
Mais il est certain que tu peux mettre tout ton code à la poubelle en même temps que Namo si c'est le logiciel qui te produit un tel code.

[HS] j'aime quand des réponses font autant l'unanimité...

 
Beurk    
Je ne te souhaite d'avoir un handicap et de surfer en mode texte.
C'est pourtant simple, dès que tu as deux liens, tu dois faire une liste, et retirer les | du html

En fait sur namo je fais tout en mode "édition" et parfois j'vais voir ce qui s'y passe dans "html" donc oui, namo me fait un gros bordel ! grr

Travailles directement en mode "Source" (et tant qu'à faire, avec un bête éditeur à coloration syntaxique genre Notepad++). tu économiseras du temps, plutôt que devoir corriger un code immonde.
Ou alors, utilises Namo en mode "édition" et ne vas pas voir le code...

 
ouep autant pour moi, c'est vrai que htmleument parlant c'est sans doute mieux, mais pt de vue accessibilité c'est pas terrible non plus...
 
 
qqchose comme ca, ca doit etre mieux:
 

Justement macgawel, j'veux bien l'utiliser en mode "édition" mais je me heurte à ce problème de lien.

du coup c'est bien ce qu'on disait, quite a prendre un soft qui pond du code à caractère vomitif, autant en prendre un qui tant qu'a faire, est capable de faire ce que tu lui demande...

Ok, bon alors j'opte pour notepad++. Pis tant qu'à faire, pour aller dans le Mr propre de la propreté, je vais séparer le css du html comme ça je vais mieux m'y retrouver.

Je n'arrive pas à trouver comment séparer le texte des liens mais en les laissant sur la même ligne...?

Commence par lire le code de cette liste, ensuite les suivantes deviennent plus complexes.
http://css.maxdesign.com.au/listam [...] ntal01.htm

J'ai fait comme ça moi :
 

 
C'est bon aussi ?

Ben non.
Le code html donnée sur listomatic est celui à adopter
http://www.w3.org/QA/Tips/unordered-lists

Bizarre, j'ai mis ce code est contrairement à ma méthode, les liens ne s'affichent pas tout en haut mais il y a une marge et même avec "padding-top: 0px, margin-top: 0px," rien y fait

Lien1 Lien2 Lien3 Lien4 Lien5                                                                                                                                                                    Lien6 Lien7

C'est comme ça que j'aimerai que ça se présente. Les 5 premiers liens doivent se trouver au maximum en haut et à gauche, et les deux autres au maximum en haut et à droite

C'est plus facile de t'aider si tu donnes le code html/css
Mais sinon, retire le float:left de la liste de gauche.
Comme le ul fait 100% par défaut, il va jusqu'au bout, et donc la liste de droite passe en dessous.

Le code html/css est à cette adresse : http://css.maxdesign.com.au/listam [...] ntal01.htm
 

J'ai réussi à écarter les liens mais je ne trouve pas le code qui permet de metre tout en haut sans espace :
 

 
 
 
 
J'ai trouvé (CSS édité, voir en rouge)

Je "but" sur autre chose :

j'aimerai non pas créer un formulaire, mais juste une zone de saisie, plus deux boutons légèrement espacés, centrés et collés sous la zone de saisie, voici les codes :

Avec le css, j'ai la zone de saisie bien centrée, mais les deux boutons, eux sont tellement serrés qu'ils se chevauchent, et ils se trouvent sur la gauche de la zone.

euh, t'es sur de ton css la? parce que le right et left je suis pas sur... ca sert pour du positionnement absolu ou fixe, et la t'en a pas...
 
sinon c normal que tes boutons soient serrés, tu leur mets une marge de -25px, c'est à dire que tu leur dis de se décaler de 25px à gauche...

Oui, effectivement, mais avec ce code css ma zone de saisie se trouve parfaitement au milieu, sans ça j'y arrive pas.

Les boutons aussi    
 
Dans ton CSS, tu définis une mise en page pour tous les input. C'est à dire la zone de texte, mais aussi les boutons...
 
Une solution vite fait : donne un ID à ta zone de texte pour appliquer le CSS uniquement à elle...

Justement, j'aimerai pouvoir définir une mise en page pour tous les input, mais je trouve pas

Changement de plan. Étant donné que la première page du site ne contient pratiquement pas de décor (j'aime la sobriété) exit le fichier css. Du coup, le peu de code css se trouvera dans l'html. Je cafouille beaucoup concernant les block, inline, etc, ça me fait bondir sur pas mal de question, je vais y aller par étape :

1ère question : heu, voici le code avant :

Ce code me crée donc 4 liens horizontaux, ma question est; comment rajouter juste un mot, à coté du premier lien "blablabla1" tout en pouvant lui apporter un "font-size, font-weight, etc" sans influer sur les 4 liens ?

J'aimerai aussi rajouter à ces 4 liens, 2 autres liens mais à l'autre bout cette fois-ci, à l'extrême droite, comment ça peut se faire ?

Puis, comment mettre ce mot, ainsi que les 4 liens, bien en haut et sur la gauche de l'écran ?

Il est évident que je ne me contente pas de vous poser des questions, je trouve parfois certaines réponses car la majeure partie de mon temps c'est de rechercher et non attendre que l'on me donne la réponse.

Mon objectif c'est de faire quelque chose de super propre avec le moins de code possible, d'où ma présence ici, afin d'être au mieux renseigner par des pro du codage ^^ (petite séance émotive)

dans l'attente de vos réponses, "j'vous kiss la molaire"  

oups, à effacer (merci modo) ^^

up

up

up

personne pour m'aider ?

Les tables, faut éviter quand on peut. Préfère les div.
Et puis un code propre n'utilise jamais 3 fois de suite " ".
Je n'ai pas bien compris ce que tu voulais.
Peux-tu me faire 2 schéma sous paint avec en premier ce que tu as, et en second ce que tu veux ?
 
Merci

J'pensais au contraire, que les tableaux c'était mieux, bon alors allons-y pour les div, mais je maîtrise pas trop cette methode, en imaginant que je veuille positionner 3, voire 4 liens à un endroit bien précis, en voulant leur apporter un espace, une police et une taille, comment s'y prendre ?

Pour les " ".  en guise d'espacement, comment peut-on faire autrement ?

Voici un schéma de ce que j'aimerai faire :

J'aimerai que tout ça puissent être positionné tout en haut, et que la fine barre prenne toute la largeur de l'écran.

Je n'arrive pas à comprendre comment faire pour apporter un style différent à chacunes de ces images sans influencer les autres. Ce cas de figure, j'ai du mal à le comprendre et ça me pose problème avec toutes les autres balises (zone de texte, bouton, etc)
 
  Je mélange souvent entre <span>?</span> class, id, <DIV>... je ne sais pas qui correspond à quoi.

 
Edith : l'utilisation d'un fichier css étant fortement recommandée, te permettra de gérer les marges, les espaces, etc. proprement.

Arf, donc si j'utilise un fichier css, j'efface de mon code html cette ligne :

je la remplace par :

Ensuite dans un fichier css je marque :

?