FAQ XHTML/CSS -- La FAQ évolue ! Détails inside

Recherche :

Sujet(s) à lire :
- Vous faites vos pages web selon quelle *norme* ?
- Ergonomie d'un site web

Mot : Pseudo : Filtrer Aller à la page :
Page : 1 2 3 4 5 .. 32 33 34 .. 48 49 50 51 52 53 Page Suivante Page Précédente Bas de page
Auteur	Sujet : FAQ XHTML/CSS -- La FAQ évolue ! Détails inside

gizmo

Reprise du message précédent :

fastclemmy a écrit :

T'as oublié le alt="ma super description"

alt="mon texte alternatif" longdesc="le lien vers le super descriptif" [:aloy]

Publicité

gm_superstar

Appelez-moi Super

antp a écrit :

J'ai utilisé les balises <label> pour aller avec les champs d'un forumulaire, c'est sympa, mais est-ce qu'il y a une manière propre pour avoir mes champs alignés ? Ou bien est-ce que je dois mettre ça dans un tableau ? (colonne gauche pour les labels, colonne droite pour les champs)

<div>
<label>...</label>
<input ... />
</div>
<div>
<label>...</label>
<input ... />
</div>
...

label {
float: left;
width: 25%; /*par exemple*/
}

Message édité par gm_superstar le 16-12-2003 à 20:21:51

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

antp

Super Administrateur
Champion des excuses bidons

J'avais jamais vu cette syntaxe "float: xxx%" :??:
J'ai pas mis des <div> à chaque champ, j'ai mis des <br /> pour aller à la ligne J'ai mis float: left; et width: 8em; ou un truc du genre.

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

the real moins moins

ça fait quoi float: XX% ?

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

gm_superstar

Appelez-moi Super

Heu ça fait rien :whistle:

J'ai édité

Donc finalement tu avais trouvé tout seul

Message édité par gm_superstar le 16-12-2003 à 20:22:18

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

belgique

Pas un lien direct, mais je viens d'installer deux extensions pour firebird très intéressantes:

1) Editcss : Tout simplement génial: ou lui demande de s'ouvrir lorsqu'on surfe, et il récupère tous les informations de styles dans le code et les feuilles de styles dans la sidebar. On peut éditer le texte et voir les modifications en direct sur le site.

2) Web developper: Pas mal aussi, plusieurs options: validation page, css, mise en évidence des tableaux, divs, images sans attributs.

the real moins moins

post les urls !

