HTML texte coupé

**ickyknox** · 22/05/2012, 23h34

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!

**Vil'Coyote** · 22/05/2012, 23h46

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.

**ickyknox** · 23/05/2012, 01h29

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.

**Bovino** · 23/05/2012, 10h48

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.

**ickyknox** · 23/05/2012, 17h15

QUE FAUT IL UTILIser du coup à la place du <font> ?

**thelvin** · 23/05/2012, 17h53

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

HTML texte coupé

HTML

Vue hybride

Discussions similaires

Partager

Partager