corriger mon code html...

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 3 Page Suivante Page Précédente Bas de page
Auteur	Sujet : corriger mon code html...

antp

Super Administrateur
Champion des excuses bidons

Reprise du message précédent :

kameha a écrit a écrit :

genre comme ca ou pas?
tag.body
{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #0B1F39; text-decoration: none; margin-left: 0px; margin-top:0px
}

je sens ke je dis une connerie...

je sens aussi...

par "tag" je voulais dire a, td, etc...
par "nom" je voulais dire clubdessports, etc...

pour body y a juste le tag, donc :

tag.body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; color: #0B1F39;
text-decoration: none;
margin-left: 0px;
margin-top: 0px;
}

et les retour de lignes après chaque ";" c'est plus clair aussi
(et n'édite pas ton fichier avec Dreamweaver, notepad suffit )

Message édité par antp le 06-09-2002 à 19:09:28

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

Publicité

--greg--

kameha a écrit a écrit :

j voulais voir si vous suiviez :ange:

http://www.courchevel.com/temp/site/css/style.css

ca va mieu là?

[:xp1700]

---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!

gm_superstar

Appelez-moi Super

kameha a écrit a écrit :

j voulais voir si vous suiviez :ange:

http://www.courchevel.com/temp/site/css/style.css

ca va mieu là?

Très bien. Alors c'est quoi les questions ?

kameha

au menu

- le pixel transparent
- l'espaceur dans mon menu gauch
tout ca ke jarrive pas a passer en CSS
- les enormités qui sautent au yeux de tou le monde sauf aux miens.

gm_superstar

Appelez-moi Super

kameha a écrit a écrit :

au menu

- le pixel transparent

J'ai pas compris ce que tu voulais faire avec ce pixel transparent...

Citation :

- l'espaceur dans mon menu gauch
tout ca ke jarrive pas a passer en CSS

Si j'ai bien compris, ton "espaceur" te sert à créer un espace entre le menu, le tableau newsletter et le tableau des contacts c'est ça ?

Dans ce cas tu vires d'abord les 2

Et tu crées une classe pour le tableau de la newsletter, qui définit une marge en haut et en bas de 10 pixels :

table.newsletter {
margin-top: 10px;
margin-bottom: 10px;
}

et bien sur ajouter un class="newsletter" dans le tableau de la newsletter.

Citation :

- les enormités qui sautent au yeux de tou le monde sauf aux miens.

Je préfère rien dire, parce que je te ferais refaire entièrement ta page

Message édité par gm_superstar le 06-09-2002 à 21:29:39

kameha

Citation :

Et tu crées une classe pour le tableau de la newsletter, qui définit une marge en haut et en bas de 10 pixels :

le truc, c'est ke cet espaceur defini aussi la taille en largeur.
Si je l'enleve, ma colonne bleu foncé a gauche se retrouve en bord a bord avec les lignes violetes dans mon menu.
Sachant que tout les elements de mon menu gauche sont dans un seul tableau.Est ce ke je peux créer un classe qui forcera mon tablo a rester a 137px de large sans utiliser d'images.

Citation :

J'ai pas compris ce que tu voulais faire avec ce pixel transparent...

c'est pour conserver un petit espace en haut. Si je mets un <br>, l'espace est trop grand, si je mets rien, le site est collé a la bare de navigu Ie, c'est pas terible.

Citation :

Je préfère rien dire, parce que je te ferais refaire entièrement ta page

a ce point?!! :pt1cable:

merci superstar

gm_superstar

Appelez-moi Super

kameha a écrit a écrit :

Citation :

Et tu crées une classe pour le tableau de la newsletter, qui définit une marge en haut et en bas de 10 pixels :

Il y a *plein* de manières de faire ça :

- Soit tu fixes la largeur de la cellule qui contient le menu, la newsletter et les partenaires à 137 pixels;
- Soit tu appliques à cette même cellule un "padding" gauche et droit de 5 pixels (c'est il me semble l'espace que tu cherches à avoir). Le padding, c'est la marge *intérieure* à une boite. L'avantage de cette solution est que tout ce qui est à l'intérieur de la cellule sera automatiquement centré. Là encore il faut utiliser les CSS :

<td class="frameGauche">
_menu_
_newsletter_
_partenaires_
</td>

Le style :

td.frameGauche {
padding-left: 5px;
padding-right: 5px;
width: 137px;
}

- Soit tu définis pour chaque tableau du menu, de la newsletter et des partenaires une marge droite et gauche de 5 pixels :

<table class="tabFrameGauche">
...
</table>

table.tabFrameGauche {
margin-left: 5px;
margin-right: 5px;
}

Citation :

c'est pour conserver un petit espace en haut. Si je mets un <br>, l'espace est trop grand, si je mets rien, le site est collé a la bare de navigu Ie, c'est pas terible.

OK. Tu dois jouer sur les marges du <body> :

body {
margin-top: 3px;
}

Pas besoin de GIF transparent.

Citation :

Je préfère rien dire, parce que je te ferais refaire entièrement ta page

a ce point?!! :pt1cable:

Ben oui. A mon avis les 2 tiers du code sont inutiles mais bon je suis pas cruel au point de te faire tout refaire Par contre essaye un peu de te renseigner sur le Web sur les CSS et les normes HTML/XHTML et apprends à code toi même ton site. Tu verras tu le regretteras pas. Ca demande un peu d'apprentissage mais après c'est moins de prises de tête et donc du temps gagné

Edit: en revanche j'aime beaucoup le design du site. Propre, clair, sans fioritures extraordinaires mais néanmoins élégant.

Mais bon : niveau ski je préfère Val Thorens ou Méribel

Message édité par gm_superstar le 08-09-2002 à 11:52:06

fatypunk

Java bien !

XHTML strict ! putain faut s'y mettre un peu, le reste c de la merde ! :bounce:

kameha

Citation :

Mais bon : niveau ski je préfère Val Thorens ou Méribel

jsui de ton avis. Surtout Meribel.jfais pas mal de snowboard, et cette activité est bcps plus developpé la bas.

pour le reste jm'y met tout de suite en esperant ke j'y arrive.
merci

kameha

superstar-->
truc bizarre:
j'ai fait les modifs ke tu m'as dit, ca marche ben.
Sauf sur Mac, il ne prend pas en compte mes CSS (marge body - marge menu gauche).

Publicité

gm_superstar

Appelez-moi Super

Quel navigateur sous Mac ?

kameha

mother fucking IE 5...

gm_superstar

Appelez-moi Super

5.2 ?

Bon en attendant essaye de remplacer dans le style de BODY margin-top par margin (vire aussi margin-left). Ajoute éventuellement padding: 0px;

Au final on devrait avoir ça

body {
margin: 3px;
padding: 0px;
}

Sinon pour le "cadre" de gauche quelle solution as-tu choisi ? Tu les as toutes essayées ?

antp

Super Administrateur
Champion des excuses bidons

pour Opera faut mettre padding en plus de margin, c'est peut-être aussi le cas de IE Mac

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

kameha

tout est OK maintenant...merci a tous.
par contre, jai jamais fait de test avec opera (encore un nouvo naviguateur :pt1cable: ?!!)

Citation :

Sinon pour le "cadre" de gauche quelle solution as-tu choisi ? Tu les as toutes essayées ?

j'ai attribué une marge "dte ghe" de 5 pixels juste a mon tablo partenaire via CSS. nickel!

si vous avez d'autres kestions sur le javascript, le html et les CSS, n'hésitez pas!

gm_superstar

Appelez-moi Super

kameha a écrit a écrit :

tout est OK maintenant...merci a tous.
par contre, jai jamais fait de test avec opera (encore un nouvo naviguateur :pt1cable:

?!!)

Non pas nouveau (on en est à Opera 6 et le 7 devrait pas tarder). Il doit faire ses quelques % d'utilisateurs. Il a l'avantage d'être assez léger et de respecter correctement les standards (en tout cas mieux que IE). Seuls quelques cas particuliers coincent avec lui. Le site : http://www.opera.com/ C'est un shareware. Si tu ne payes pas tu as une banière de pub en haut mais c'est pas forcément très génant.

Citation :

si vous avez d'autres kestions sur le javascript, le html et les CSS, n'hésitez pas!

Arf ! Mais n'hésite pas à te renseigner sur les CSS et le XHTML autant partir sur un bon pied pour tes futures pages

antp

Super Administrateur
Champion des excuses bidons

gm_superstar a écrit a écrit :

et de respecter correctement les standards

mwouais pas tout quand même

sur mon site y a deux trucs qui foirent et je pige pas pourquoi
- la barre bleue qui est en haut et en bas de la page
- les <hr /> "skinnés" (de couleur bleu uni ou gris pointillé sur certaines pages)

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

Profil supprimé

T mauvais, c tout, et ce browser te le rend bien

antp

Super Administrateur
Champion des excuses bidons

[:tapai]

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

gm_superstar

Appelez-moi Super

antp a écrit a écrit :

mwouais pas tout quand même

sur mon site y a deux trucs qui foirent et je pige pas pourquoi
- la barre bleue qui est en haut et en bas de la page

Bug j'ai l'impression...

Citation :

- les <hr /> "skinnés" (de couleur bleu uni ou gris pointillé sur certaines pages)

Les <hr> skinnés, y'a pas un navigateur qui le fait de la même manière... Il faut en général penser à définir, color, background-color et border-color.

antp

Super Administrateur
Champion des excuses bidons

quand je mets border ca foire dans mozilla, quand je mets background y a un effet bizarre sur les pointillés
et si je force pas la taille à 2px comme je le fais, je sais plus si c'est IE ou Mozilla qui râle
enfin je vais faire une page de test où j'essaie toutes les combinaisons possibles, ça sera plus simple je crois

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

gm_superstar

Appelez-moi Super

Normalement ce genre de truc passe bien :

hr {
height: 3px;
background-color: blue;
color: blue;
border: none;
}

--greg--

met une image [:totoz]

Message édité par --greg-- le 09-09-2002 à 12:24:58

---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!

antp

Super Administrateur
Champion des excuses bidons

gm_superstar a écrit a écrit :

Normalement ce genre de truc passe bien :

hr {
height: 3px;
background-color: blue;
color: blue;
border: none;
}

ça passe pas dans Opera en tout cas

Et pour en faire une ligne pointillé ça foire de toute façon
si je mets border: dashed ça passe dans IE mais pas dans les deux autres

Message édité par antp le 09-09-2002 à 12:33:52

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

gm_superstar

Appelez-moi Super

Sinon tu peux te débarasser de tes <hr> et définir un border-top pour tes paragraphes.

antp

Super Administrateur
Champion des excuses bidons

nan ça ça va pas être possible, ça ne sépare pas tous les paragraphes
tant pis pour Opera sur ce coup-ci
enfin ce soir je vais quand même continuer à faire des essais...

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

kameha

http://www.courchevel.com/temp/site/hiver/accueil.html

l'encadrée webshop a droite est entouré de bleu a cause du lien, comment le virer?obligé de faire une CSS?
Cette image est gérée par un javascript qui va chercher en random 4 images.
C'est koi ce mini espace bleu entre webshop(l'image java) et le panorama?sachant ke ce n'est pas a cause du lien. Kan je mets une image normal, cet espace n'y est pa.

