Hésitation sur une construction HTML

Marsh Posté le 06-12-2002 à 14:40:39

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 :

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" :

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 ;)

Reply

Marsh Posté le 06-12-2002 à 14:40:39

Reply

Marsh Posté le 06-12-2002 à 14:42:49

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

Reply

Marsh Posté le 06-12-2002 à 14:44:07

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.

Reply

Marsh Posté le 06-12-2002 à 14:45:51

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 ;)

Reply

Marsh Posté le 06-12-2002 à 14:51:11

gm_superstar a écrit :

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

comment tu ecrirai ca?

Reply

Marsh Posté le 06-12-2002 à 15:03:42

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

Reply

Marsh Posté le 06-12-2002 à 15:08:28

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 :

<table width="266" class="borderdark">
<tr>
<td><img src="images/interface/logoweblog.gif" width="110" height="18" class="logo"><br>
blablabla</td>
</tr>
</table>

ma css

Code :

.borderdark {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
.logo {
position: relative;
bottom: 15px;
left: 155px;
}

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 ;)

Reply

Marsh Posté le 06-12-2002 à 15:13:01

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

Reply

Marsh Posté le 06-12-2002 à 21:24:25

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 :

<table width="266" class="borderdark">
<tr>
<td><img src="images/interface/logoweblog.gif" width="110" height="18" class="logo"><br>
blablabla</td>
</tr>
</table>

ma css

Code :

.borderdark {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
.logo {
position: relative;
bottom: 15px;
left: 155px;
}

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.

Reply

Hésitation sur une construction HTML

Sujets relatifs:

Leave a Replay