j ai un soucis sur dreamweaver mx2004 conception de page css : deux colones navigue à gauche. Et ce depuis deux jours.

Pourriez vous me faire un copier coller du code de la page et me le mailer à harrissonbanks1@netcourrier.com

Et ce afin que je voye l etendue du degat, si ca vient de l afficheur, ou de la page.

Merci

Pourriez vous me faire un copier coller du code de la page et me le mailer à harrissonbanks1@netcourrier.com

Du code de quel page ?
n´importe quelle page css ?

kikoo dnob700

Non pas de n importe laquelle, en fait j ai une merde sur les conceptions de pages css ( kan tu prends l option designer au tout debut de l install, tu as ensuite un choix avec de multiples fenetres, et quand tu veux bosser à partir d exemple tu as sur la droite, " conception de pages css") et dans ce repertoire il en est une qui se nomme

2colone navigue à gauche.

en fait mon soucis : la page apparait avec ses titres en haut, ses premiers liens, une photo, des textes latin, et enfin toute la colone qui aurait du etre à gauche se retrouve en bas de page apres les textes !

donc il est possible que cela provienne d un parametre affichage de mon pc puisque j ai desinstallé reinstaller dramweaver à partir de deux sources differentes ( le livre campus micro, et la version dl) et sur deux disques durs differents.

Merci à toi

< !DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition<BR>al.dtd">
< html xmlns="http://www.w3.org/1999/xhtml">
< !-- DW6 -->
< head>
< meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / >
< title>Untitled Document</title>
< link rel="stylesheet" href="2col_leftNav.css" type="text/css" / >
< /head>
< !-- The structure of this file is exactly the same as 2col_rightNav.html;
the only difference between the two is the stylesheet they use -->
< body>
< div id="masthead">
< h1 id="siteName">Site Name</h1>
< div id="globalNav">
< a href="#">global link</a> | < a href="#">global link</a> | < a href="#">global
link</a> | < a href="#">global link</a> | < a href="#">global link</a> | < a href="#">global
link</a> | < a href="#">global link</a>
< /div>
< /div>
< !-- end masthead -->
< div id="content">
< div id="breadCrumb">
< a href="#">breadcrumb</a> / < a href="#">breadcrumb</a> / < a href="#">breadcrumb</a>
< /div>
< h2 id="pageName">Page Name</h2>
< div class="feature">
< img src="" alt="" width="280" height="200" / >
< h3>Feature Title < /h3>
< p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
Mauris magna eros, semper a, tempor et, rutrum et, tortor.
< /p>
< /div>
< div class="story">
< h3>Story Title</h3>
< p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
Mauris magna eros, semper a, tempor et, rutrum et, tortor.
< /p>
< p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
Mauris magna eros, semper a, tempor et, rutrum et, tortor.
< /p>
< /div>
< div class="story">
< h3>Story Title</h3>
< p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
Mauris magna eros, semper a, tempor et, rutrum et, tortor.
< /p>
< p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
Mauris magna eros, semper a, tempor et, rutrum et, tortor.
< /p>
< /div>
< /div>
< !--end content -->
< div id="navBar">
< div id="search">
< form action="#">
< label>search</label>
< input type="text" size ="10" / >
< input type="submit" value="go" / >
< /form>
< /div>
< div id="sectionLinks">
< h3>Section Links</h3>
< ul>
< li><a href="#">sectionLink</a></li>
< li><a href="#">sectionLink</a></li>
< li><a href="#">sectionLink</a></li>
< li><a href="#">sectionLink</a></li>
< li><a href="#">sectionLink</a></li>
< li><a href="#">sectionLink</a></li>
< /ul>
< /div>
< div class="relatedLinks">
< h3>Related Link Category</h3>
< ul>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< /ul>
< /div>
< div class="relatedLinks">
< h3>Related Link Category</h3>
< ul>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< /ul>
< /div>
< div id="advert">
< img src="" alt="" width="107" height="66" / > Ad copy ad copy ad copy. Ad
copy ad copy.
< /div>
< div id="headlines">
< h3>Headlines</h3>
< p>
Headline < a href="#">full story...</a>
< /p>
< p>
Headline < a href="#">full story...</a>
< /p>
< p>
Headline < a href="#">full story...</a>
< /p>
< p>
Headline < a href="#">full story...</a>
< /p>
< /div>
< /div>
< !--end navbar -->
< div id="siteInfo">
< img src="" width="44" height="22" / > < a href="#">About Us</a> | < a href="#">Site
Map</a> | < a href="#">Privacy Policy</a> | < a href="#">Contact Us</a> | ©2003
Company Name
< /div>
< br / >
< /body>
< /html>

je te remercie mais ca ne me donne rien

JE pense qu il sagit d une erreur de parametrage general car aucune des feuilles css ne fonctionne.

au cas ou si tu peux tester ce resultat ( une copie du code de la page)

