Java ; Css

Ajouter ou retirer ce sujet de vos favoris · Suivre ce sujet · Imprimer ce sujet
Bas de page Pages : 1 2 3 4 5 6 Page précédente Page suivante

benoît

hybrid core creator
Messages : 9721

à l'aide Atlantis / ViBe

Google

Liens sponsorisés

Atlantis

Membre
Messages : 1358

moi je voudrais bien mais je suis déjà à la bourre sur la rédaction de mon mémoire de thèse, je peux mm pas jouer le soir en ce moment. balance tes sources déjà sinon mm vibe il pourra pas trop t'aider... moi à priori je suis booké jusqu'au 15 juillet minimum ...

benoît

hybrid core creator
Messages : 9721

oki sieur

Vincent

ID PSN : akadoudou
Messages : 7130

QUOTE (Atlantis @ lundi 20 juin 2005 à 20:18)

balance tes sources

ce que je fais avec debugger (pour PHP et MySQL) je lui mets à dispo les fichiers à telecharger, c'est plus pratique de pouvoir lire ds un editeur avec coloration (context ou Vi par ex.)

benoît

hybrid core creator
Messages : 9721

excusez moi, mais j'ai encore un souci

donc voilà, j'ai deux images de 21*21px qui se situent avant et après la <DIV> où se situent les liens.

CSS :

#menu_g {background:#FFF;margin:45px 0 0 10px;width:170px;height:auto;}
#menu_g_1 {background:#FFF;margin:10px 20px 5px 0;width:150px;height:21px;}
#menu_g_2 {background:#FFF;margin:0 auto 0 auto;width:128px;height:auto;border:1px solid #999;text-align:center;}
.menu_g_2 a {background:#FFF;text-decoration:none;text-align:center;font-family:arial;display:block;color:#000;font-size:100%;}
.menu_g_2 a:hover {background:#CCC;text-decoration:none;text-align:center;font-family:arial;display:block;color:#000;font-size:100%;}

voilà le code CSS

HTML :

<TABLE WIDTH="150" CELLPADDING="0" CELLSPACING="0">
<TR VALIGN="top">
<TD WIDTH="21" VALIGN="top"><IMG SRC="images/site/menu_g_g.gif"/></TD>
<TD WIDTH="130" VALIGN="top"><DIV ID="menu_g_2" CLASS="menu_g_2"><A HREF="inscription.html">S'inscrire</A></DIV></TD>
<TD WIDTH="21" VALIGN="top"><IMG SRC="images/site/menu_g_d.gif"/></TD>
</TR>
</TABLE>

j'ai pas trouvé d'autres moyens que de faire ça

et j'aimerai savoir quelle possibilité CSS me permettrait "d'encadrer" la DIV par les deux images, sans avoir à recourir aux tables ?

Vincent

ID PSN : akadoudou
Messages : 7130

.xxxx {
position: absolute;
left: x px ou %;
margin-top: x px ou %;
margin-left: x px ou %;
/*les valeurs peuvent être negatives*/
}

c'est lourd comme methode mais tu seras sûr de ton coup

pour tes adresses utilises les url c'est plus sûr (pb ie)

Message édité par ViBe le mardi 21 juin 2005 à 17:37:05

benoît

hybrid core creator
Messages : 9721

rosco m'a filé une super technique

( je te remercie

)

#menu_g {float:left ou right);}

je viens de tester vite fait et ça a l'air de marcher pas mal du tout

explique moi que défini précisément {position:absolute;}

merci ViBe

Vincent

ID PSN : akadoudou
Messages : 7130

QUOTE (benoît @ mardi 21 juin 2005 à 17:36)

rosco m'a filé une super technique

( je te remercie

)

#menu_g {float:left ou right);}

je viens de tester vite fait et ça a l'air de marcher pas mal du tout

explique moi que défini précisément {position:absolute;}

merci ViBe

test dans plusieurs navigateurs, je ne sais pas si c'est sûr à 100%, si c'est le cas c'est vrai que c'est plus simple

absolue et fixe

float

Message édité par ViBe le mardi 21 juin 2005 à 17:41:22

benoît

hybrid core creator
Messages : 9721

merci

Vincent

ID PSN : akadoudou
Messages : 7130

on peut voir ton site quelque part?

benoît

hybrid core creator
Messages : 9721

re salute les d'jeunzs

j'ai un nouveau problème avec le contrôle css et la variable "position".

Bon : déjà, voilà le code HTML.

<HTML>

<HEAD>
<LINK REL="stylesheet" TYPE="text/css" HREF="index.css">
</HEAD>

<BODY>
<DIV ID="haut"><IMG SRC="logo.png"/>
<DIV ID="content">euh... glurp

</DIV>
</BODY>

</HTML>

et voilà maintenant le code css :

body{
background-color:ffffff;
margin:0;
padding:0;
font-family:arial,verdana;
font-size:11px;
color:rgb(50,150,200);
text-decoration:none;
}

/* haut de page */

#haut img{
background-color:rgb(120,120,120);
border:1px solid #000000;
margin-left:10px;
margin-top:0;
width:98px;
height:98px;
position:?;
}

/* menu central */

#content{
background-color:eeeeee;
width:950px;
margin-left:auto;
margin-top:100px;
margin-right:auto;
position:?;
}

