Débutant demande aide

Fermé
danidina Messages postés 16 Date d'inscription samedi 23 octobre 2010 Statut Membre Dernière intervention 29 novembre 2010 - 5 nov. 2010 à 17:10
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 - 6 nov. 2010 à 18:39
Salut à tous,

voila j'ai petit souci avec le code suivant, je n'arrive pas à modifier la taille texte en pixel. Je voudrais obtenir la lette "a" à 16px et la lettre "b" à 14px

Merci d'avance pour vos réponse.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
</head>

<body>
<div id="1">a<br>b<br>c</div>
</body>
</html>

12 réponses

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
5 nov. 2010 à 17:26
Salut.

Tu peux utiliser la balise <span>. Elle ne modifie pas l'élément, mais tu pourras la sélectionner en CSS (tu peux utiliser les attributs class ou id) et styler le contenu de cette balise. Ou tu peux directement utiliser l'attribut style pour mettre le CSS dedans.

<div id="1">
    <span style="font-size:16px">a</span><br />
    <span style="font-size:14px">b</span><br />
    c<br />
</div>
0
danidina Messages postés 16 Date d'inscription samedi 23 octobre 2010 Statut Membre Dernière intervention 29 novembre 2010 1
Modifié par danidina le 5/11/2010 à 18:27
Un grand merci à toi!

Sinon, j'ai un dernier problème d'affichage entre Safari, Firefox et Explorer.

comme vous pouvez le voir sur le lien ci-dessous selon le navigateur, le texte n'est pas de la même longueur.

https://www.imagup.com/data-recovery-solutions-for-small-businesses-of-san-francisco/

Savez-vous d'où peux provenir le problème, et comment le corriger?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<style type="text/css">
#CP {
width: 780px;
margin-right: auto;
margin-left: auto;
}
#C11 {
text-align: justify;
width: 780px;
font-family: "Century Gothic";
font-size: 11px;
}
</style>
</head>

<body>
<div id="CP">
<div id="C11"><strong>LES ARCHITECTES DU TEMPS</strong><br />
<br />
Depuis 1911, les Architectes du Temps consacrent leur talent, leur
passion et leur créativité au design et à la fabrication de montres
distinctives, perpétuant une réelle fascination.<br />
<br />
Premières esquisses, plans à l'échelle, matériaux nobles, proportions
harmonieuses, courbes originales, textures lisses, détails de finition,
autant de vocabulaire que la création des montres Ebel et le monde de
l'architecture partagent. Il ne s'agit pas uniquement d'un hasard
linguistique, mais d'un même esprit que l'on retrouve dans ces deux
disciplines exigeantes.<br />
<br />
Dans l'horlogerie comme dans l'architecture, c'est un mélange de
raffinement artistique et de précision technique qui permet aux oeuvres
d'allier la fonction et l'émotion. Tout en remplissant clairement une
ou plusieurs missions pratiques, la forme d'une véritable création
architecturale, qu'elle soit un bâtiment ou une montre, est imprégnée
d'une esthétique évidente, d'une grande sophistication et d'un sens
artistique remarquable.<br />
<br />
De la conception à la production de chaque montre Ebel, une technologie
de pointe et un savoir-faire exceptionnel se combinent à une
inspiration visionnaire, dans le respect des normes de qualité élevées
fixées par les Architectes du Temps.<br />
<br />
<br />
<strong>LES RÈGLES DE QUALITÉ</strong><br />
<br />
Ebel à toujours fait de la qualité une philosophie d'entreprise. Les
normes techniques sans compromis qu'elle applique, correspondant au
label «Swiss Made», sont les plus élevées du secteur horloger. La
priorité absolue d'Ebel est la satisfaction de ses clients, et ce souci
constant de la qualité est une des principales caractéristiques
immuables dans toutes les collections de la marque.<br />
<br />
Cette détermination à toute épreuve s'appuie sur un certain nombre de
moyens techniques et de procédures, tels que l'utilisation de systèmes
éprouvés, testés et brevetés. Par exemple, le système breveté
garantissant l'étanchéité des couronnes Ebel fonctionne même lorsque
l'espace est très restreint, comme dans certains modèles pour dames.
Ebel insiste sans relâche sur tous les détails, même les plus infimes,
afin de maintenir le niveau de qualité qu'elle s'est fixé. Ainsi, dans
une glace de montre comme celle de la collection Tarawa, la plus petite
inclusion ou bulle d'air nuirait à la fiabilité du produit et réduirait
le plaisir de l'utilisateur.<br />
<br />
Les produits Ebel nécessitent les meilleurs composants et les matériaux
les plus nobles: des diamants de qualité IF à VVS1, une nacre superbe
pour les cadrans ou encore un cuir d'alligator pleine peau et cousu
main pour les bracelets. Les experts en sertissage de pierres calculent
l'orientation de chaque diamant pour qu'il brille de mille feux. De
même, la création est mise en valeur par sa finition: un brossage
satiné ou un polissage irréprochable, réalisé de manière à magnifier la
montre et à souligner ses formes.<br />
<br />
Les étapes de la production d'une montre Ebel ne comportent pas moins
de 235 points de contrôle, tous aussi cruciaux et sévères, afin
d'assurer la fiabilité de chaque composant et de garantir sa longévité. Toutefois, au-delà de la technologie et des machines ultra
perfectionnées employées à chaque étape, ce sont indubitablement
l'expérience et les connaissances humaines qui jouent le rôle le plus
important dans le respect des normes de qualité.</div>
</div>
</body>
</html>
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
5 nov. 2010 à 18:31
Les navigateurs n'ont pas les mêmes valeurs CSS par défaut.
Tu peux utiliser une feuille de reset en CSS.
0
danidina Messages postés 16 Date d'inscription samedi 23 octobre 2010 Statut Membre Dernière intervention 29 novembre 2010 1
5 nov. 2010 à 18:44
Pardon j'suis un peux perdu (j'suis débutant)

