Virb.com

salut!

je ne comprends rien au langage css et j'aimerais faire une modif dans le code css de ma page virb.com.
ma question est:
comment on dit à un texte d'aller à la ligne et comment aussi on peut signifier qu'on veut sauter une ligne

voici le résumé du code css de ma page:

/* Basic Customization
********************************************/

div#body_container, div#profile_container {
color: #444444;
font: normal 11px Trebuchet MS;
}

div#body_container {
width: 100%;
background: #0E0101;
}

div#profile_container {
background: #C2C2C2;
}

p em {
font-family: Trebuchet MS;
}

h1 {
font-size: 23px;
color: #0E0101;
}

div.profile_meta p.tagline {
color: #;
font-size: ;
}

div#meta_music p.tagline,
div#meta_music p.location {
color: #;
font-size: ;
}

div.profile_meta h2 {
color: #C4C1C1;
font-size: 14px;
}

div.profile_photo {
border: 1px solid #A5A5A5;
}

img.virb_image {
border: 1px solid #A5A5A5;
background: #C2C2C2;
}
a:hover img.virb_image {
background: #A5A5A5;
}

div.module {
border-top: 4px solid #dddddd;
color: #444444;
}
div.module p {
color: #444444;
font-size: 11px;
}

div#comments {
border-top: 4px solid #dddddd;
}
div.comment_box,
div.comment_box_alt,
#shows tr,
#shows tr.row_odd {
background-color: #efefef;
}
#shows tr { background-color: transparent; }

div.comment_box,
div.comment_box_alt,
#shows tr td,
#shows tr.row_odd td {
border-top: 1px solid #dddddd;
}

h3 {
font-size: 12px;
color: #444444;
}

p.tagline {
font-size: #;
}

.comment_box p,
.comment_box_alt p,
.comment_box p.comment_post,
.comment_box_alt p.comment_post,
#show tr p,
#shows tr.row_odd p {
color: #444444;
font-size: 11px;
}

.comment_box p.comment_extras,
.comment_box_alt p.comment_extras {
color: #888888;
font-size: 11px;
}

a,
a:link,
a:visited {
color: #0281ca;
}
a:hover {
color: #000000;
}

p.comment_author a,
p.comment_author a:visited {
color: #0281ca;
}
p.comment_author a:hover {
color: #000000;
}

#connect ul li {
border-bottom: 1px solid #A5A5A5;
font-size: 11px;
}
#connect ul li a:hover {
background: #efefef;
color: #0281ca;
}

#photo_portfolio {
border-bottom-color: #dddddd;
}

/* Advanced Customization
********************************************/

img { border: 0; }

hr {
height: 0;
width: 0;
border: 0;
}

ul, li { list-style-type: none; }

table, tr, td {
border: 0;
border-collapse: collapse;
vertical-align: top;
}

* { padding: 0; margin: 0; }

div#body_container, div#profile_container {
text-align: center;
}

div#body_container {
padding: 35px 0;
}

div#profile_container {
width: 770px;
margin: 0 auto;
padding: 35px 35px 10px 35px;
}

div#left_side {
float: left;
width: 570px;
margin: 0 10px 35px 0;
}

div#right_side {
float: left;
width: 180px;
margin: 0 0 35px 10px;
}

div.module {
display: block;
padding: 2px 15px 25px 0;
text-align: left;
line-height: 150%;
}
#connect { padding-right: 0; }
#meta, #meta_music, #connect { border: 0; }

#connect ul {
font-size: 11px;
margin-top: 5px;
}
#connect ul li a,
#connect ul li a:visited {
display: block;
width: 100%;
padding: .2em 0;
text-decoration: none;
}
#connect ul li em {
font-family: Arial, Verdana, sans-serif;
}
#connect ul li#isFriend,
#connect ul li#friendshipPending,
#connect ul li#isYou {
padding: .2em 0;
}

img.virb_image {
float: left;
padding: 3px;
margin: 0 13px 13px 0;
}
#videos img.virb_image,
.videos_alt img.virb_image,
#photos img.virb_image,
.photos_alt img.virb_image {
margin: 0 10px 10px 0;
}

#meta_music table, #shows table {
width: 100%;
}

#shows tr {
border-bottom: 1px solid #e3e3e3;
}
#shows tr.row_odd {
background: #f5f5f5;
}