merci

gm_superstar

Appelez-moi Super

img {
border: none;
}

antp

Super Administrateur
Champion des excuses bidons

img {border: none 0px;}

pour Netscape 4 faut peut-être même aussi rajouter color: #FFFFFF;, mais alors on ne voit plus le texte des "Alt" quand les images ne sont pas chargées (faut d'ailleurs que je vérifie ça sur mon site)

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

kameha

ds mon CSS (vous me parlez bien de CSS?), jai mi:
.images-webshop
{
border: none 0px;
}

et ds ma page html, au niveau de mon javascript,ca donne:
<script language="javascript" class="images-webshop">
document.write("<img src='../hiver/images-hiver/webshop-random/" + parseInt(Math.random()*4) + ".jpg' width=93 height=75 alt='Courchevel Webshop'>" );
</script>

et ca marche pas :gun: ... :cry:

gm_superstar

Appelez-moi Super

nan, class="images-webshop" tu le mets dans <img>

fastclemmy

(re-)Dictateur en plastique

Tu dois appliquer la classe à l'image et non à la balise script

Code :

<script language="javascript">
document.write("<img src='../hiver/images-hiver/webshop-random/" + parseInt(Math.random()*4) + ".jpg' width=93 height=75 alt='Courchevel Webshop' class='images-webshop'>" );
</script>

