barre verticale

zette · Message par **zette** » 17 avr. 2007, 17:30

Bonjour à tous

Je travaille avec IE et j'aimerais faire une barre verticale dans nvu pour séparer ma page en deux. Comment dois-je procéder ?
Merci de m'aider
A plus
zette

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob · Message par **Mongo Bob** » 17 avr. 2007, 19:28

zette a écrit :Je travaille avec IE

Ben, ça c'est ton navigateur préféré, c'est pas avec lui que tu fais ton site, donc peu importe?
En tout cas, le moyen pour créer une barre verticale (puisqu'il il n'y a pas d'équivalent de <hr> en vertical), c'est de créer un bloc par exemple de la largeur de ta barre ou un bloc avec une seule bordure celle de gauche ou celle de droite.
Mais ça, c'est pas spécial à Nvu/Kpz, c'est du css... Tu connais un peu? Des éclaircissements supplémentaires?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

barre verticale · Message par **barre verticale** » 17 avr. 2007, 20:27

merci mais si j'ai bien fait mon site avec IE et ta réponse, malheureusement, c'est du chinois !! hi!!. Je ne connais pas le CSS, j'ai bien l'intention de my mettre.
Donc si tu pouvais me détailler, ce serait vraiment sympa et si je ne peux pas y arriver et bien je ferai autrement, mais en réalité, j'aurais voulu faire une barre verticale sur la page complète et une horizontale traversant la verticale pour séparer chaque sujet et les images.
J'en demande peut-être un peu trop. Encore merci.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob · Message par **Mongo Bob** » 17 avr. 2007, 20:34

zette a écrit :merci mais si j'ai bien fait mon site avec IE

Ah, bon, je croyais que tu l'avais fait avec NVU (IE éditeur web? Hem...

)
Bon, tu nous dis maintenant que tu veux aussi une barre horizontale? Dis tout ce que tu veux faire d'un coup, qu'on débrouille tout ça, à+.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

zette · Message par **zette** » 17 avr. 2007, 22:05

Mon navigateur c'est Internet Explorer 6. Le logiciel que j'utilise pour faire mes pages c'est NVU. ok ?
Pour la barre horizintale, ce sera bon puisqu'elle existe sur NVU,.
Je voudrais partager ma page NVU en deux parties lesquelles seraient séparées par une barre verticale.
Ainsi, sur un côté de la page, je mets mes explications et sur la partie de droite je mettrais mes images.
Disons que ça changerait un peu de look par rapport à ce que j'ai fait jusqu'à maintenant.
Quant à la barre horizontale, celle-ci traverserait la barre verticale.

voici un exemple

ouh là là ! j'ai fait ça un peu gros

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob · Message par **Mongo Bob** » 17 avr. 2007, 22:27

Oui, j'avais compris qu'il y avait 2 barres qui se croisaient!

C'est ce que tu mets dedans qui peut influer. Bon, dans un premier temps, quelquechose comme ça :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 14 February 2006), see www.w3.org">
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <title>
      essai
    </title>
  </head>
  <body>
    <div style=
    "border-right: 1px solid rgb(255, 0, 0); border-bottom: 1px solid rgb(255, 0, 0); float: left; width: 40%; height: 500px;">
    haut gauche
    </div>
    <div style="border-bottom: 1px solid rgb(255, 0, 0); width: 40%; float: left; height: 500px;">
      haut droite
    </div>
    <div style="border-right: 1px solid rgb(255, 0, 0); float: left; width: 40%; height: 500px;">
      bas gauche
    </div>
    <div style="float: left; width: 40%; height: 500px;">
      bas droite
    </div>
  </body>
</html>

Mon navigateur c'est Internet Explorer 6. Le logiciel que j'utilise pour faire mes pages c'est NVU. ok ?

:
Ben oui, en effet, là ça va mieux! Des explications pour ci-dessus? Ce sont des css en styles internes, c'est pas l'idéal, mais peut-être que ça te conviendra.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

zette · Message par **zette** » 17 avr. 2007, 22:45

Merci mongo Bob, c'est exactement ça, je viens de faire l'essai sur NVU. Avec le code source, je vais pouvoir arranger un peu pour mettre la barre verticale un peu plus à droite. C'est super et merci mille fois, et quelle rapidité !
A plus
zette

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Message par **Ymai** » 17 avr. 2007, 22:46

barre verticale a écrit :Je ne connais pas le CSS, j'ai bien l'intention de my mettre.

Il n'y a rien à faire: il faut mettre les mains à la pâte et apprendre.
Malgré le bon vouloir de ceux qui donneront des solutions pour ce cas précis, sans comprendre ce qui est fait, cela ne peut rien donner de bon à brève échéance.
Soit on part sur des gabarits tout faits* (et qui ne conviennent pas forcément), soit on imagine sa mise en page et on maîtrise un peu la théorie sous-jacente.

C'était ma minute nécessaire de réalisme pragmatique et un tantinet pessimiste.
Tic........... Tac..........
Étonnant, non?

* Il y a un post-it sur le sujet.

Mongo Bob · Message par **Mongo Bob** » 17 avr. 2007, 22:55

Certes, mais donner une solution à un cas précis peut inciter à comprendre de façon plus large, ainsi là, si zette vaut changer la couleur des bordures de rouge en noir ou décaler vers la droite, il faudra peut-être qu'elle se mette au css. Le seul truc qui m'embête, c'est que c'est des styles internes mais bah, elle apprendra + tard à "céesser" en feuille de style, j'espère.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Message par **Ymai** » 17 avr. 2007, 23:04

Mongo Bob a écrit : j'espère.

C'est bien. On ne met jamais assez de confiance dans les capacités des autres.
Je m'en vais battre ma coulpe et porter le cilice de ce pas.
Méchant Dobby!!

zette · Message par **zette** » 17 avr. 2007, 23:26

problème,

Au-dessus de ce joli dessin que j'ai réussi à centrer, je ne peux pas centrer mes titres. Que faire ?
Bien sûr ce que j'ai demandé tout à l'heure me tombe sous la main sans que je n'y ai rien compris du tout, ce qui compte c'est que ça fonctionne. Il est vrai que là je tombe sur un os et malgré des essais, je ne vois pas comment centrer mes titres.
Merci, mais on va y arriver à plusieurs hi !!!
zette

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Mongo Bob · Message par **Mongo Bob** » 17 avr. 2007, 23:33

Cliquer dans le div concerné, dans la barre d'état (en bas) et sur <div>, faire clic droit/Styles internes/Propriété du texte/Alignement centré.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

zette · Message par **zette** » 18 avr. 2007, 00:06

ça ne va pas, mon texte se centre dans la partie droite ou gauche mais pas au milieu de ma page, la barre verticale étant centrée dans ma page, je voudrais qu'elle soit centrée par rapport aux texte que j'écris au-dessus ou plutôt c'est le texte qui doit être centré par rapport à la barre verticale. Oui bon, finalement ça veut dire pareil

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

zette · Message par **zette** » 20 avr. 2007, 19:58

bon, j'ai finalement fait à ma façon, voir mon site dans Excel"ouvrir,fermer excel"
http://perso.orange.fr/zette.gasbarre/

J'ai mis une cellule supplémentaire aux endroits voulus et je suis allée dans "td" en cliquant droit et ensuite "style interne" et "propriétés de fond. Et le tour est joué, après tout pourquoi je m'embêterais.On verra quand je connaîtrai le CSS.

Je vous remercie beaucoup de votre aide.
A plus
zette

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)

Geckozone

barre verticale

barre verticale

barre verticale

barre verticale

barre verticale

barre verticale

barre vertical

Qui est en ligne ?