Comment je peux faire ça?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
5 nov. 2010 à 21:45
0
danidina Messages postés 16 Date d'inscription samedi 23 octobre 2010 Statut Membre Dernière intervention 29 novembre 2010 1
5 nov. 2010 à 23:31
Merci malheureusement j'y ai rien compris. C'est beaucoup trop compliqué pour moi.
0
danidina Messages postés 16 Date d'inscription samedi 23 octobre 2010 Statut Membre Dernière intervention 29 novembre 2010 1
6 nov. 2010 à 10:25
quelqu'un aurais l'amabilité de me modifier ce code afin d'aller de l'avant?
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
6 nov. 2010 à 13:03
Tu as juste à télécharger une feuille de reset qui n'est rien d'autre qu'un fichier texte avec l'extension .css qui contient du CSS qui fait certaines choses.

En voici une :
https://meyerweb.com/eric/tools/css/reset/reset.css

Pour l'inclure dans ta page :
<link rel="stylesheet" href="reset.css" type="text/css" media="all" />
0
danidina Messages postés 16 Date d'inscription samedi 23 octobre 2010 Statut Membre Dernière intervention 29 novembre 2010 1
6 nov. 2010 à 17:08
Ok merci, mais j'suis totalement perdu je l'ai telechargé ouvert et j'ai le code ci-dessous. Ensuite mon code ci-dessus, je le place ou exactement? Et ton code à toi (<link rel="stylesheet" href="reset.css" type="text/css" media="all" />) je le place ou dans mon code?

/* https://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
6 nov. 2010 à 17:49
Il faut enregistrer le code CSS dans un fichier "reset.css" (fais Ctrl+S sur [cette page]) à côté de tes pages HTML.

Le code que je t'ai donné (<link ... />) est à mettre dans l'entête de ta page (entre <head> et </head>, déjà présents normalement).
0
danidina Messages postés 16 Date d'inscription samedi 23 octobre 2010 Statut Membre Dernière intervention 29 novembre 2010 1
6 nov. 2010 à 18:02
Bon bin pour ton code je l'ai placé de cette manière, mais pour l'enregistrement du reset.css j'ai rien compris. Depuis quel menu on peut le faire avec Dreamweaver?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
link rel="stylesheet" href="reset.css" type="text/css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
</head>

<body>
</body>
</html>
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
6 nov. 2010 à 18:39
Il manque le chevron < avant link.
Pour enregistrer le fichier, clique ici puis fais Ctrl+S. Tu dois l'enregistrer dans le même dossier que tes pages HTML, "à côté" de celles-ci si tu préfères.
0