kameha

lien ok
http://www.courchevel.com/temp/site/hiver/accueil.html

mais ya tjrs cet espace bleu entre webshop et panorama. :heink:

gm_superstar

Appelez-moi Super

img.images-webshop {
display: block;
border: 0px none;
}

Pourquoi il y a un espace sous l'image ? Cf : http://devedge.netscape.com/viewsource/2002/img-table/

kameha

Citation :

img.images-webshop {
display: block;
border: 0px none;
}

merci.

j'ai a présent passé mon site en pourcent... :cry:
pour les 1024, c'était trop stretch et j'avais pas assez de place pour mettre mon contenu,tablos...
Par contre, ca part en ..... pour les 1280 (et +) au niveau des bandos du haut....tanpis(?).

dailleurs, ptite kestion:
kan je rempli de texte mon tablo blanc à 100% au milieu (Warum eigentlich nicht? Sie glauben Sie sind zu jung daf...), arrivé au bout du tablo, il agrandi tout et me fait un sroll horizontale .
Comment le restreindre à revenir à la ligne automatiquement?
ya know what I mean?

Mon html validator ne voit pas d'erreur (html transit :ange: ). :bounce:
Le logo, fo le mettre ou pas. Je sai pas trop ou le mettre sur ma page. Grafikement, il colle moyen :benetton: .On pe en faire un perso?