#shows td {
text-align: left;
padding: .5em 0;
vertical-align: top;
}
#shows td.col1 {
width: 6em;
}
#shows td.col4 {
width: 2.5em;
}

#comments {
padding-right: 0;
margin-bottom: 35px;
}

div.comment_box,
div.comment_box_alt {
display: block;
padding: 15px;
margin: 0 0 10px 0;
}

.comment_box p.comment_extras,
.comment_box_alt p.comment_extras {
margin-top: 15px;
}

div#add_comment {
display: none;
margin: 0 0 20px 0;
}

#meta_music, #player_personal {
padding-right: 0;
}

#photo_portfolio {
border-top: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
margin: 0 0 20px 0;
padding: 10px 0 20px 0;
}
#photo_portfolio img {
width: 100%;
padding: 0;
margin: 0;
border: 0;
}

div.profile_photo {
float: left;
width: auto;
padding: 10px;
text-align: center;
}

.profile_photo img {
position: relative;
display: block;
}

div.profile_meta {
float: left;
padding: 15px;
}

.profile_meta ul {
margin: 10px 0 0 0;
}
.profile_meta ul li {
float: left;
padding: 0 10px 0 0;
}

.clear {
position: relative;
clear: both;
}


/* Typography
*****************************************************/

h1 {
letter-spacing: -1px;
}

h2 {
font-weight: normal;
line-height: 100%;
margin: 0 0 .2em 0;
letter-spacing: 0;
}
.profile_meta h2 em {
font-style: normal;
}
.profile_meta h2 span {
font-weight: normal;
}

h3 {
letter-spacing: 0;
padding: 0 0 1em 0;
margin: 0;
}

h4 {
font-size: 12px;
color: #666666;
padding-bottom: 10px;
}
h4 strong { color: #333333; }

h5 {
position: absolute;
top: 88px;
left: 360px;
width: 135px;
height: 12px;
font: normal 9px "Lucida Grande", Tahoma, sans;
color: #99ea00;
line-height: 12px;
}
h5 em { font-style: normal; }

p {
margin: 0;
}

p.tagline {
margin: .5em 0 1em 0;
line-height: 125%;
}

div#blogs p {
margin: 0 0 1.5em 0;
}
div#blogs p.blog_post {
margin: 0 0 .5em 0;
}

.comment_box p,
.comment_box_alt p,
.comment_box p.comment_post,
.comment_box_alt p.comment_post {
margin: 0 0 .5em 115px;
}
.comment_box p em,
.comment_box_alt p em {
margin-top: 2.5em;
font-size: 10px;
}

div.comment_box form p textarea {
width: 99%;
}

* html div.comment_box form p textarea {
margin-right: -100px;
width: 620px;
}

div.comment_box_alt form p textarea {
width: 99%;
}

* html div.comment_box_alt form p textarea {
margin-right: -100px;
width: 620px;
}


#player_personal p {
text-align: center;
}

input,
textarea {
font: bold 12px Arial, Helvetica, Verdana, sans;
color: #333;
padding: .2em;
width: 100%;
margin: 1em 0 .5em 0;
letter-spacing: -1px;
}

input.comment_btn {
width: auto;
padding: 0;
}

textarea.comment_text {
height: 90px;
margin: 0;
font-weight: normal;
}


/* Links
********************************************/

a,
a:link,
a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

.module h3 a,
.module h3 a:visited {
font-weight: normal;
}

div#blogs p.blog_post a,
div#blogs p.blog_post a:visited {
font-weight: bold;
}
Modifié par petite paresseuse (26 Sep 2008 - 09:04)

Bonjour et bienvenu sur le Forum

Merci de bien vouloir éditer ton message pour mettre les morceaux de code dans les balises appropriées et de changer ton titre pour lui donner plus de clarté par rapport au problème rencontré.

Bonjour,

Je crois que sur ce forum on te proposera surtout d'apprendre HTML et CSS (et donc surtout CSS dans ton cas). Je rappelle brièvement la règle 16 du forum:

a écrit :
Ce forum a pour vocation d'échanger des connaissances. Les membres ne sont pas là pour faire le travail à votre place. Il est donc inutile de demander des scripts tout faits, des codes à faire pour vous. On vous donnera les moyens d'y parvenir vous-même, sans vous apporter le code sur un plateau d'argent.