le problème c'est que le "haut" est bien à sa place une fois avec la variable position:absolute, mais le "content" avec la variable position:absolute prend référence à "haut" au lieu de prendre référence aux bord de la fenetre du navigateur, et il n'est pas horizontalement placé, mais posède une marge par rapport à left, qui est inconnue le kneu.gif

.

Comment puije faire pour avoir le "haut" en haut à gauche avec une marge prédéfinie et le "content" juste en dessous, mais avec sa marge de 100px qui commencerai depuis la fenetre du navigateur et non de "haut" ?

merci

benoît

hybrid core creator
Messages : 9721

bon, j'ai réussis à obtenir quelque chose qui me conviendrai, mais bon je suis toujours obligé de recourir à ces fichus tableaux

.

voilà le css :

body{
background-color:ffffff;
margin:0;
padding:0;
font-family:arial,verdana;
font-size:11px;
color:rgb(50,150,200);
text-decoration:none;
}

/* haut de page */

#logo{
background-color:#eeeeee;
margin-left:auto;
margin-top:5px;
margin-right:auto;
width:100px;
height:100px;
position:absolute;
}

/* menu central */

#content{
background-color:#eeeeee;
width:950px;
margin-left:auto;
margin-top:105px;
margin-right:auto;
position:absolute;
}

et voilà l'html :

<HTML>

<HEAD>
<LINK REL="stylesheet" TYPE="text/css" HREF="index.css">
</HEAD>

<BODY>
<TABLE WIDTH="950" ALIGN="center" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD VALIGN="top">
<DIV ID="logo"><IMG SRC="logo.png"/></DIV>
<DIV ID="content">euh... glurp

</DIV>
</TD>
</TR>
</TABLE>
</BODY>

</HTML>

quelqu'un connait un moyen de me passer des tableaux ?

merci

Message édité par benoît le dimanche 04 septembre 2005 à 19:11:25

Cooling

Membre
Messages : 265

Pkoi tu veux te passer de tableaux ? De toutes façons ton code HTML est pourri alors autant le pourrir jusqu'au bout

benoît

hybrid core creator
Messages : 9721

bah plutot que de critiquer, aide moi

benoît

hybrid core creator
Messages : 9721

benoît

hybrid core creator
Messages : 9721

Message édité par benoît le vendredi 09 septembre 2005 à 18:51:53

benoît

hybrid core creator
Messages : 9721

me revla avec une interrogation sur le code

donc, après le comportement bizarre de mon code, je me pose une question

j'utilise en css par exemples :

.menu
ou
#menu

qui correspondent dans une div à
div class="menu"
et
div id="menu"

mais comment ça fonctionne avec tr, td, table

bon, normalement c'est pareil ( genre tr class="menu" )

mais je demande quand même parce que ça agit pas du tout du tout comme prévu.

Merci

Rosco

Administrateur
Messages : 19406

Wé c'est pareil, le CSS s'applique à n'importe quelle balise nécessitant une mise en forme.
Si tes TR sont englobés dans un conteneur de type DIV, tu peux directement imposer le style de la classe TR dans ce conteneur, ça évite de répéter sans cesse class=blabla..

benoît

hybrid core creator
Messages : 9721

merci

je vais donc débusquer l'erreur

benoît

hybrid core creator
Messages : 9721

bon de retour avec une erreur surement très bète que je la vois pas ...

Utilisation de polices externes avec @font-face

dans le css

CODE :

@font-face{font-family:ABUSO;src:url(ABUSO.TTF);}
#header{font-family:ABUSO, verdana;}

dans le xhtml

CODE :

<div id="header">WAZAAAA</div>

voilà, où est l'erreur ?

Shinuza

Mais bof quoi
Messages : 4351

1- Vérifies que l'url de la police n'est pas basée sur le référentiel de la feuille de style.
2- La police est subjectivement moche
3- Il faut spécifier une police sans empattement en tant que dernier repliment (sans sérif)
4- La police est subjectivement moche
5- Edites moi ce menu
6- http://robloche.free.fr/javascript/font/test_font.html Chez moi ça ne marche pas.

debugger

Membre
Messages : 1954

QUOTE (Shinuza @ lundi 04 septembre 2006 à 11:57:35) :

6- http://robloche.free.fr/javascript/font/test_font.html Chez moi ça ne marche pas.

chez moi non plus

ça me fait penser : et si on faisait un script qui crée une image dynamique à partir de paramètres (fonte, taille, etc) ?

debugger

Membre
Messages : 1954

c'est faisable

on peut même choisir les couleurs (fonte et fond) et l'angle

http://heryware.fr/images/text.php?text=C...Masters&size=50
changer les paramètres dans l'url pour modifier l'image

en rajoutant des déformations et du bruit je viens de (ré)inventer la génération d'images dynamiques de contrôle pour la validation d'inscriptions

Shinuza

Mais bof quoi
Messages : 4351

Bah oui c'est faisable

Y'a ça sur dafont.com depuisi des années

debugger

Membre
Messages : 1954

je viens de regarder, sur dafont.com les exemples sont des .png statiques