gm_superstar

Appelez-moi Super

kameha a écrit a écrit :

j'ai a présent passé mon site en pourcent... :cry:

Je préférais quand il y avait une taille fixe...

kameha a écrit a écrit :

pour les 1024, c'était trop stretch et j'avais pas assez de place pour mettre mon contenu,tablos...
Par contre, ca part en ..... pour les 1280 (et +) au niveau des bandos du haut....tanpis(?).

Ce qu'il faut faire c'est spécifier une taille fixe pour la première cellule (celle qui contient le menu) et la dernière et laisser la cellule du milieu sans indication de largeur.

kameha a écrit a écrit :

dailleurs, ptite kestion:
kan je rempli de texte mon tablo blanc à 100% au milieu (Warum eigentlich nicht? Sie glauben Sie sind zu jung daf...), arrivé au bout du tablo, il agrandi tout et me fait un sroll horizontale

.
Comment le restreindre à revenir à la ligne automatiquement?
ya know what I mean?

Pas trop compris... 100% en largeur ? en hauteur ?

kameha a écrit a écrit :

Mon html validator ne voit pas d'erreur (html transit :ange:

Le logo, fo le mettre ou pas. Je sai pas trop ou le mettre sur ma page. Grafikement, il colle moyen :benetton:

.On pe en faire un perso?

Rien ne t'oblige à mettre le logo (surtout en transitionnal )

Message édité par gm_superstar le 10-09-2002 à 11:41:03

kameha

tu preferais en taille fixe :pt1cable: !!
moi aussi remarke. Et comment jfai si ya des tablo avec bcps de colonne? J'arrive tro vite a saturation en largeur. Ca va faire un site a popup a repetition.
A la base j'aime pas trop les pourcentages. La présentation du contenu va trop etre aleatoire (voir moche) suivant la resolution. Le pb, cé ke j'ai trop de carte et de tablos.

Citation :

Pas trop compris... 100% en largeur ? en hauteur ?

j'ai tapé du texte à la 1ere ligne du contenu pour exemple=ca me fait donc un scroll horiz. Je voudrai ke ca revienne a la ligne sans rentrer un <br> kan j'arrive au bout de mon tablo.

gm_superstar

Appelez-moi Super

kameha a écrit a écrit :

tu preferais en taille fixe :pt1cable:

!!
moi aussi remarke. Et comment jfai si ya des tablo avec bcps de colonne? J'arrive tro vite a saturation en largeur. Ca va faire un site a popup a repetition.
A la base j'aime pas trop les pourcentages. La présentation du contenu va trop etre aleatoire (voir moche) suivant la resolution. Le pb, cé ke j'ai trop de carte et de tablos.

Bon si tu as des contraintes techniques ça se comprend...

kameha a écrit a écrit :

j'ai tapé du texte à la 1ere ligne du contenu pour exemple=ca me fait donc un scroll horiz. Je voudrai ke ca revienne a la ligne sans rentrer un <br> kan j'arrive au bout de mon tablo.

Ben c'est normal s'il n'y pas d'espaces, il n'y pas de retour à la ligne. Solution : ne pas écire de mots si longs Même en allemand y'a pas de mots comme ça

kameha

la kestion kelle est bonne:
comment on fait une ligne horizontale d'1 pixels de haut et 441 pixels de large avec les CSS?
merciben

antp

Super Administrateur
Champion des excuses bidons

<div style="border-top: 1px solid; width: 441px"></div>

ou <hr style="height: 1px; width: 441px"> mais Opera aime pas...

Message édité par antp le 11-09-2002 à 12:01:30

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

Profil supprimé

15 mn pour répondre... antoine fatigue

Publicité

Page : 1 2 3

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

corriger mon code html...

Sujets relatifs
[HTML / JS / Mozilla 1.x] désactiver JS >> RESOLU	[C++/MFC] Combien de lignes de code par jour ?
ch kk info sur le html	Soft pour indenter proprement de l'html (sans chercher a le nettoyer)
[JS .html] adesigner un objet d'une autre frame ?	coment mettre vidoe sur site en html?
Documentation Html	mettre des page mes page html sur mon site en php comment kon fait?
[HTML] mettre en cache des images	[HTML] ALIGNEMENT du FOND dans une CELLULE de tablo...
Plus de sujets relatifs à : corriger mon code html...

Page générée en 0.105 secondes