HTML texte coupé

Version imprimable

HTML texte coupé

bonjour à tous

j'ai créé un code html, mais mon texte est coupé.
Il s'agit du logo en haut à droite

http://plenitude-beaute06.com/promotions.html

voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
 
 body {
    font-family: BelleroseLight;
 src: url('http://plenitude-beaute06.com/font/bellerose-webfont.eot');
    src: url('http://plenitude-beaute06.com/font/bellerose-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://plenitude-beaute06.com/font/bellerose-webfont.woff') format('woff'),
         url('http://plenitude-beaute06.com/font/bellerose-webfont.ttf') format('truetype'),
         url('http://plenitude-beaute06.com/font/bellerose-webfont.svg#BelleroseLight') format('svg');
    font-weight: normal;
    font-style: normal;
 
line-height:20px;
    background-color: transparent 
}
 
  </style></head><body>
 
<FONT size="8"><a href="http://plenitude-beaute06.com" style="color:#9E2A95;text-decoration:none;">Plénitude Beauté</a></FONT>
 
<FONT size="5"><a href="http://plenitude-beaute06.com" style="color:#9E2A95;text-decoration:none;">Esthétique et bien-etre à domicile</a></FONT>
 
</body></html>

JE VOUS REMERCIE D'AVANCE !!

22/05/2012, 23h46
Vil'Coyote

tu peux expliquer ce que tu as essayer de faire ? par ce que par rapport au autres pages ton code est différent. et un positionnement ne se fait pas à l'arrache sans exploiter comme dans le code des autres pages un div et du css.

tu as également un soucis dans ton code :
slideshows[0][1]='lien de l'igm n°2' et c'est redondant.
23/05/2012, 01h29
ickyknox

je suis en train de refaire tout mon site en html car je m'y suis pris mal dès le début.

Donc pour commencer, je m'exerce sur le logo.

Donc mon problème consiste au fait que mon logo (en texte html) est légèrement coupé au dessus.
23/05/2012, 10h48
Bovino

Citation:

je m'y suis pris mal dès le début

Autant dire que tu continues à mal t'y prendre !
Les balises de mise en forme (comme <font>) sont dépréciées et ne devraient plus être utilisées.
C'est d'ailleurs à cause d'elles que tu as ton problème. Le size "8" correspond (du moins sur Firefox) à un font-size de 48px or comme tu définis le line-height à 20px, ben y a pas la place ! Du coup, le texte est centré horizontalement et déborde en dehors de la partie visible de l'écran.
23/05/2012, 17h15
ickyknox

QUE FAUT IL UTILIser du coup à la place du <font> ?
23/05/2012, 17h53
thelvin
Ben, en général, rien. Pourquoi tu voulais mettre quelque chose ? D'où as-tu sorti cette idée ?
Tu as déjà la balise <a>, si tu as besoin d'une balise pour styliser tes textes.

Dans le cas présent, je suppose que tu ne veux pas afficher tes deux <a> ensemble, mais par exemple chacun sur une ligne, ou séparés par une marque quelconque ou un vide.

Dans ce cas, tu devrais les entourer de <p> ou bien en faire une liste :
Code:

1 2 3 4 <ul> <li><a>texte 1</a></li> <li><a>texte 2</a></li> </ul>
Mais bon, idéalement, il faudrait apprendre le HTML avant de demander comment corriger ci ou ça.

donc j'ai essayé en enlevant font, et mettre size = "" à l'intérieur du a.

mais ca ne me change pas du tout la taille de la police , et ca me met une gros point devant mes lignes

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><link rel="stylesheet" type="text/css" href="http://plenitude-beaute06.com/style/style.css"/>
<style type="text/css">
 
 
 body {
    font-family: BelleroseLight;
 src: url('http://plenitude-beaute06.com/font/bellerose-webfont.eot');
    src: url('http://plenitude-beaute06.com/font/bellerose-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://plenitude-beaute06.com/font/bellerose-webfont.woff') format('woff'),
         url('http://plenitude-beaute06.com/font/bellerose-webfont.ttf') format('truetype'),
         url('http://plenitude-beaute06.com/font/bellerose-webfont.svg#BelleroseLight') format('svg');
    font-weight: normal;
    font-style: normal;
 
line-height:30px;
    background-color: transparent 
}
 
  </style></head><body>
 
 
 
 
<ul>
  <li><a href="http://plenitude-beaute06.com" style="color:#9E2A95;text-decoration:none; size="8">Plénitude Beauté</a></li><br>
  <li><a href="http://plenitude-beaute06.com" style="color:#9E2A95;text-decoration:none; size="5">Esthétique et bien-être à domicile</a></li>
<hr size=1 color = white>
  <li><a href="http://plenitude-beaute06.com" style="color:#BED58E;text-decoration:none;size="6">Soins aux produits de la mer</a></li>
 
</ul>
 
</body></html>

23/05/2012, 18h56
NoSmoking
Bonjour,
~~tu aurais dû déterrer plus ancien :mouarf:~~
L'ancienne façon d'appliquer des styles aux contenus
Code:

1 2 3 a{ font-size:13px; /* par exemple */ }
:fleche: http://www.w3.org/TR/CSS21/fonts.html
:fleche: http://www.w3.org/TR/CSS21/fonts.html#font-size-props
23/05/2012, 19h07
ickyknox
merci no smoking,

mais ce que je ne comprend pas, c'est par rapport à ce que moi j'ai écrit, où faut il écrire ce bout de code ? faut il l'écrire après <a ?? ou avant ?

j'ai testé ainsi mais ca ne fonctionne pas :
Code:

1 2 3 4 5 <a { font-size:13px; } href="http://plenitude-beaute06.com" style="color:#9E2A95;text-decoration:none;">Plénitude Beauté</a>
désolé si j'ai l'air si nul. J'ai beau lire les tuto etc ... j'ai beaucoup de mal

Si vous pouvez juste me dire à quel endroit précis de mon code ceci doit s'écrire, je comprendrait déjà beaucoup de choses entre les { } et les < >
24/05/2012, 00h49
Vil'Coyote
c'est une définition pour un css soit dans :
style="color:#9E2A95;text-decoration:none;" tu met tyle="color:#9E2A95;text-decoration:none;font-size:13px;" ce qui est déprécier.

soit dans le css de ton site tu ajoute
Code:

1 2 3 a { font-size:13px; }
cependant cela appliquera cette caractéristique à tout des <a>

il est préférable de définir dans ton css ce que tu souhaites assigné a ton <a> via des class ou des définition d'id

je pense que reprendre les bases depuis le depuis html+css ne serait pas du luxe en soit pour parfaire ton site et le modifier correctement.
24/05/2012, 20h35
ickyknox

merci beaucoup vil coyote, ca fonctionne bien !