Bootstrap Menu Question

Report · Dec 30, 2016

I am working on an e-commerce website in Dreamweaver Bootstrap, and because many of the html files need to have the same name (ie: shirts - women.html, pants - women.html) I put these files inside a folder, however, I cannot find a way to get these files to show up when I upload. I get the 404 File Not Found error message. I have tried changing the name of the file (ie: shirtswomen.html & pantswomen.html) and that has not worked.

I would appreciate any thoughts & recommendations.

Happy New Year to everyone.

Carolyn

Report · Dec 30, 2016

Okay instead of the header being Moccasins.html & Boots.html, I changed the headers to be Women, Men, Children & Infants. The submenus are then WomenMoccasins, WomenBoots, etc and my links work from the home menu to WomenMoccasins and from the home menu to WomenBoots, however the link from WomenMoccasins.html to WomensBoots.html does not work. I would appreciate any recommendations.

Thank you.

Below is the code:

<span class="sr-only">Toggle navigation</span>

</button>

<img style="max-width:300px; margin-top: -7px;"

src="IMAGES/Morningstar2.png">

</a>

</div>

</ul>

</li>

<li class="dropdown"><a href="Women.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">WOMEN<span class="caret"></span></a>

<li class="active"><a href="WomenMoccasins.html">Moccasins</a></li>

<li><a href="WomenBoots.html">Boots</a></li>

<li><a href="WomenSlippers.html">Slipper</a></li>

<li><a href="WomenSandals.html">Sandals</a></li>

</ul>

</li>

<li class="active"><li class="dropdown"><a href="Moccasins/boots.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">BOOTS<span class="caret"></span></a>

<li><a href="Moccasins/WomenandMensBoots.html">Women & Men</a></li>

<li><a href="Moccasins/ChildrensBoots.html">Children</a></li>

<li><a href="Moccasins/InfantsBoots.html">Infants</a></li>

<li><a href="Moccasins/Winter.html">Winter</a></li>

</ul>

</li>

<li class="dropdown"><a href="Moccasins/slippers.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">SLIPPERS<span class="caret"></span></a>

<li><a href="Moccasins/WomenandMensSlippers.html">Women & Men</a></li>

<li><a href="Moccasins/ChildrensSlippersandBoots.html">Children</a></li>

<li><a href="Moccasins/InfantsSlippers.html">Infants</a></li>

</ul>

</li>

<li class="dropdown"><a href="Moccasins/sandals.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">SANDALS<span class="caret"></span></a>

<li><a href="Moccasins/WomensSandals.html">Women</a></li>

<li><a href="Moccasins/ChildrensSandals.html">Children</a></li>

<li><a href="Moccasins/InfantsSandals.html">Infants</a></li>

</ul>

</li>

<li><a href="Moccasins/contact.html" class="dropdown-toggle" role="button" aria-expanded="false">CONTACT</a>

</ul>

</li>

</li></ul><br /><br />

</div>

<button type="submit" class="btn btn-default">Submit</button>

</form>

</div>

</div> <br /><br /><br /><br /><br />

<h3 class="page-header">Women Moccasins</h3>

</div>

<h3>Product Name</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

<h3>Product Name</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

<h3>Product Name</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

<h3>Product</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

<h3>Product Name</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

<h3>Product Name</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

<h3>Product Name</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

</ul>

</nav>

</div>

<hr>

<h2 class="text-center">RECOMMENDED PRODUCTS</h2>

<hr>

<h3>Product</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

<h3>Product</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

<h3>Product</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

<h3>Product</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

<h3>Product</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

<h3>Product</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

<h3>Product</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

</div>

</ul>

</nav>

</div>

<hr>

<h2 class="text-center">FEATURED PRODUCTS</h2>

<hr>

<h4 class="media-heading">Product</h4>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, vitae doloremque voluptatum doloribus neque assumenda velit sapiente quas aliquam ratione. Sed possimus corporis dolorum optio eaque in asperiores soluta expedita! </div>

</div>

<h4 class="media-heading">Product</h4>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, quasi doloribus non repellendus quae aperiam. Quos, eligendi itaque soluta ut dignissimos reprehenderit commodi laboriosam quis atque minus enim magnam delectus.</div>

</div>

<h4 class="media-heading">Product</h4>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus, repellendus, ad, adipisci neque earum culpa magnam veritatis ipsum dolores odio laboriosam sed veniam accusamus! Architecto, provident nulla recusandae repellendus illo!</div>

</div>

<h4 class="media-heading">Product</h4>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, eos, et in quam laboriosam ipsum laudantium laborum provident nihil modi reprehenderit tempora voluptatum quasi non libero quaerat vel. Assumenda, officiis?</div>

</div>

<h4 class="media-heading">Product</h4>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, eos, et in quam laboriosam ipsum laudantium laborum provident nihil modi reprehenderit tempora voluptatum quasi non libero quaerat vel. Assumenda, officiis?</div>

</div>

<h4 class="media-heading">Product</h4>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, ducimus quidem aliquam voluptate quas impedit modi neque quasi deleniti dicta. Dolore, provident, unde voluptas dicta fugit odit maxime eius minus!</div>

