Comment avoir 1 bloc à gauche et 2 autres à droite, dont un bas ?

Bonjour,

Je suis désolé de poser une question dont la réponse doit être vraiment simple, mais j'ai l'impression de devenir chèvre. Je sais, il doit y avoir des gens totalement allergiques à CSS... moi ça rentre pas du tout ! Donc j'ai consulté, en plus de mon psy, pas mal de pages très intéressantes, en particulier sur ce site (merci beaucoup, vraiment), mais je n'arrive pas à faire cette réalisation toute simple :

http://img516.imageshack.us/img516/8190/maquettelm3.jpg

C'est l'entête qui me pose problème.

1] Je n'arrive pas du tout à positionner le "texte 2" en bas à droite de l'entête.

2] comme montré sur le dessin, je voudrais que la couleur de fond de l'entête soit présente sur toute la largeur de la page et toute la hauteur du logo, plus une marge en dessous.

3] je voudrais que si les texte 1 et 2 grandissent, la hauteur de l'entête s'adapte (autrement dit, je ne voudrais pas fixer une hauteur d'entête en pixels).

Je suis sûr que c'est vraiment super simple, mais je dois être vraiment très allergique, ou stupide !

Merci de toute aide,

Mathieu

bonjour

en regroupant les elements par exemple:

<div>
 <h1><img LOGO></h1>
 <div>
    <p>ligne1</p>
    <p>ligne2</p>
 </div>
</div>

avec au minimum le h1 en float:left;

GC

<edit> apres relecture de ton post , peut-etre que ceci est plus adapté :

<div>
 <h1 flota:left><img LOGO></h1>

    <p flota:right>ligne1</p>
    <p clear a left et text-align a right>ligne2</p>

</div>

la seconde ligne passe a lors sous le logo et etire le conteneur.
</>
Modifié par gcyrillus (23 Aug 2007 - 16:32)

Bonjour, et merci de tenter le coup.

C'est pas mal du tout et vraiment très très simple. Mais, si le texte est un peu long, il saute à la ligne et du coup tout se décale... Donc ça rend beaucoup moins bien que ce que je voudrais

voir par exemple :

<div>
  <h1 style="float:left">Bonjour, et merci de tenter le coup.</h1>
  <p style="float:right">C'est pas mal du tout et vraiment très très simple. Mais, si le texte est un peu long, il saute à la ligne et du coup tout se décale...</p>
  <p style="clear:left;text-align:right">Donc ça rend beaucoup moins bien que ce que je voudrais  [decu]</p>
</div>

Edit : Qui plus est, je voudrais quand même que le texte d'en bas soit aligné sur le bas du logo, pas une ligne en dessous.

Edit 2 : c'est marrant, avec IE ça marche très bien...
Modifié par Mathcoz (23 Aug 2007 - 16:49)

Salut.

Je crois que la partie la plus dure est d'aligner le texte 2 en bas de l'entête et si c'est vraiment ce que tu veux tu vas avoir besoin d'un tableau à mon avis. Ou alors tu laisses le texte 2 juste en dessous le texte 1 et tu fais quelque chose en Javascript pour l'aligner en bas.

Oui en effet, c'est à cause de cette idée d'aligner le texte en bas de l'entête que je me la casse, la tête, depuis ce matin.

Comme on m'a dit que les tableaux, c'est maaaal, j'ai voulu chercher à le faire en CSS. Mais tu as sans doute raison, il faut savoir rendre les armes, et tant pis si les geeks qui regarderont le source de mes pages me trouvent ringard avec mon table qui sert à rien.

Je veux aussi éviter le JS, tant qu'à faire ! et les astuces pour tromper IE.

Si toutefois un CSSMaster trouve quelque chose, je lui en serai vivement reconnaissant !

Mathieu

Le JS c'est pas le mal ...

Édit : Je serais à ta place je prendrais le JS car ça ne casse pas la sémantique.
Modifié par CNeo (23 Aug 2007 - 18:15)

J'hésite encore... pour aller au plus simple je vais faire un table, parce que la sémantique sur cette partie là du site c'est pas bien grave, et que comme ça sera de toute façon un include, je pourrais toujours changer ça plus tard... si jamais un Kador du CSS est passé par ici entre temps !

Ce qui me gêne avec JS c'est que ça se plante quand même facilement (je veux dire, s'il y a un autre bout de JS ailleurs dans la page, il y a souvent risque d'interférence).

Tout ça pour aligner un texte en bas... pfff

Bonsoir,

Pourquoi diable recommander à des non spécialistes une tortueuse, fragile et inutile solution javascript (quand on la maîtrise soi-même mal, apparemment) ?

Les tableaux de présentation n'ont jamais fait le moindre mal à personne quand il s'agit de deux malheureuses cellules côtes à côtes pour gérer un problème de présentation qu'on juge prioritaire sur d'autres aspects; surtout dans le cadre d'un site personnel.

Les tableaux, c'est bon. Mangez-en. Plus tard, vous en mangerez moins. Et ce n'est pas si important de ne plus en manger du tout...

Laurent Denis a écrit :
Bonsoir,

Pourquoi diable recommander à des non spécialistes une tortueuse, fragile et inutile solution javascript ?

Je ne l'ai pas recommandé j'ai donné mon avis personnel sur la question.

Laurent Denis a écrit :
(quand on la maîtrise soi-même mal, apparemment)

Qu'est-ce qui te fait croire que je ne maîtrise pas assez Javascript pour faire un simple script de déplacement ?

Laurent Denis a écrit :
Les tableaux, c'est bon. Mangez-en. Plus tard, vous en mangerez moins. Et ce n'est pas si important de ne plus en manger du tout ...

On aura toujours besoin de tableaux pour les données ... tabulaires.

CNeo a écrit :

On aura toujours besoin de tableaux pour les données ... tabulaires.

Chouette.

Question: qu'est-ce qu'une donnée tabulaire ?

Non, on va simplifier: quelle est la frontière précise et détaillée entre un tableau de données tabulaires et un tableau de présentation ?

(sans rire, laisse tomber. C'est un peu plus compliqué que cela.)
Modifié par Laurent Denis (23 Aug 2007 - 19:52)

a écrit :
Question: qu'est-ce qu'une donnée tabulaire ?

Euh ... ben tout type d'élément (images, textes ...).
Tout ça pour dire que les tableaux faut en manger !

yodaswii a écrit :

Euh ... ben tout type d'élément (images, textes ...).
Tout ça pour dire que les tableaux faut en manger !

Allons, allons, ne nous laissons pas emporter par l'enthousiasme.

Retour aux bases: "donnée tabulaire", cela consiste à dire: un tableau, ce sont des données en tableau. Je n'ai rien contre, sur le fond de cette affirmation, mais... Vous comprendrez que j'ai envie qu'on aille un peu plus loin ? Pas vous ?

Un petit effort ? Ce sont des données qui... qu'on veut... ? hein ? Il ya juste un mot magique, qui traîne d'ailleurs un peu partout dans les travaux du W3C...
Modifié par Laurent Denis (23 Aug 2007 - 20:02)

a écrit :
Un petit effort ? Ce sont des données qui... qu'on veut... ? hein ?

Alors là tu joues avec nos nerfs .

Ma perception des choses : les données tabulaires c'est à l'appréciation de l'auteur du document ...

Remarque moi aussi cela m'intéresse d'aller plus loin dans le raisonnement ...

Laurent Denis a écrit :
Chouette.

Question: qu'est-ce qu'une donnée tabulaire ?

Laurent Denis a écrit :
Non, on va simplifier: quelle est la frontière précise et détaillée entre un tableau de données tabulaires et un tableau de présentation ?

Un tableau qui ne contient pas des données tabulaires n'est pas un tableau de données donc sur internet c'est sûrement un tableau de mise en forme.

Laurent Denis a écrit :
(sans rire, laisse tomber. C'est un peu plus compliqué que cela.)

Je laisse rarement tomber.

Qu'est-ce qui caractérise le segment de texte 30,96 dans la page Web dont la copie d'écran est donnée ci-dessus ? Qu'est-ce qui le différencie radicalement d'un paragraphe, d'un titre, tous extérieurs au tableau ?

<edit>il y a quelques risques pour que je ne puisse achever cette conversation que demain soir au plus tôt, voir ce week-end. Désolé si c'est le cas, j'espère que vous ne m'en voudrez pas, cela ne dépend vraiment pas de moi</>
Modifié par Laurent Denis (23 Aug 2007 - 20:11)

<p mode="question rhétorique">Pourquoi poser des devinettes aux gens comme s'ils étaient débiles ?</p>

Ce qui caractérise une donnée dans un tableau c'est la ligne et la colonne dont elle est l'intersection.
Modifié par CNeo (23 Aug 2007 - 20:20)

CNeo a écrit :
Ce qui caractérise une donnée dans un tableau c'est la ligne et la colonne dont elle est l'intersection.

le mot relation convient-il alors ? Un tableau exprime des relations entre des données ?

Laurent Denis a écrit :
le mot relation convient-il alors ? Un tableau exprime des relations entre des données ?

Bien sûr.

Note : je sais où tu veux en venir mais je préfère te laisser l'exprimer.
Modifié par CNeo (23 Aug 2007 - 20:24)

Dans ce cas, peux-tu préciser quelle est la nature de l'expression de cette relation ? (désolé pour la formulation un peu lourde).

Est-elle sémantique ? est-elle graphique ?

<edit>ah, comme dit ci-dessus, je dois m'arrêter là pour ce soir. Mais à demain, ou après demain au plus tard</>
Modifié par Laurent Denis (23 Aug 2007 - 20:29)

J'avoue que je ne comprends pas bien la question ...
Modifié par CNeo (23 Aug 2007 - 20:29)