Ajouter deux colonnes dans une colonne
Une Bévue
Je cherche comment faire pour ajouter deux colonnes dans une colonne
d'un design à trois colonnes s'inspirant de la page :
<http://matthewjamestaylor.com/blog/perfect-3-column-blog-style.htm>
dans mon utilisation, c'est la colonne de droite qui est la plus large
(50%) et c'est dans celle-ci que je souhaite ajouter deux colonnes
s'inspirant du design suivant :
<http://www.duoh.com/csstutorials/cssform/index.html>
Vous l'avez compris, le but de la manip est d'entrer une "form" dans
cette colonne de droite de manière à éditer les entrées.
Si je fais ça brutalement, ça fiche le boxon dans l'ordonnancement de la
page, ie les trois colonnes de départ...
Donc quelles précautions faut'il prendre pour "encastrer" un design dans
l'autre étant entendu que le design de la "form" à des trucs du genre :
div.row {
clear: both; ////////<<<<<<<<<<<<<<<
width: 335px;
}
et autres :
.col1 {
text-align: right;
width: 135px;
height: 31px;
margin: 0;
float: left; ////////<<<<<<<<<<<<<<<
margin-right: 2px;
}
mais bon, si je comment ces lignes dans le css, ça ne change pas grand
chose.
bien sûr je passerai aussi en design fluide et changerai les width de px
en %.
--
« Une idée que j'ai, il faut que je la nie :
c'est ma manière de l'essayer. »
(Émile Chartier)
SAM
>
> Donc quelles précautions faut'il prendre pour "encastrer" un design dans
> l'autre étant entendu que le design de la "form" à des trucs du genre :
> div.row {
> clear: both; ////////<<<<<<<<<<<<<<<
> width: 335px;
eh bien non ...
pas possible de fixer des largeurs dans un design "elastique"
il faut que tout reste élastique
à la rigueur on pourra indiquer une largeur minimum
div.row {
min-width: 125px;
width: 80%;
}
par exemple.
> bien sûr je passerai aussi en design fluide et changerai les width de px
> en %.
ben alors puisque tu assouplis la présentation
où est le blème ?
#contenu form
{
position: relative;
width: 90%;
margin: auto;
text-align: right;
background: #777;
color: white;
padding: 6px;
}
#contenu form input[type="text"],
#contenu form textarea
{
width: 69%;
background: #ddd;
color: maroon;
vertical-align: top;
}
et
<form blabla>
<p>nom, prénom : <input name="nom" type="text" /></p>
<p>sujet : <input name="objet" type="text" value=""/></p>
<p>message : <textarea name="info" rows="5" cols="30"></textarea></p>
.../...
à voir ici :
<http://stephane.moriaux.pagesperso-orange.fr/contact>
pour constater qu'il n'y a pas "2" colonnes,
une seule suffit
--
Stéphane Moriaux avec/with iMac-intel
Une Bévue
>
> eh bien non ...
> pas possible de fixer des largeurs dans un design "elastique"
>
> il faut que tout reste élastique
>
> à la rigueur on pourra indiquer une largeur minimum
>
> div.row {
> min-width: 125px;
> width: 80%;
> }
>
> par exemple.
oui; ,ais les 80 % là; j'imagine qu'il réfèrent qu contenant, la colonne
de droite, pas au body ???
je veux dire relatif au contenant...
>
> > bien sûr je passerai aussi en design fluide et changerai les width de px
> > en %.
>
> ben alors puisque tu assouplis la présentation
> où est le blème ?
le blême est que j'avions oublions un "</div>" --> detrimental effect
)))
> #contenu form
> {
> position: relative;
> width: 90%;
> margin: auto;
ça fait quoi exactement "margin: auto;" ???
> text-align: right;
> background: #777;
> color: white;
> padding: 6px;
> }
> #contenu form input[type="text"],
> #contenu form textarea
> {
> width: 69%;
> background: #ddd;
> color: maroon;
> vertical-align: top;
Ah oui bien vu ce "ertical-align: top;" !!!
> }
>
> et
>
> <form blabla>
> <p>nom, prénom : <input name="nom" type="text" /></p>
> <p>sujet : <input name="objet" type="text" value=""/></p>
> <p>message : <textarea name="info" rows="5" cols="30"></textarea></p>
> .../...
OK, merci beaucoup, que crois que je ne suis pas loin de la "VÉRITÉ" )))
--
« L'homme est capable du meilleur comme du pire,
mais c'est vraiment dans le pire qu'il est le meilleur. »
(Grégoire Lacroix)
SAM
> SAM<stephanemor...@wanadoo.fr.invalid> wrote:
>
>> width: 80%;
>
> oui; ,ais les 80 % là; j'imagine qu'il réfèrent qu contenant
oui, si et *seulement si* ce contenant a une position
(absolute,relative,...)
>> #contenu form
>> {
>> position: relative;
>> width: 90%;
>> margin: auto;
>
> ça fait quoi exactement "margin: auto;" ???
ça centre la boite là dont il est question, ici le form
(les marges s'égalisent totomatiquement)
> Ah oui bien vu ce "vertical-align: top;" !!!
<http://www.yoyodesign.org/doc/w3c/css2/visudet.html#propdef-vertical-align>
<http://www.yoyodesign.org/doc/w3c/css2/indexlist.html>
Une Bévue
> > oui; ,ais les 80 % là; j'imagine qu'il réfèrent qu contenant
>
> oui, si et *seulement si* ce contenant a une position
> (absolute,relative,...)
pas clair, mais ça semble rouler même dans mon cas où tout est flottant
et en %, ou presque qq petits padding en px.
>
> >> #contenu form
> >> {
> >> position: relative;
> >> width: 90%;
> >> margin: auto;
> >
> > ça fait quoi exactement "margin: auto;" ???
>
> ça centre la boite là dont il est question, ici le form
> (les marges s'égalisent totomatiquement)
c'est plus zoli alors...
> > Ah oui bien vu ce "vertical-align: top;" !!!
>
> <http://www.yoyodesign.org/doc/w3c/css2/visudet.html#propdef-vertical-align>
> <http://www.yoyodesign.org/doc/w3c/css2/indexlist.html>
ah ouais, super, merci !
et l'alignement horizontal d'un texte dans un span, ça se règle comment,
si je touche au padding, ça me va pas car ça change la width, pas zoli.
je lis chez yoyo :
'text-align'
Valeur :
left | right | center | justify | <chaîne> | inherit
on ne peut pas mettre le texte à x% du bord gauche, par exemple, sans
toucher à la largeur ???
--
« L'humanité qui devrait avoir six mille ans d'expérience,
retombe en enfance à chaque génération. »
(Tristan Bernard)
SAM
> SAM<stephanemor...@wanadoo.fr.invalid> wrote:
>
>>> oui; ,ais les 80 % là; j'imagine qu'il réfèrent qu contenant
>>
>> oui, si et *seulement si* ce contenant a une position
>> (absolute,relative,...)
>
> pas clair,
c'est limpide :
on règle la largeur proportionnellement à une des boites contenantes
laquelle ?
le 1er ancêtre/parent dont la position est définie (stylée)
c'est valable pour les largeurs, hauteurs, marges, paddings, quand ils
sont stylés en %
> mais ça semble rouler même dans mon cas où tout est flottant
> et en %, ou presque qq petits padding en px.
>
>>
>>>> #contenu form
>>>> {
>>>> margin: auto;
>>>
>>> ça fait quoi exactement "margin: auto;" ???
>>
>> ça centre la boite là dont il est question, ici le form
>> (les marges s'égalisent totomatiquement)
>
> c'est plus zoli alors...
ça fait là c'que tu d'mandes : un 'tit espace, à gauche, à droite
bien propre le même
> et l'alignement horizontal d'un texte dans un span, ça se règle comment,
un span est *in-réglable* pour ce qui est des dimensions ! !
span { width:2000px }
ne fera rien du tout
il faut alors le transformer en block
display: block;
et le + souvent ça met alors la zone
> si je touche au padding, ça me va pas car ça change la width, pas zoli.
heu ... le padding d'un span ?
ça ne devrait pas changer la width de son contenant ... !
ben ... si tu ajoutes de l'espace dans le span, forcément ça l'élargit.
> je lis chez yoyo :
> 'text-align'
> Valeur :
> left | right | center | justify |<chaîne> | inherit
>
> on ne peut pas mettre le texte à x% du bord gauche, par exemple, sans
> toucher à la largeur ???
le texte à x de *quel* bord gauche ?
- celui du span ?
au choix :
span { margin-left: 10px; }
span { padding-left: 10px; }
span { padding-left: 2%; }
- celui de la ligne ?
span:before { content: " "; }
p { margin-left: 10px }
Une Bévue
> >
> > pas clair,
>
> c'est limpide :
> on règle la largeur proportionnellement à une des boites contenantes
> laquelle ?
> le 1er ancêtre/parent dont la position est définie (stylée)
>
> c'est valable pour les largeurs, hauteurs, marges, paddings, quand ils
> sont stylés en %
bon; là, c'est limpide )))
> > mais ça semble rouler même dans mon cas où tout est flottant
> > et en %, ou presque qq petits padding en px.
> >
> >>
> >>>> #contenu form
> >>>> {
> >>>> margin: auto;
> >>>
> >>> ça fait quoi exactement "margin: auto;" ???
> >>
> >> ça centre la boite là dont il est question, ici le form
> >> (les marges s'égalisent totomatiquement)
> >
> > c'est plus zoli alors...
>
> ça fait là c'que tu d'mandes : un 'tit espace, à gauche, à droite
> bien propre le même
pour une fois qu'un browxer m'obéit hein...
> > et l'alignement horizontal d'un texte dans un span, ça se règle comment,
> un span est *in-réglable* pour ce qui est des dimensions ! !
> span { width:2000px }
> ne fera rien du tout
ah ben voila cochon de css va, n'en fait qu'à da tête...
> il faut alors le transformer en block
> display: block;
> et le + souvent ça met alors la zone
ah d'accord
> > si je touche au padding, ça me va pas car ça change la width, pas zoli.
>
> heu ... le padding d'un span ?
> ça ne devrait pas changer la width de son contenant ... !
>
> ben ... si tu ajoutes de l'espace dans le span, forcément ça l'élargit.
>
> > je lis chez yoyo :
> > 'text-align'
> > Valeur :
> > left | right | center | justify |<chaîne> | inherit
> >
> > on ne peut pas mettre le texte à x% du bord gauche, par exemple, sans
> > toucher à la largeur ???
>
> le texte à x de *quel* bord gauche ?
> - celui du span ?
oui bord gauche.
désolé le code est noyé dans du php :
echo ' <div
class="row">'.$lf;
echo ' <span
class="legend">Password :</span>'.$lf;
echo ' <span
id="pass" class="content">'.$row['pass'].'</span>'.$lf;
echo ' </div>'.$lf;
donc le class legend est ok c'est le côté droit, class content que je
voudrais décoler à gauche du span de gauche, mon css :
div.row {
clear: both;
width:98%;
vertical-align:middle;
}
.legend {
text-align: right;
float: left;
font: bold 11px/14px "Lucida Grande", "Trebuchet MS", Arial,
Helvetica, sans-serif;
width: 20%;
height: 26px;
line-height:26px;
margin: 0;
margin-right: 2px;
margin-bottom: 2px;
background:lightblue;
background: -webkit-gradient(
linear,
left top,
right top,
from(rgb(173,216,230)),
to(rgb(214,236,242))
);
background: -moz-linear-gradient(left, rgb(173,216,230),
rgb(214,236,242));
-webkit-border-top-left-radius: 0.75em;
-webkit-border-top-right-radius: 0.75em;
-webkit-border-bottom-left-radius: 0.75em;
-webkit-border-bottom-right-radius: 0.75em;
-moz-border-radius-topleft: 0.75em;
-moz-border-radius-topright: 0.75em;
-moz-border-radius-bottomleft: 0.75em;
-moz-border-radius-bottomright: 0.75em;
border-top-left-radius: 0.75em;
border-top-right-radius: 0.75em;
border-bottom-left-radius: 0.75em;
border-bottom-right-radius: 0.75em;
}
.content {
display: block;
float: left;
font: normal 11px/14px "Lucida Grande", "Trebuchet MS", Arial,
Helvetica, sans-serif;
width: 78%;
height: 26px;
margin: 0;
margin-bottom: 2px;
padding-left: 0.5em;
background:lightblue;
background: -webkit-gradient(
linear,
left top,
right top,
from(rgb(173,216,230)),
to(rgb(214,236,242))
);
background: -moz-linear-gradient(left, rgb(173,216,230),
rgb(214,236,242));
-webkit-border-top-left-radius: 0.75em;
-webkit-border-top-right-radius: 0.75em;
-webkit-border-bottom-left-radius: 0.75em;
-webkit-border-bottom-right-radius: 0.75em;
-moz-border-radius-topleft: 0.75em;
-moz-border-radius-topright: 0.75em;
-moz-border-radius-bottomleft: 0.75em;
-moz-border-radius-bottomright: 0.75em;
border-top-left-radius: 0.75em;
border-top-right-radius: 0.75em;
border-bottom-left-radius: 0.75em;
border-bottom-right-radius: 0.75em;
}
je suis épaté les coins arrondis marchent sur Tiger avec safari 4 et
TenFourFox 6...
> au choix :
> span { margin-left: 10px; }
> span { padding-left: 10px; }
> span { padding-left: 2%; }
> - celui de la ligne ?
> span:before { content: " "; }
> p { margin-left: 10px }
ah oui le est une solution de dernier recours...
--
« Le vrai problème avec les menteurs est que l'on ne peut jamais
être certain qu'ils ne vont pas dire la vérité. »
(Kingsley Amis)
SAM
> class="row">'.$lf;
> echo '<span
> class="legend">Password :</span>'.$lf;
> echo '<span
> id="pass" class="content">'.$row['pass'].'</span>'.$lf;
> echo '</div>'.$lf
Si ça ne merdoie pas entre ton traitement de texte, ton seerveur et ton
SQLite, qui seront tous réglés en utf-8,
normalement,
il devrait suffire d'échoyer :
echo "
<div class='row'>
<span class='legend'>Password :</span>
<span id='pass' class='content'>$row['pass']</span>
</div>";
et même, probablement :
echo "
<div class='row'>
<span class='legend'>Password :</span>
<span id='pass' class='content'>$row[]</span>
</div>";
Sinon pour tes réglages de largeur ...
puisque tu passes tes spans en blocks, il y a une "feature" des css
géniale : laisser faire pour le mieux.
celui de gauche a une largeur et est en float left
celui de droite n'est pas en float et n'a pas de largeur mais a une
marge gauche
(marge = width + padding(s) + margin(s) de gauche)
.legend { float: left; /* pas besoin de 'display' puisque 'float' */
width: 20%; padding: 1%; margin: 0 1%; /* total = 24% */
border: 1px solid; text-align: right; }
.content { display: block; padding: 1%; margin: 0 1%; margin-left: 24%;
border: 1px solid; text-align: center; }
<p>
<span class="legend">Prenom :</span>
<span class="content">Yvon</span>
</p>
<p>
<span class="legend">Nom :</span>
<span class="content">Thoraval</span>
</p>
/*/*/*/*/*/
ça devrait suffire comme ça :
-webkit-border-radius: 0.75em;
-moz-border-radius: 0.75em;
border-radius: 0.75em;
/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/*/
ceci me plait assez (on utilise directement le form)
<style type="text/css">
#test p {
clear: both;
width:98%;
vertical-align:middle;
color: black;
}
#test label {
float: left;
width: 20%;
height: 26px;
line-height: 26px;
padding-right: 1%;
text-align: right;
margin: 0 2px 0 0;
font: bold 11px/14px "Lucida Grande", sans-serif;
background: lightblue;
background: -webkit-gradient( linear, left top, right top,
from(rgb(173,216,230)), to(rgb(214,236,242)) );
background: -moz-linear-gradient(left, rgb(173,216,230),
rgb(214,236,242));
-webkit-border-radius: 0.75em;
-moz-border-radius: 0.75em;
border-radius: 0.75em;
}
#test input {
display: block;
width: 77%;
height: 26px;
line-height:26px;
font: normal 11px/14px "Lucida Grande", sans-serif;
margin: 0 0 0 22%;
background:lightblue;
background: -webkit-gradient( linear, left top, right top,
from(rgb(173,216,230)), to(rgb(214,236,242)) );
background: -moz-linear-gradient(left, rgb(173,216,230),
rgb(214,236,242));
-webkit-border-radius: 0.75em;
-moz-border-radius: 0.75em;
border-radius: 0.75em;
}
</style>
<form action="" onsubmit="return false" id="test">
<p class="row">
<label for="MdP">Password :</label>
<input id="MdP" name="pass" value="$row['pass']" readonly >
</p>
</form>
Une Bévue
>
> Si ça ne merdoie pas entre ton traitement de texte, ton seerveur et ton
> SQLite, qui seront tous réglés en utf-8,
> normalement,
> il devrait suffire d'échoyer :
>
> echo "
> <div class='row'>
> <span class='legend'>Password :</span>
> <span id='pass' class='content'>$row['pass']</span>
> </div>";
ah oui, faire UN seul écho pour tout le bazard...
c'est le js qui m'a troublé où on peut peut pas mettre une string sur
plusieurs lignes, enfin je "pense"...
> et même, probablement :
>
> echo "
> <div class='row'>
> <span class='legend'>Password :</span>
> <span id='pass' class='content'>$row[]</span>
> </div>";
mis à part la différence entre $row['pass'] et $row[] (typo?) je n'en
voit pas au niveau php/html ???
euh là; mea culpa, mea maxima culpa, le copier/coller me joue des tours,
comme ça marchait...
OK, merci beaucoup, j'essaie ça derechef !!!
--
« France soir est un journal à grand tirage,
il est donc excellent pour allumer la cheminée. »
(Miguel de Cervantès)
Une Bévue
> ceci me plait assez (on utilise directement le form)
ouais; le résultat est pas mal du tout :
<http://cjoint.com/11au/AHCtqUVYFmZ_test_SM.jpg>
reste à trouver un moyen d'aligner verticalement "Password :" et "top
secret" càd le label et l'input dà côté.
je trouve aussi que le "t" de "top secret" est trop collé à la
bordure...
SAM
> SAM<stephanemor...@wanadoo.fr.invalid> wrote:
>
>> ceci me plait assez (on utilise directement le form)
>
> <http://cjoint.com/11au/AHCtqUVYFmZ_test_SM.jpg>
>
> reste � trouver un moyen d'aligner verticalement "Password :" et "top
> secret" c�d le label et l'input d� c�t�.
> je trouve aussi que le "t" de "top secret" est trop coll� � la
> bordure...
Oui, bon, ben l� je sais pas faire
c'est l'input qui commande sa mise en forme
(en mettant une bordure ?) (+ un padding-left)
#test p {
width: 98%;
color: black;
vertical-align: middle;
line-height: 28px;
}
#test label {
float: left;
width: 20%;
margin: 0 2px 0 0;
padding: 6px 1% 0 0;
height: 24px;
text-align: right;
font: bold 11px/14px "Lucida Grande", sans-serif;
background:lightblue;
background: -webkit-gradient( linear, left top, right top,
from(rgb(173,216,230)), to(rgb(214,236,242)) );
background: -moz-linear-gradient(left, rgb(173,216,230),
rgb(214,236,242));
-webkit-border-radius: 0.75em;
-moz-border-radius: 0.75em;
border-radius: 0.75em;
}
#test input {
display: block;
font: bold 11px/14px "Lucida Grande", sans-serif;
height: 26px;
width: 77%;
margin: 0;
margin: 0 0 0 22%;
background: lightblue;
text-align: left;
padding: 0 0 0 1%;
background: -webkit-gradient( linear, right top, left top,
from(rgb(173,216,230)), to(rgb(214,236,242)) );
background: -moz-linear-gradient(right, rgb(173,216,230),
rgb(214,236,242));
-webkit-border-radius: 0.75em;
-moz-border-radius: 0.75em;
border-radius: 0.75em;
}
<form action="" onsubmit="return false" id="test">
<p>
<label for="MdP">Password :</label>
<input id="MdP" name="pass" value="$row['pass']" readonly >
</p>
<p>
<label for="Nom">Nom :</label>
<input id="Nom" name="nom" value="$row['donnee']" readonly >
</p>
</form>
--
St�phane Moriaux avec/with iMac-intel
SAM
> SAM<stephanemor...@wanadoo.fr.invalid> wrote:
>
>> il devrait suffire d'échoyer :
> ah oui, faire UN seul écho pour tout le bazard...
> c'est le js qui m'a troublé où on peut peut pas mettre une string sur
> plusieurs lignes, enfin je "pense"...
toutafé
>> et même, probablement :
>>
>> echo "
>> <div class='row'>
>> <span class='legend'>Password :</span>
>> <span id='pass' class='content'>$row[]</span>
>> </div>";
>
> mis à part la différence entre $row['pass'] et $row[] (typo?) je n'en
> voit pas au niveau php/html ???
non pas de typo
habituellement on fait un loop sur l'extraction de la BdD
et hop! pas besoin de se fatiguer à chaque passage pour indiquer l'index
du truc où on en est dans l'array
(le PHP le fait tout seul)
enfin ... je crois ... car en PHP je n'y connais rien !
echo "<span id='pass' class='content'>$row[]</span>"; // 0 => 'pass'
echo "<span id='nom' class='content'>$row[]</span>"; // 1 => 'content'
echo "<span id='pren' class='content'>$row[]</span>"; // 2 => 'suite'
echo "<span id='mail' class='content'>$row[]</span>"; // 3 => 'adresse'
Une Bévue
> habituellement on fait un loop sur l'extraction de la BdD
> et hop! pas besoin de se fatiguer � chaque passage pour indiquer l'index
> du truc o� on en est dans l'array
> (le PHP le fait tout seul)
>
> enfin ... je crois ... car en PHP je n'y connais rien !
>
> echo "<span id='pass' class='content'>$row[]</span>"; // 0 => 'pass'
> echo "<span id='nom' class='content'>$row[]</span>"; // 1 => 'content'
> echo "<span id='pren' class='content'>$row[]</span>"; // 2 => 'suite'
> echo "<span id='mail' class='content'>$row[]</span>"; // 3 => 'adresse'
euh non, pas du tout, passeke, $row[], c'est un boxon pas possible
(interface sql php) !a sort -- � la fois -- les indexes :
$row[0] = "toto" disons le login, mais aussi :
$row['login'] = "toto"
bon et puis j'ai aussi $row['infos'] que je place dans un textarea car
le texte est "mis en page" par des \n.
--
� Le vrai probl�me avec les menteurs est que l'on ne peut jamais
�tre certain qu'ils ne vont pas dire la v�rit�. �
(Kingsley Amis)
Une Bévue
> Oui, bon, ben là je sais pas faire
> c'est l'input qui commande sa mise en forme
OK, si on ne sait pas faire avec deux balises différentes, mais notes
que là, pour le coup, ça veut dire que le css c'est bullshit !!!
Car c'est moche...
Notes aussi que ça se produit aussi quand on a deux span :
<div class="row">
<span class="legend">Login :</span>
<span id="login" class="content">'.$row['login'].'</span>
</div>
<http://cjoint.com/11au/AHDiuN3NptU_alignement_droite_gauche.jpg>
je ne suis pas parvenu à aligner non plus...
--
« Tout le monde savait que c'était impossible à faire. Puis un jour
quelqu'un est arrivé qui ne le savait pas, et il l'a fait. »
(Winston Churchill)
Une Bévue
> Oui, bon, ben là je sais pas faire
> c'est l'input qui commande sa mise en forme
Bon; je suis revenu à la cause départ...
Un truc trouvé sur le net et qui marche plutôt bien :
<http://cjoint.com/11au/AHDi30as4md.htm>
le cjoint t'étive le pb de mon adresse IPv6
là c'est bien aligné verticalement; sans rien faire de spécial...
--
« Sois heureux un instant. Cet instant, c'est ta vie. »
(Omar Khayam)
SAM
> SAM<stephanemor...@wanadoo.fr.invalid> wrote:
>
>> Oui, bon, ben là je sais pas faire
>> c'est l'input qui commande sa mise en forme
>
> Bon; je suis revenu à la cause départ...
> Un truc trouvé sur le net et qui marche plutôt bien :
> <http://cjoint.com/11au/AHDi30as4md.htm>
> le cjoint t'étive le pb de mon adresse IPv6
Heu ...
on dirait que y a pas qu'moi qui n'aime pas ça ...
<http://cjoint.com/11au/AHDjjSAdzJJ_yt.png>
> là c'est bien aligné verticalement; sans rien faire de spécial...
Je n'ai pas compris comment, sur l'autre essai, tu avais réussi à faire
sortir le texte de son contenant apparent ?!
Une Bévue
> Le 29/08/11 09:00, Une Bévue a écrit :
>> SAM<stephanemor...@wanadoo.fr.invalid> wrote:
>>
>>> Oui, bon, ben là je sais pas faire
>>> c'est l'input qui commande sa mise en forme
>>
>> Bon; je suis revenu à la cause départ...
>> Un truc trouvé sur le net et qui marche plutôt bien :
>> <http://cjoint.com/11au/AHDi30as4md.htm>
>> le cjoint t'étive le pb de mon adresse IPv6
>
> Heu ...
> on dirait que y a pas qu'moi qui n'aime pas ça
Mea culpa !
Heureusement, ce site est protégé
La page joint contient 'land_new', si tu peux, changes ça en 'landp_public'
et ça devrait rouler.
> <http://cjoint.com/11au/AHDjjSAdzJJ_yt.png>
>
>> là c'est bien aligné verticalement; sans rien faire de spécial...
>
> Je n'ai pas compris comment, sur l'autre essai, tu avais réussi à faire
> sortir le texte de son contenant apparent ?!
Euh, sur quel essai ?
A+, je suis dans le RER
Une Bévue
> SAM <
> Bon; je suis revenu à la cause départ...
> Un truc trouvé sur le net et qui marche plutôt bien :
> <http://cjoint.com/11au/AHDi30as4md.htm>
> le cjoint t'étive le pb de mon adresse IPv6
>
cache chez eux...
En début d'aprem's je regarderai à mettre ce bazard sur free...
SAM
>>
> Bon apparemment ça ne marche pas avec CJoint car la page n'est pas mise en
> cache chez eux...
ben .... normalement ... non
puisque c'est un site d'uploads (conservés +/- longtemps)
> En début d'aprem's je regarderai à mettre ce bazard sur free...
en attendant :
- avec spans : <http://cjoint.com/?AHDlcvi2xwN>
- avec input : <http://cjoint.com/?AHDldZg2MO9>
Une Bévue
>
> ben .... normalement ... non
> puisque c'est un site d'uploads (conservés +/- longtemps)
OK, à vérifier donc...
> > En début d'aprem's je regarderai à mettre ce bazard sur free...
>
> en attendant :
> - avec spans : <http://cjoint.com/?AHDlcvi2xwN>
> - avec input : <http://cjoint.com/?AHDldZg2MO9>
OUAIS? SUBLIME, SUPERBEMENT BIEN ALIGNE, C'EST LE TOP DU TOP !!!
--
« Ne pouvant pas supprimer l'amour, l'Église a voulu au moins
le désinfecter, et elle a fait le mariage. »
(Charles Baudelaire)
Une Bévue
> SAM<stephanemor...@wanadoo.fr.invalid> wrote:
>
>>
>> ben .... normalement ... non
>> puisque c'est un site d'uploads (conservés +/- longtemps)
>
>
> OK, à vérifier donc...
donc, je viens tout juste de vérifier, en tout cas l'adresse est en
IPv6, ce n'est pas caché, il suffit de lire la source de la page cjoint :
<http://cjoint.com/11sp/AIdl3ZmOuXX.htm>
qui contient :
<frameset rows="72,1*" border="2" frameborder="YES">
<frame src="AIdl3ZmOuXX_menu.htm" name="menu" frameborder="NO"
scrolling="NO" marginwidth="0" marginheight="0">
<frame
src="http://[2a01:e35:8a4f:d5d0:212:f0ff:fe6a:a07b]/landp_new/essais/SM/test-span-span-yt.html"
name="doc" frameborder="NO" scrolling="AUTO" marginwidth="0"
marginheight="0">
</frameset>
l'URL :
<http://[2a01:e35:8a4f:d5d0:212:f0ff:fe6a:a07b]/landp_new/essais/SM/test-span-span-yt.html>
étant l'adresse directe de mon site passé sous Ubuntu car mon iBook est
très vraisemblablement mortibus ...
donc, j'ai fait une capture écran.
>>> En début d'aprem's je regarderai à mettre ce bazard sur free...
>>
>> en attendant :
>> - avec spans :<http://cjoint.com/?AHDlcvi2xwN>
>> - avec input :<http://cjoint.com/?AHDldZg2MO9>
>
> OUAIS? SUBLIME, SUPERBEMENT BIEN ALIGNE, C'EST LE TOP DU TOP !!!
>
bon reste à régler un problème lié à l'insertion de ton code html/css
dans celui de :
<http://matthewjamestaylor.com/blog/perfect-3-column-blog-style.htm >
comme on peut le voir ici :
<http://cjoint.com/11sp/AIdmj28aPm8_test-span-span-yt-screenshot.png>
je ne parviens pas à changer la couleur de la colonne du milieu, elle
hérite de celle du fond de page.
bien sûr, avant de poster, j'ai essayé d'ajouter des
"background:yellow;" mais sans succès.
loppement lié à Chrome, je vois bien que je n'arrive pas à atteindre
cette colonne du milieu et ça me gène.
en passant, j'ai remarqué que certaines infos données par le concepteur
ne correspondent pas à la réalité, par exemple, dans son css il y a un :
.blogstyle {
background:yellow; /* center column background colour*/
}
qui n'affecte pas du tout le background...
d'ailleurs avec l'outil de déve
Une Bévue
bon reste à régler un problème lié à l'insertion de ton code html/css
dans celui de :
<http://matthewjamestaylor.com/blog/perfect-3-column-blog-style.htm >
comme on peut le voir ici :
<http://cjoint.com/11sp/AIdmj28aPm8_test-span-span-yt-screenshot.png>
je ne parviens pas à changer la couleur de la colonne du milieu, elle
hérite de celle du fond de page.
bien sûr, avant de poster, j'ai essayé d'ajouter des
"background:yellow;" mais sans succès.
en passant, j'ai remarqué que certaines infos données par le concepteur
ne correspondent pas à la réalité, par exemple, dans son css il y a un :
.blogstyle {
background:yellow; /* center column background colour*/
}
qui n'affecte pas du tout le background...
d'ailleurs avec l'outil de développement lié à Chrome, je vois bien que