(editcss déjà mentionné ici, entre autres par moi si je ne m'abuse )

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

belgique

url : le site d'extensions de firebird :whistle: .
J'aurais du lire ton post sur editcss, c'est très pratique et ça fait gagner pas mal de temps .

Je trouve que Web developper est beaucoup plus gadget. Quoique, je découvre. La mise en évidence des blocs/tables est symap pour visualiser la structure des sites.

the real moins moins

allez merde balance les urls directes

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

simogeo

j'ai jamais tué de chats, ...

pour webdevelopper
http://chrispederick.myacen.com/wo [...] developer/

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Publicité

the real moins moins

simogeo a écrit :

pour webdevelopper
http://chrispederick.myacen.com/wo [...] developer/

classe :jap:

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

fastclemmy

(re-)Dictateur en plastique

pour editcss
http://editcss.mozdev.org

Dawa

www.shootmeagain.com

bonjour !

j'aimerais un conseil... en fait ce serait pour avoir une div dont la hauteur s'adapte automatiquement à la hauteur de ma page...

voici le css de la div en question :

Code :

.fond {
position: absolute;
background-color:#9999cc;
background-image: url(images/bleu.jpg);
width: 770px;
top: 15px;
left: 50%;
height: 95%;
margin-left: -385px;
border: 3px solid #000000;
}

et voici ce que ca donne : http://masterdawa.dyndns.org/whyme/

donc là c'est parfait, mais évidemment dès que la page devient un peu + grande comme ici : http://masterdawa.dyndns.org/whyme [...] nd=1&gal=1

bin la div ne continue pas, et c'est bien ca le probleme... qqun aurait une idée pour résoudre mon probleme? :??:

merci !

---------------
SHOOT ME AGAIN WEBZINE

gizmo

sous IE ce n'est pas possible

Dawa

www.shootmeagain.com

gni [:jofission]

bah merde alorz, et jfais comment pour avoir un truc qui s'adapte au contenu moi? :'(

---------------
SHOOT ME AGAIN WEBZINE

belgique

J'aimerais dans un paragraphe rajouter un bloc pour centrer une image. En théorie je devrais fermer le paragraphe et en ouvrir un nouveau. Mais je désire que les utilisateurs écrivent dans un seul paragraphe simplement. Un peu comme ici pour le forum.
A la limite je remplace les balises de centrages par une fermeture ouvertur de paragraphe centré mais bon

Edit: gizmo, ton site est un peu malade, tu as encore tes tags xiti compabitbles avec les normes dessus, j'ai corrigé un peu chez moi mais il me reste un problème avec les commentaires.

Message édité par belgique le 23-12-2003 à 15:00:06

gizmo

hein? je n'ai plus de tag xiti chez moi depuis longtemps :heink:

belgique

Arf, j'avais fait une recherche et j'étais tombé sur un post (sans regarder la date) où tu parlais de ton tag xiti retravaillé

Message édité par belgique le 23-12-2003 à 15:21:52

Dawa

www.shootmeagain.com

dawa a écrit :

bonjour !

j'aimerais un conseil... en fait ce serait pour avoir une div dont la hauteur s'adapte automatiquement à la hauteur de ma page...

voici le css de la div en question :

Code :

.fond {
position: absolute;
background-color:#9999cc;
background-image: url(images/bleu.jpg);
width: 770px;
top: 15px;
left: 50%;
height: 95%;
margin-left: -385px;
border: 3px solid #000000;
}

Je réitère ma question en montrant un site qui a fait ce que je veux :

http://my.dot.tk/cgi-bin/bn300.taloha/entry

http://my.dot.tk/cgi-bin/login01.taloha

alors comment qu'ils ont fait ?

[:edit] mais ya pas moyen sans ces tableaux a la con?

Message édité par Dawa le 26-12-2003 à 23:23:35

---------------
SHOOT ME AGAIN WEBZINE

burgergold

5$? va chez l'diable!

deja posé mainte et mainte fois sur le topic jcrois

yavait une méthode de bourrin qui le permettait, perso jaime mieux pas l'utiliser

Dawa

www.shootmeagain.com

ah bon... jviens de parcourir plusieurs pages et jtrouve pas ou ca peut se trouver, t'as pas une idée?

---------------
SHOOT ME AGAIN WEBZINE

burgergold

5$? va chez l'diable!

Hermes le Messager a écrit :

Un petit cadeau en exclu pour vous concocté par votre serviteur :

Jusqu'à présent, il semblait impossible de faire un design adaptable d'une hauteur de 100% en trois parties avec un entête de hauteur fixe + un pied de page de hauteur fixe lui aussi, avec un contenu au milieu scrollable comme on pouvait le faire grace aux frames (ou aux Iframes).

Ce problème est maintenant résolu :

Démonstration :

Code :

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>test</title>
<style type="text/css" media="screen"><!--
html,body { margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden }
.tbl-test { position: absolute; width: 100%; height: 100% }
.cell1 { background-color: #6fc; height: 50px }
.cell2 { background-color: #900; vertical-align: top; height: 100% }
.cell3 { background-color: #6ff; height: 50px }
.inter { position: relative; height: 100% }
.tst-div { color: white; position: absolute; width: 100%; height: 100%; overflow: auto; overflow-y: scroll; overflow-x: hidden}
--></style>
</head>
<body>
<table class="tbl-test" cellspacing="0" cellpadding="0">
<tr>
<td class="cell1">
</td>
</tr>
<tr>
<td class="cell2">
<div class="inter">
<div class="tst-div">
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...<br />
machin...
</div>
</div>
</td>
</tr>
<tr>
<td class="cell3">
</td>
</tr>
</table>
</body>
</html>

voila

Dawa

www.shootmeagain.com

je te remercie bien je vais me pencher là dessus !

---------------
SHOOT ME AGAIN WEBZINE

Profil supprimé

bonjour,

je suis en train de travailler sur un site en XHTML1.1 et CSS2 et voilà ce que je cherche à faire.

je voudrais avec les CSS, afficher des vignettes (thumbnails) sur lesquelles le pasage de la souris affiche une image plus grande positionnée ailleurs sur la page.

a.bouton {
position: absolute;
background-image: url(img1.jpg);
width: 40px;
height: 30px;
left: 0px;
}

a.bouton:hover {
position: absolute;
background-image: url(img2.jpg);
width: 160px;
height: 120px;
left: 200px;

ça fonctionne bien mais les deux images scintillent alternativement lorsque je bouge la souris sur la première image. Je pense que le problème est lié à la position diffèrente des deux images mais comment faire alors, je voudrais vraiment éviter d'utiliser du javascript...

par avance merci,

Hermes le Messager

Breton Quiétiste

melalcoolique a écrit :

bonjour,

je suis en train de travailler sur un site en XHTML1.1 et CSS2 et voilà ce que je cherche à faire.

je voudrais avec les CSS, afficher des vignettes (thumbnails) sur lesquelles le pasage de la souris affiche une image plus grande positionnée ailleurs sur la page.

a.bouton {
position: absolute;
background-image: url(img1.jpg);
width: 40px;
height: 30px;
left: 0px;
}

a.bouton:hover {
position: absolute;
background-image: url(img2.jpg);
width: 160px;
height: 120px;
left: 200px;

ça fonctionne bien mais les deux images scintillent alternativement lorsque je bouge la souris sur la première image. Je pense que le problème est lié à la position diffèrente des deux images mais comment faire alors, je voudrais vraiment éviter d'utiliser du javascript...

par avance merci,

Pas possible dans ton cas. JS est la seule solution.

gizmo

on peut voir la page en question? Y a peut-être une solution sans JS.

the real moins moins

hermes le messager a écrit :

Pas possible dans ton cas. JS est la seule solution.

évite de prendre un ton si sûr de toi quand tu te trompes.

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?

Hermes le Messager

Breton Quiétiste

the real moins moins a écrit :

évite de prendre un ton si sûr de toi quand tu te trompes.

Ben prouve le contraire alors... :whistle:

shade93

persona non grata

drapal

---------------
"I choose a lazy person to do a hard job. Because a lazy person will find an easy way to do it" B. Gates

fabien

Vive la super 5 !

[:drapo]

DDT

Few understand

j'ai une question, j'ai un menu tout bête dans un div avec le CSS qui va bien

div#menu {
left: -2%;
font-size:small;
position: fixed;
top: 2em;
width: 18%;
overflow: hidden;
}

fixed fonctionne pas avec IE, jusque là je m'en fous, mais comme mon menu est à la fin de mes pages, bah le menu est en bas avec IE

j'aimerais que le menu soit fixe avec les vrais navigateurs, mais qu'il soit quand même en haut à gauche pour le 95% de visiteurs restant
y a un moyen sans trop bidouiller ?

et sinon, en fixed je remarque que le scroll fait bien ramer Moz Firebird c'est normal ? avec Opera je le sens pas...

Message édité par DDT le 31-12-2003 à 02:11:01

gizmo

déclare-le simplement au début de ta page, il se placera en haut chez IE.

Flyman30

belgique a écrit :

Voila le script modifié

Code :

<script type="text/javascript">
<!--
hsh = new Date();
hsd = document;
hsi = '<span class="logo-xiti"><a href="http://www.xiti.com/xiti.asp?s=65447"';
hsi += ' ><img class="bords-images" width="39" height="25" ';
hsi += 'src="http://logv17.xiti.com/hit.xiti?s=65447';
hsi += '&p=';
hsi += '&hl=' + hsh.getHours() + 'x' + hsh.getMinutes() + 'x' + hsh.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xiti_s=screen;hsi += '&r=' + Xiti_s.width + 'x' + Xiti_s.height + 'x' + Xiti_s.pixelDepth + 'x' + Xiti_s.colorDepth;}
hsd.writeln(hsi + '&ref=' + hsd.referrer.replace('&', '$') + '" alt="xiti" title="Mesurez votre audience"></a></span>');
//-->
</script>
<noscript>
<div>
<a href="http://www.xiti.com/xiti.asp?s=65447"><img width="39" height="25" src="http://logv17.xiti.com/hit.xiti?s=65447&p=&" alt="Xiti" title="Mesurez votre audience" /></a>
</div>
</noscript>

uriel

blood pt.2

[:drapo] j'arrete pas de le perdre

Message édité par uriel le 31-12-2003 à 12:52:30

---------------
IVG en france

belgique

Flyman30 > Un tout grand merci . Tiens la signification de la balise noscript c'est qu'on ne doit pas la lire si on lit le js?

drasche

c'est plutôt ce qu'on doit lire si JS n'est pas activé

---------------
Whichever format the fan may want to listen is fine with us – vinyl, wax cylinders, shellac, 8-track, iPod, cloud storage, cranial implants – just as long as it’s loud and rockin' (Billy Gibbons, ZZ Top)

fabien

Vive la super 5 !

drasche a écrit :

c'est plutôt ce qu'on doit lire si JS n'est pas activé

moi sur mon site j'ai enlevé la partie js de xiti
d'alleiur elle sert a koi cett partie en js? :??:

drasche

à dire que tu dois activer JS si tu veux profiter pleinement du site

shade93

persona non grata

qqun pourrait me dire ce qui ne va pas :

http://validator.w3.org/check?uri= [...] onatti.com

---------------
"I choose a lazy person to do a hard job. Because a lazy person will find an easy way to do it" B. Gates

Hermes le Messager

Breton Quiétiste

shade93 a écrit :

qqun pourrait me dire ce qui ne va pas :

http://validator.w3.org/check?uri= [...] onatti.com

shade93

persona non grata

ahhhh merci !
Pourtant j'ai trouvé la ligne sur un site qui parle de la norme...

---------------
"I choose a lazy person to do a hard job. Because a lazy person will find an easy way to do it" B. Gates

Publicité

Page : 1 2 3 4 5 .. 32 33 34 .. 48 49 50 51 52 53

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

Divers

FAQ XHTML/CSS -- La FAQ évolue ! Détails inside

Sujets relatifs
[newby inside] installer et utiliser dbd::oracle	CSS et polices de substitution
Comment disposer une image au sein d'un texte... (CSS inside).	[CSS] Peut on changer l'apparence d'une checkbox ?
[ALGO]Cherche algo de vérif de clés pour n° de cheque (math inside)	Gros newbie inside .... lecture de char dans un fichier HELP !!!
[CSS] peut on remplacer la valeur de background par une variable ?	[PHP MySQL] Problème d'apostrophe ! [MONGOLE INSIDE]
Plus de sujets relatifs à : FAQ XHTML/CSS -- La FAQ évolue ! Détails inside

Page générée en 0.120 secondes