</div>

<h4 class="media-heading">Media heading 1</h4>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro dolorum reprehenderit vitae omnis. Quidem, recusandae, magni ut perspiciatis nobis consequuntur ullam molestias molestiae obcaecati ea labore aspernatur modi. Impedit, fugit!</div>

</div>

<h4 class="media-heading">Media heading 1</h4>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro dolorum reprehenderit vitae omnis. Quidem, recusandae, magni ut perspiciatis nobis consequuntur ullam molestias molestiae obcaecati ea labore aspernatur modi. Impedit, fugit!</div>

</div>

<h4 class="media-heading">Media heading 2</h4>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam, cumque, ad voluptatibus vel perspiciatis reprehenderit magni in recusandae voluptatum iusto commodi laudantium veritatis esse labore nisi error tempora debitis impedit.</div>

</div>

<hr>

<div>

<li><a href="http://www.cjdesignandconsulting.com">http:/www.cjdesignandconsulting.com/</a></li>

<li><a href="http://www.zunieast.com">http:/www.zunieast.com/</a></li>

</ul>

</div>

<div>

</ul>

</div>

<div>

</ul>

</div>

<strong>Morningstar Trading</strong><br>

2 Old Route 6<br>

Brewster, NY 10509<br>

<abbr title="Phone">P:</abbr> (123) 456-7890

</address>

<strong>Ed Kenney</strong><br>

<a href="mailto:#">ed@zunieast.com</a>

</address>

</div>

</div>

</footer>

</div></div></div></div></body></body></html>

Report · Dec 30, 2016

You say in your first post you put your files inside a 'folder'. Did you move these files into the folder AFTER they were created. If you moved these files into a folder after they were created in another location within your websites files/folder structure and you did not move them using the site files panel in Dreamweaver you would have broken the links.

If you are getting a 404 error then look at the url link in the browsers url bar. Is the file where that link says it is in relation to your wesbite files/folder structure?

Plus your images are not linked correctly:

file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/StuddedMoc.png

Report · Dec 31, 2016

Thank you Osgood. I did move the files into the folder AFTER they were created and did not move them using the site files panel in Dreamweaver. That would explain the issues. I wonder if you could direct me to where I can see the steps to doing so or is it a matter of simply clicking and dragging to move the files into the folder after creating the folder. In addition, how do I create a new folder in the site files panel in Dreamweaver?

Happy Holidays

Carolyn

Report · Dec 31, 2016

Hi Osgood nd anyone who can help me. I created folders for WOMEN, MEN etc and re-saved the files in the particular folder. The link that works is as follows:

http://www.cjdesignandconsulting.com/Zunieast/Women/Moccasins.html

and below is the code. I have been unable to find information on how the "a href link should look in the code so that I can get the link above.

<li class="dropdown"><a href="WOMEN.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">WOMEN<span class="caret"></span></a>

<li class="active"><a href="WOMEN/Moccasins.html">Moccasins</a></li>

<li><a href="WOMEN/Boots.html">Boots</a></li>

<li><a href="WOMEN/Slippers.html">Slippers</a></li>

<li><a href="WOMEN/Sandals.html">Sandals</a></li>

</ul>

</li>

Thanks.

Carolyn

Report · Dec 31, 2016

Well that's where you have a problem.

Any file directly in the site root folder the links would be as below: (please use lower case letters rather than UPPERCASE, its ugly and annoying. Make sure your folder names are also lower case)

<li class="active"><a href="woman/moccasins.html">Moccasins</a></li>

<li><a href="woman/boots.html">Boots</a></li>

Any file within a folder in the site folder the links would be:

<li class="active"><a href="../woman/moccasins.html">Moccasins</a></li>

<li><a href="../woman/boots.html">Boots</a></li>

These days I tend to use absolute urls, in php include files, for links if I have a series of folders which contain files.

I thought DW managed the link for you to be honest but its a long time since I used the site file panel but I'm pretty sure it does.

If you create a file in the site root and then drag it into a folder in the site panel DW should give you a prompt to update the links and once they are updated they should look like the above with the ../ infront of them.

Report · Dec 31, 2016

Thanks Osgood, I will give this a try. Dreamweaver never prompted me for

anything, but this is great info and I appreciate your time.

As for the all caps, I thought it had to be exactly the way it was typed

and the headers are all caps.

Carolyn

Report · Dec 31, 2016

carolyn@10541 wrote:
As for the all caps, I thought it had to be exactly the way it was typed
and the headers are all caps.

No, links and headers are different. If you want to carry on using uppercase then do so but I find it best practice to write all html/css coding in lowercase. The only exception where I will use an uppercase letter is in camel-case names

But normally I would write:

Just think its a good workflow to follow a pattern otherwise you could end up with:

BIGEYES

bigeyes

BIG_EYES

BigEYES

big_eyes

big_EYES

all in the same document.

Bootstrap Menu Question

1 Correct answer

li.media.uploader-dialog.title