Skip to main content
Known Participant
August 15, 2018
Answered

Dreamweaver troubleshoot CSS and Accordion

  • August 15, 2018
  • 3 replies
  • 1454 views

Hi --

I'm completing a new website both to launch my business (after completing Adobe Certificate, not yet) and as an assignment for a course.  I've run into problems with the template and have flailed around trying to fix it in CSS and just made it worse.  (Am suspicious that an incipient Windows Update, robbing resources in the background, was causing dropped stitches in the knitting.) The zip file will be uploaded, and it includes a WordPad file showing some of what I still need to tweak and might forget -- the big things need no reminder.

Anyway, the Accordion is set up correctly so far as I can see, but it doesn't work.

The center article should fill the space between the accordion and the media icons, but I can't get it to format so it looks the same as Sidebar1 only wider.

I've found "csses" and plan to delete the unused CSS selectors, but don't want to do that until later, so it's a mess.  And all the code needs to be tidied up eventually as it's shameful now, but am working to a deadline and must do essentials first.

Well... I don't see any way to attach the zip.  Guess I'll upload the files.  Wonder if the zip can be downloaded from the url?  Let's find out.  Seems to work, and the zip will download.

Index of /15aug18-template-jrj

This topic has been closed for replies.
Correct answer Nancy OShea

Hi Nancy; I was reading this post because my bootstrap files template is not working either.

Curious, where exactly should the script files live. When I uploaded my bootstrap template to my server I checked "yes" to move dependent files. I assumed it would know where to put them :-)  However, my responsive design is not working. I was thinking that maybe these files are not in the right place. Could you take a peak to see if they are correct?  Thank you.

My home page is:

http://www.afpdesign.com


Remove the leading dots  and slash from Bootstrap and jQuery file paths.

Change this:

../css/bootstrap.css

To this:

css/bootstrap.css

Save and upload the CSS and JS folders to your server.

3 replies

Known Participant
August 17, 2018

OK, many thanks.  Files are in Index of /TEST

Nancy OShea
Community Expert
Community Expert
August 17, 2018

That's not quite what I was hoping for.  We just need to see a working page online.  I don't want to download and unzip anything.

Nancy O'Shea— Product User & Community Expert
Known Participant
August 17, 2018

OK, I uploaded the css and js files, except I haven't found the font-awesome, but don't believe you'll need that.  There's an image in the fixup file of the DreamWeaver open to the present DWT and you can see the subsidiary files.  So you should have a working page when you put them all together with the css files in that director and js files in theirs.  Image won't show; do you want me  to upload that too?  Forgot.

BenPleysier
Community Expert
Community Expert
August 16, 2018

If this is your site, jj-INK - Home, please tell is where the accordion has been placed and what it is supposed to do.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Known Participant
August 16, 2018

No, that's not the site I'm doing now; the jj-ink is from older college class projects but the uploading got scrambled for  jj-INK - Home  and I'll clean all this up on the host site when I have more time.  You've been doing some detective work to find that.  I don't actually have a home page for this new project yet, as I'm still working on the template, which can be downloaded from --  Index of /15aug18-template-jrj 

Further, a friend from home used his test program and found a bug in that DW template from the download; I will meet with him tomorrow to discuss this, as we're both attending the WorldCon in San Jose.  It's a relief to know that I wasn't doing anything wrong, but there was a bug.  Don't yet know how to deal with it -- probably start with a backup file from before the corruption and redo that last day.  Won't give me back all the time I wasted flailing around, though.

Thanks for taking an interest.

Nancy OShea
Community Expert
Community Expert
August 15, 2018

Sorru, I don't donwload files from untrusted sources.  It's nothing personal. 

The best way to get help here is to upload your page & assets to a TEST folder on your remote server.  We can examine the page with our browser developer tools to see what's cookin'.

Nancy O'Shea— Product User & Community Expert
Known Participant
August 16, 2018

I sent an email reply asking how to do an upload to Test, but it must not have worked, so I'm asking now while on the Forum.  To do that, do I just create a directory for these files named "Test" or is there more to it?

Further, a friend from home used his test program after I asked our fan group for help, and he found a bug in that DW template from the download from  Index of /15aug18-template-jrj   ; I will meet with him tomorrow to discuss this, as we're both attending the WorldCon in San Jose.

It's a relief to know that I wasn't doing anything wrong, but that there actually was a bug, as I suspected.  Don't yet know how to deal with it -- probably start with a backup file from before the corruption and redo that last day.  Won't give me back all the time I wasted flailing around, though.

So is it worth your time to take a look as well, once I find out how to do this Test upload thing?

Thank you for your help.

Nancy OShea
Community Expert
Community Expert
August 16, 2018

TESTING & DEBUGGIING

  1. Open your Files Panel (F8).
  2. Right click on your local site folder and select New Folder.
  3. Name it TEST.
  4. Copy your problem page and assets to the newly created TEST folder.
  5. Upload  TEST folder to your remote server.
  6. When your questions are answered, you may delete the TEST folder from your remote server.
Nancy O'Shea— Product User & Community Expert