< !DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition<BR>al.dtd">
< html xmlns="http://www.w3.org/1999/xhtml">
< !-- DW6 -->
< head>
< meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / >
< title>Untitled Document</title>
< link rel="stylesheet" href="styles/2col_leftNav.css" type="text/css" / >
< /head>
< !-- The structure of this file is exactly the same as 2col_rightNav.html;
the only difference between the two is the stylesheet they use -->
< body>
< div id="masthead">
< h1 id="siteName">Site Name</h1>
< div id="globalNav">
< a href="#">global link</a> | < a href="#">global link</a> | < a href="#">global
link</a> | < a href="#">global link</a> | < a href="#">global link</a> | < a href="#">global
link</a> | < a href="#">global link</a>
< /div>
< /div>
< !-- end masthead -->
< div id="content">
< div id="breadCrumb">
< a href="#">breadcrumb</a> / < a href="#">breadcrumb</a> / < a href="#">breadcrumb</a>
< /div>
< h2 id="pageName">Page Name</h2>
< div class="feature">
< img src="" alt="" width="280" height="200" / >
< h3>Feature Title < /h3>
< p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
Mauris magna eros, semper a, tempor et, rutrum et, tortor.
< /p>
< /div>
< div class="story">
< h3>Story Title</h3>
< p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
Mauris magna eros, semper a, tempor et, rutrum et, tortor.
< /p>
< p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
Mauris magna eros, semper a, tempor et, rutrum et, tortor.
< /p>
< /div>
< div class="story">
< h3>Story Title</h3>
< p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
Mauris magna eros, semper a, tempor et, rutrum et, tortor.
< /p>
< p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
Mauris magna eros, semper a, tempor et, rutrum et, tortor.
< /p>
< /div>
< /div>
< !--end content -->
< div id="navBar">
< div id="search">
< form action="#">
< label>search</label>
< input type="text" size ="10" / >
< input type="submit" value="go" / >
< /form>
< /div>
< div id="sectionLinks">
< h3>Section Links</h3>
< ul>
< li><a href="#">sectionLink</a></li>
< li><a href="#">sectionLink</a></li>
< li><a href="#">sectionLink</a></li>
< li><a href="#">sectionLink</a></li>
< li><a href="#">sectionLink</a></li>
< li><a href="#">sectionLink</a></li>
< /ul>
< /div>
< div class="relatedLinks">
< h3>Related Link Category</h3>
< ul>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< /ul>
< /div>
< div class="relatedLinks">
< h3>Related Link Category</h3>
< ul>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< li><a href="#">Related Link</a></li>
< /ul>
< /div>
< div id="advert">
< img src="" alt="" width="107" height="66" / > Ad copy ad copy ad copy. Ad
copy ad copy.
< /div>
< div id="headlines">
< h3>Headlines</h3>
< p>
Headline < a href="#">full story...</a>
< /p>
< p>
Headline < a href="#">full story...</a>
< /p>
< p>
Headline < a href="#">full story...</a>
< /p>
< p>
Headline < a href="#">full story...</a>
< /p>
< /div>
< /div>
< !--end navbar -->
< div id="siteInfo">
< img src="" width="44" height="22" / > < a href="#">About Us</a> | < a href="#">Site
Map</a> | < a href="#">Privacy Policy</a> | < a href="#">Contact Us</a> | ©2003
Company Name
< /div>
< br / >
< /body>
< /html>

qui semble etre le meme en plus

j ai pas de bol ouinnnnn
calimero

Dans ton code, cette ligne :

< link rel="stylesheet" href="styles/2col_leftNav.css" type="text/css" / >

dit au navigateur qu´il faut qu´il aille chercher le fichier " 2col_leftNav.css" ( qui a été créée en même temps que la page) dans le dossier " styles". Ce dossier doit être au même niveau que ta page HTML.

Si ce n´est pas le cas, il ne trouvera pas les feuilles de style CSS.

qu entends tu par " au meme niveau" ?

desolé j ai debuté le code y a trois semaines seulement.

cela implique que tu remodifies l en tete :

< ! DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN"

" http://www.w3.org/TR/xhtm[...]BR>al.dtd">
< html xmlns="http://www.w3.org/1999/xhtml">
< ! -- DW6 -->
< head>
< meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / >
< title>Untitled Document</title>
< link rel="stylesheet" href="styles/2col_leftNav.css" type="text/css" / >
< / head>

mais tu le modifies comment alors ?

( en tout cas merci pour le debut de renseignement)

Au même niveau, ça veux dire qu´ils doivent être au même endroit. Par exemple dans le même dossier.

Tu as :

dossier
|
|__tapage.html
|
|__styles
|
|
2col_leftNav.css

le fichier " 2col_leftNav.css" est dans le dossier " styles".
le dossier " style" est au même endroit que ta page html.

Ou alors, si ton fichier " 2col_leftNav.css" est déjà au même endroit que ta page HTML, tu modifie le code et tu met : href="2col_leftNav.css" au lieu de : href="styles/2col_leftNav.css"

Si ça marche pas, je me pend.

aaaahhhhhhhhh okiii ! ! lol

Je te remercie bien c pas du tout comme ca que je voyais le truc. Bon je modifie ca demain et je vois ce que ca donne

Passez une bonne journée les gars.

Et merci

j en ai profité pour remonter le soucis que j ai sur un site :

http://erystel.free.fr

comme quoi ca difere du modele de DW mx 2004