• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

just moved my muse site into dreamweaver ,pls help moving navigation to left

Contributor ,
Oct 09, 2019 Oct 09, 2019

Copy link to clipboard

Copied

HI! I just imported my site from muse, all looks fine except the navigation , i would really appreciate your help in telling me how to move it to the left as it is getting over the logo , thanks!

In muse this would be done inside the Masters  , not sure how to access it here ,

pls check here navigation over logo www.roulasorour.com

 

Views

1.2K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 09, 2019 Oct 09, 2019

Copy link to clipboard

Copied

I am sorry, nut while I am trying to sort out the proble, the website is changing. I'll wait until you have finished.

 

Edit: please ignore, it was me doing the changing.

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 09, 2019 Oct 09, 2019

Copy link to clipboard

Copied

First up, there is a left margin for the menu as per

clipboard_image_0.png

Then there is this image container that has a left margin pushing the image to the right as per

clipboard_image_1.png

 

Further more, I see so many confusing style rules that, in my opinion, the whole of the CSS needs to be looked at (read: deleted), thanks to Muse.

 

When I get the time, I'll come up with an alternative or maybe @osgood_ will help out.

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 09, 2019 Oct 09, 2019

Copy link to clipboard

Copied

Because Dreamweaver facilitates using Bootstrap, and because this is the quickest way for me to show you an example, the following is a bootstrap reconstruction of your home page. Copy and paste it into a new document

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<style>
html, body {
background-color: lightgrey;
}
</style>
</head>
<body>
<div class="container">
<div class="row mt-5">
<div class="col-xl-2 order-xl-2">
<img src="https://roulasorour.com/images/roula.png?crc=533987347" alt="my logo">
</div>
<div class="col-xl-10 p-0">
<nav class="navbar navbar-expand-lg navbar-light bg-transparent">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent1">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
</ul>
</div>
</nav>
</div>
</div>
<div class="row">
<div class="col-xl-10">
<img src="https://roulasorour.com/images/va_kipling.jpg?crc=260770516" class="img-fluid" alt="my image">
<p class="mt-4">The Kipling Spirit , Fine art inkjet print on Hahnemühle Bright White Photo Rag mounted on Dibond 150x90cm , Ed.1/1 – 2017 I've always sat in awe admiring V&A 's brick facade. Little did i know that Lockwood Kipling (Rudyard Kipling's father)started his career as an architectural sculptor at the South Kensington Museum (V&A) Britain's greatness like that of the V&A relies so much on cultural diversity</p>
</div>
<div class="col-xl-2">
<p class="mt-5 text-center"><img src="https://roulasorour.com/images/twitter_site.png?crc=3994207374" alt="twitter"> <img src="https://roulasorour.com/images/email.png?crc=499373497" alt="email"></p>
</div>
</div>
<div class="row">
<div class="col-xl-10 text-center">
<p> ©2019 roula sorour All Rights Reserved</p>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Oct 10, 2019 Oct 10, 2019

Copy link to clipboard

Copied

Hi Ben!! Million tkx will try that🙏🙏

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Oct 10, 2019 Oct 10, 2019

Copy link to clipboard

Copied

HI Ben , would this take care of all the navigation bars on each and every page of the site?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 10, 2019 Oct 10, 2019

Copy link to clipboard

Copied

I am not sure what you mean, basically the answer is yes, it depends on whether you want to include the menu bar as is or have it as an include file.
Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Oct 13, 2019 Oct 13, 2019

Copy link to clipboard

Copied

Sorry for my late reply! Not sure what you mean by an include file. Whatever is easier and quicker. 
tkx

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 13, 2019 Oct 13, 2019

Copy link to clipboard

Copied

There are quite a few different workflows, such as straight out coding, using frameworks or template engines etc. If you do not know what they are, then you do not use that workflow which is OK.

 

So to answer your question, yes, the mnu bar will be the same for all of your pages.

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 13, 2019 Oct 13, 2019

Copy link to clipboard

Copied

For consistent layout and sitewide navigation on small sites (less than 50 pages), look at Dreamweaver Templates.   

https://helpx.adobe.com/dreamweaver/kb/benefits-using-templates.html

 

Unlike Templates, include files are a server-side technology. 

https://alt-web.blogspot.com/2015/07/server-side-includes-with-php.html

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Oct 18, 2019 Oct 18, 2019

Copy link to clipboard

Copied

LATEST
Many thanks Nancy and BenPleysier will look into it 🙏🙏

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines