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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Hésitation sur une construction HTML

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Hésitation sur une construction HTML

n°263257
thekeke
La vie est belle !
Posté le 06-12-2002 à 14:40:39  profilanswer
 

Voilà je voudrais construire un petit tableau pour chaques parties de mon site sur ma homepage afin de présenter les nouveautés (il y aura 5 ou 6 petits tableaux au final)...
 
 
Actuellement le "cadre nouveautés" est comme ça :
 
http://thekeke.free.fr/images/hfr/exempleblog.gif
 
Le problème c'est que du coup je ne vais pas pouvoir faire un tableau simple en HTML avec un border 1px... Je vais devoir faire une découpe image pour le haut du tableau et j'ai peur d'alourdir (un peu) la gestion de la page...
 
alors j'ai pensé faire ça à la place mais c'est moins "sympa" :
 
http://thekeke.free.fr/images/hfr/exempleblog2.gif
 
Là du coup je fais juste un bouton pour le haut du tableau et le reste c'est un truc classique avec un border 1 px...
 
 
Je me disais que vous aviez peut etre une astuce pour garder la premiere présentation ???


---------------
BattleTag : thekeke#2108 ajoutez moi ;)
mood
Publicité
Posté le 06-12-2002 à 14:40:39  profilanswer
 

n°263260
gm_superst​ar
Appelez-moi Super
Posté le 06-12-2002 à 14:42:49  profilanswer
 

thekeke a écrit :

Je me disais que vous aviez peut etre une astuce pour garder la premiere présentation ???


Oui, positionnement absolu ou relatif au choix. Tout ça bien sûr sans tableau.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°263264
DrWatson
_@''
Posté le 06-12-2002 à 14:44:07  profilanswer
 

gm_superstar a écrit :


Oui, positionnement absolu ou relatif au choix. Tout ça bien sûr sans tableau.


 
comment on gère ce genre de pb sans tableau ?


---------------
.:: Feed-Back  ::. Choisis un travail que tu aimes, et tu n'auras pas à travailler un seul jour de ta vie.
n°263271
thekeke
La vie est belle !
Posté le 06-12-2002 à 14:45:51  profilanswer
 

gm_superstar a écrit :


Oui, positionnement absolu ou relatif au choix. Tout ça bien sûr sans tableau.


 
dans mon cas c est vraiment la galere (beaucoup de trucs a positionner... et je m'y connais encore trop peu pour me lancer la dessus directement :( (j'ai deja du mal à centrer un tableau et son contenu malgré les supers tutoriaux ;) )
 
EDIT : oui en fait je montre que cette partie mais y a pleins de trucs sur la page...


Message édité par thekeke le 06-12-2002 à 14:46:54

---------------
BattleTag : thekeke#2108 ajoutez moi ;)
n°263284
Profil sup​primé
Posté le 06-12-2002 à 14:51:11  answer
 

gm_superstar a écrit :


Oui, positionnement absolu ou relatif au choix. Tout ça bien sûr sans tableau.

comment tu ecrirai ca?

n°263300
gm_superst​ar
Appelez-moi Super
Posté le 06-12-2002 à 15:03:42  profilanswer
 

DrWatson a écrit :

comment on gère ce genre de pb sans tableau ?


chacal_one333 a écrit a écrit :

comment tu ecrirai ca?



Bah c'est simple. On a un DIV pour le contenu (là où il y a le texte) et 2 images ("weblog" et "consulter" ).
 
En relatif on peut faire comme ça :
 
<div class="conteneur">
  <img src="weblog.png" height="..." width="..." alt="Weblog" />
  <div class="contenu">Bla Bla....</div>
  <img class="consulter" src="consulter.png" height="..." width="..." alt="Consulter mon Weblog" />
</div>
 
Bon si je me contente de ça je me retrouve le 2ème cas.
 
Ce qu'il faut faire maintenant c'est décaler vers la gauche et vers le haut le DIV "contenu" et l'image "consulter"
 
div.contenu, img.consulter {
  position: relative;
  left: -10px;
  top: -5px;
}
 
Ca devrait suffire normalement.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°263304
thekeke
La vie est belle !
Posté le 06-12-2002 à 15:08:28  profilanswer
 

aaaaaaaaaaah j'ai réussi d'une manière légérement différente et ca passe bien apparemment... (grace encore au superbe topic de gm_superstar ;) )
 
mon code

Code :
  1. <table width="266" class="borderdark">
  2.   <tr>
  3.     <td><img src="images/interface/logoweblog.gif" width="110" height="18" class="logo"><br>
  4.       blablabla</td>
  5.   </tr>
  6. </table>


 
ma css
 

Code :
  1. .borderdark {
  2. border-top-width: 1px;
  3. border-right-width: 1px;
  4. border-bottom-width: 1px;
  5. border-left-width: 1px;
  6. border-top-style: solid;
  7. border-right-style: solid;
  8. border-bottom-style: solid;
  9. border-left-style: solid;
  10. border-top-color: #000000;
  11. border-right-color: #000000;
  12. border-bottom-color: #000000;
  13. border-left-color: #000000;
  14. }
  15. .logo {
  16. position: relative;
  17. bottom: 15px;
  18. left: 155px;
  19. }


 
bon le probleme c'est que je dois adapté la position de mon logo en fonction de la largeur du tableau...
 
c'est bien ça ?


---------------
BattleTag : thekeke#2108 ajoutez moi ;)
n°263314
gm_superst​ar
Appelez-moi Super
Posté le 06-12-2002 à 15:13:01  profilanswer
 

thekeke a écrit :

bon le probleme c'est que je dois adapté la position de mon logo en fonction de la largeur du tableau...
 
c'est bien ça ?


Ben c'est compliqué ça. Mieux vaut décaler le texte que l'image weblog. Mais tu ne postes pas assez de code donc je peux pas t'en dire plus.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°263776
DrWatson
_@''
Posté le 06-12-2002 à 21:24:25  profilanswer
 

thekeke a écrit :

aaaaaaaaaaah j'ai réussi d'une manière légérement différente et ca passe bien apparemment... (grace encore au superbe topic de gm_superstar ;) )
 
mon code

Code :
  1. <table width="266" class="borderdark">
  2.   <tr>
  3.     <td><img src="images/interface/logoweblog.gif" width="110" height="18" class="logo"><br>
  4.       blablabla</td>
  5.   </tr>
  6. </table>


 
ma css
 

Code :
  1. .borderdark {
  2. border-top-width: 1px;
  3. border-right-width: 1px;
  4. border-bottom-width: 1px;
  5. border-left-width: 1px;
  6. border-top-style: solid;
  7. border-right-style: solid;
  8. border-bottom-style: solid;
  9. border-left-style: solid;
  10. border-top-color: #000000;
  11. border-right-color: #000000;
  12. border-bottom-color: #000000;
  13. border-left-color: #000000;
  14. }
  15. .logo {
  16. position: relative;
  17. bottom: 15px;
  18. left: 155px;
  19. }


 
bon le probleme c'est que je dois adapté la position de mon logo en fonction de la largeur du tableau...
 
c'est bien ça ?


 
grace à toi j'ai découvert le topic de gm_superstar c'est cool :) hop mis dans les favoris ! Ca va bcp m'aider


---------------
.:: Feed-Back  ::. Choisis un travail que tu aimes, et tu n'auras pas à travailler un seul jour de ta vie.

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

  Hésitation sur une construction HTML

 

Sujets relatifs
[HTML] Problème avec TABLEAU[php html] pb avec les frames et une redirection
Masque pattern/expression régulière exclusivement dans une balise HTMLJ'arrive pas à retrouver le code html d'une couleur...le vieux vert!
Html / dreamweaverComment chopper son IP et la coller dans une source HTML ???
[HTML] - Image map popup - comment retourner à la ligne ?[HTML] comment faire un refresh avec post automatique
[Html] [URGENT] Mise en place d'un tab dans un tabpas de html dans mes formulaires
Plus de sujets relatifs à : Hésitation sur une construction HTML


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