Donc parmi les solutions qui s'offrent à toi:
1. apprendre les rudiments de CSS;
2. confier le travail à quelqu'un qui connait déjà ces rudiments et qui serait disposé à t'aider (un ami, notamment).

je veux bien apprendre justement ce rudiment là:
comment on dit à un bloc de texte d'aller à la ligne??????????

petite paresseuse a écrit :
comment on dit à un bloc de texte d'aller à la ligne??????????

Heu... ça dépend?

Un élément de type bloc (paf, une notion à apprendre ) passe à la ligne tout seul. Les éléments de type en-ligne ne passent pas à la ligne, mais on peut leur dire de le faire avec un display: block. Les choses se compliquent lorsque l'on utilise les propriétés de positionnement, notamment position: absolute ou float, sur l'élément lui-même ou les éléments adjacents.

Hello,

C'est vrai que tu aurais pu choisir un autre pseudo
Je débute en css aussi.

Je ne veux pas dire de bêtises mais je crois que le retour chariot se fait par l'interprétation HTML et non par le css.
Bien sûr tu peux positionner deux blocs l'un sur l'autre mais un simple ctrl+entrée sur ton éditeur HTML, la balise </br> ou la balise <p>tonTexte </p> engendre automatiquement un retour à la ligne dans tes textes.

Voilou, j'espère que je ne raconte pas trop de bêtises...

@++

Ps: Florent m'a pris de vitesse
Modifié par copperfield (26 Sep 2008 - 14:32)

copperfield a écrit :
Je ne veux pas dire de bêtises mais je crois que le retour chariot se fait par l'interprétation HTML et non par le css.

Soit il s'agit d'une coupure au sein même du contenu (césure au sein d'un même paragraphe, par exemple), et on optera pour une balise appropriée dans le code HTML.
Soit il s'agit d'un coupure graphique pour faire joli et dans ce cas, là on optera pour la propriété appropriée dans le code CSS.

On ne va pas aligner 5 <br /> pour obtenir l'effet recherché juste parce que c'est plus simple...

Je suis entièrement d'accord avec toi
Maintenant c'est à lui de voir ce qu'il lui convient le mieux

Boulette: Le raccourci retour chariot est Shift+Entrée sous ton Editeur Html. Dsl
Modifié par copperfield (26 Sep 2008 - 17:34)

non non non je n'y arrive pas
ou dois je mettre ces:
</br>
pour que ça aille à la ligne
est-ce que c'est après le text align? ou ailleurs?
Modifié par petite paresseuse (26 Sep 2008 - 18:05)

bon ça fait 7 heures que je cherche comment aller à la ligne, je pète un peu les plombs.
si quelqu'un pouvait jeter un oeil sur la feuille css que j'ai posté et juste me dire ou je dois mettre les balises.
là j'ai un peu tout essayé.
j'en peux plus

petite paresseuse a écrit :
bon ça fait 7 heures que je cherche comment aller à la ligne, je pète un peu les plombs.
si quelqu'un pouvait jeter un oeil sur la feuille css que j'ai posté et juste me dire ou je dois mettre les balises.
là j'ai un peu tout essayé.
j'en peux plus

Et cela fait un peu plus de 8 heures que Cygnus t'a gentiment demandé de mettre en forme le code de ton premier message...

Pour éviter de tourner en rond sur ta demande qui ne me semble pas très claire, pourrais-tu fournir une page en ligne, ton code html, une image de ce que tu désires obtenir ?
Sinon, j'ai bien peur que tu te dessèches à force de pleurer...

Allez, courage

Cdt,
Sylvain

a écrit :
si quelqu'un pouvait jeter un oeil sur la feuille css que j'ai posté et juste me dire ou je dois mettre les balises.

Bah déjà ces balises ne vont pas dans ton code css mais directement dans ton texte !

et puis tant qu'à faire, </br> est moins bien que <br />

Bon je vais aussi me fouetter ici aussi...deuxième erreur dans mes posts ça fait beaucoup

Enfin la balise </br> fonctionne quand même, je me demande s'il ce n'est pas une ancienne balise HTML et que depuis le XHTML elle est passée à <br />

merci à celui qui m'a simplement dit que les balises se mettaient dans le texte et pas dans le code css!!!!
dieu ai son âme

merci à tous et à bientôt pour de nouvelles aventures palpitantes