Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1643 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Coins ronds transparents étirables ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Coins ronds transparents étirables ?

n°757325
youdontcar​e
Posté le 08-06-2004 à 23:46:40  profilanswer
 

Il y a sur la page d'accueil de http://www.macromedia.com des coins ronds transparents. Ces coins sont une image de taille fixe, une en haut, une en bas, chacune contenant un coin gauche, le haut/bas du bloc, un coin droit. Y'a t-il moyen de rendre ce bloc étirable ? (taille en %)  
 
J'ai beau chercher, je vois pas comment faire sans table, ou alors peut-être avec des positionnements absolutes crados.  
 
:??:

mood
Publicité
Posté le 08-06-2004 à 23:46:40  profilanswer
 

n°757336
Leris
Posté le 08-06-2004 à 23:57:43  profilanswer
 

Salut,
 
jette un oeil ici :
 
http://www.alsacreations.com/articles/
 
10eme et 11eme ligne du menu.
 
++
 
L.

n°757344
youdontcar​e
Posté le 09-06-2004 à 00:01:59  profilanswer
 

Hélas, ça marche pas avec des coins transparents.

n°757576
youdontcar​e
Posté le 09-06-2004 à 10:48:20  profilanswer
 

up !

n°757669
sibelius
Vous êtes sûr ?
Posté le 09-06-2004 à 11:46:25  profilanswer
 

youdontcare a écrit :

Hélas, ça marche pas avec des coins transparents.


Ah bon et pourquoi ça ?
Il suffit d'utiliser des gifs transparents, la technique reste exactement la même.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°757716
youdontcar​e
Posté le 09-06-2004 à 12:27:10  profilanswer
 

SIBELIUS a écrit :

Ah bon et pourquoi ça ?
Il suffit d'utiliser des gifs transparents, la technique reste exactement la même.

http://www.alsacreations.com/articles/tutocss2/cap.gifSi 'hautd' est transparent, on verra le 'haut' étiré derrière.

n°757721
sibelius
Vous êtes sûr ?
Posté le 09-06-2004 à 12:31:18  profilanswer
 

youdontcare a écrit :

http://www.alsacreations.com/articles/tutocss2/cap.gifSi 'hautd' est transparent, on verra le 'haut' étiré derrière.


C'est vrai. Dans ce cas, il suffit de séparer "haut" et "hautd" (ne pas les imbriquer comme c'est la cas)
Sinon, tu as toujours la 2ème méthode qui peut t'aider.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°757741
youdontcar​e
Posté le 09-06-2004 à 12:41:07  profilanswer
 

SIBELIUS a écrit :

C'est vrai. Dans ce cas, il suffit de séparer "haut" et "hautd" (ne pas les imbriquer comme c'est la cas)

Ah, effectivement. Par contre j'ai un espace entre les 2 blocs sous ie, que je n'arrive pas à gicler.
 

SIBELIUS a écrit :

Sinon, tu as toujours la 2ème méthode qui peut t'aider.

Non, elle n'est pas étirable.

n°757747
sibelius
Vous êtes sûr ?
Posté le 09-06-2004 à 12:49:36  profilanswer
 

youdontcare a écrit :


Non, elle n'est pas étirable.


Pas étirable en largeur, non.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°757752
youdontcar​e
Posté le 09-06-2004 à 12:54:51  profilanswer
 

SIBELIUS a écrit :

Pas étirable en largeur, non.

C'est précisément le sens qui m'intéresse :D
 
//
 
L'espace sous ie fait 3 pixels, ça donc l'air d'être http://www.positioniseverything.ne [...] xtest.html . J'ai rajouté un margin-left: -3px sur hautd, j'ai un résultat correct sous ie & firefox, mais la méthode me déplait franchement. Rien de mieux ?

mood
Publicité
Posté le 09-06-2004 à 12:54:51  profilanswer
 

n°757763
misterping​uin
Posté le 09-06-2004 à 13:27:52  profilanswer
 

youdontcare a écrit :

C'est précisément le sens qui m'intéresse :D
 
//
 
L'espace sous ie fait 3 pixels, ça donc l'air d'être http://www.positioniseverything.ne [...] xtest.html . J'ai rajouté un margin-left: -3px sur hautd, j'ai un résultat correct sous ie & firefox, mais la méthode me déplait franchement. Rien de mieux ?

avec align et valign, ça ne marche pas ?  :??:

n°757801
youdontcar​e
Posté le 09-06-2004 à 13:53:34  profilanswer
 

misterpinguin a écrit :

avec align et valign, ça ne marche pas ?  :??:

Comment ça ?

n°757818
fxoxo
Posté le 09-06-2004 à 14:05:04  profilanswer
 

Pour les 3 pixels il faut aussi jouer avec font-size:0px; et retirer tous (ou du moins certains) les espaces et sauts de lignes entre les balises ...

n°758015
misterping​uin
Posté le 09-06-2004 à 15:34:22  profilanswer
 


<td valign=top align=right><img.....
pour avoir ton coin en haut a droite ?

n°758161
bobuse
Posté le 09-06-2004 à 16:43:47  profilanswer
 

ya aussi l'attribut -moz-border-radius qui évite l'utilisation d'image :)
http://linuxfr.org/~kaiska/13517.html

n°758180
youdontcar​e
Posté le 09-06-2004 à 16:49:13  profilanswer
 

fxoxo a écrit :

Pour les 3 pixels il faut aussi jouer avec font-size:0px; et retirer tous (ou du moins certains) les espaces et sauts de lignes entre les balises ...

Déjà fait, et les 2 balises se touchent. J'ai toujours l'espace.

n°758182
youdontcar​e
Posté le 09-06-2004 à 16:49:41  profilanswer
 

misterpinguin a écrit :

<td valign=top align=right><img.....
pour avoir ton coin en haut a droite ?

J'aimerais une solution sans table, mais a priori je ne vais pas y couper.

n°758184
youdontcar​e
Posté le 09-06-2004 à 16:50:05  profilanswer
 

bobuse a écrit :

ya aussi l'attribut -moz-border-radius qui évite l'utilisation d'image :)
http://linuxfr.org/~kaiska/13517.html

Et je veux que ça marche le plus partout possible :D

n°758301
le20k
un ordinateur? pour koi faire?
Posté le 09-06-2004 à 17:52:23  profilanswer
 

accessoirement si tu es dans une table, tu peux ajouter ces parametres :
<table cellspacing=0 cellpadding=0 ...>
 
ça permet de coller les cellules entre elles sans aucun espace
/me use it


---------------
dieu créa l'homme et meuh fit la vache

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Coins ronds transparents étirables ?

 

Sujets relatifs
Des blocs div étirables l'un par rapport à l'autre[CSS] Bug affichage cadre aux coins arrondis
[Windows & vfw] Afficher des avi transparentsBordures avec coins arrondis
[HTML] Cadres transparents ?[HTML] Coins arrondis
Plus de sujets relatifs à : Coins ronds transparents étirables ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR