Instead, use Server-Side Includes (SSIs ) for sitewide navigation that appears on all pages.    By @Nancy OShea   That's not what the OP asked about. They are trying to recreate the functionality of a frameset only using more modern workflows. I'm not sure where SSI or Ben's off canvas navigation fit in. The only way l know is to either load the content or create a single page application, both of which have their own associated issues. I guess you could use SSI for loading the content based on some parameters passed in a navigation onclick event as an alternative to using the fetch api but it will result in a page refresh which is what the OP is presumably trying to avoid. ... View more

  SPA for public facing pages face SEO problems By @BenPleysier   They no longer seem to be quite as popular as they once were touted to be.  ... View more

Personally l would create individual pages rather than loading a partial page as creating individual pages with real links would potentially give you more Google exposure or create a proper SPA experience.   Loading partial pages l personally think are only a good solution IF the information being loaded is relevant to the particular page its being loaded into and not a stand alone individual pages. ... View more

You would not really want a search engine to find a partial page that is 'loaded' as its meaningless,  its only likely to contain limited information, probaby not enough to be that useful to the user?   I think in this case, as they aren't real links then buttons styled to look like a link, as the information suggests, would be a better solution. ... View more

In it's very simplest of forms you can use the 'fetch' api to load the page content into a <div> container.   Create the pages you wish to 'load' into the  <div> container. i.e. about.html, contact.html. Make sure these pages only include the necessary html required. You dont want the doctype, meta information etc as these already exist in the page where the html content will be 'loaded'   In the page where you want the content to be loaded add an onclick function to each of your navigation links - include the page name you want to 'load' between the () brackets: <a href="#" onclick=fetchPage('about.html')>About</a> <a href="#" onclick=fetchPage('contact.html')>Contact</a>   Add a <div> to the page with the class of 'pageContent' where you would like the content to appear: <div class='pageContent'></div>     Add the below script to your page, at the end, directly before the closing </html> tag: <script> async function fetchPage(page) { let response = await fetch(page); document.querySelector('.pageContent').innerHTML = await response.text(); } </script>   As I said this is basic content 'loading' - it will not change the page title, keywords etc - the meta information. You can't supply a link and have it go directly to that particular page, the link will always go to the default page initially. There are more complex ways to overcome these issues if it is of importance by building a single page application (SPA) which is beyond the scope of this forum. ... View more

The 'view shopping cart' is working now, but items aren't dropping into the cart. I've been working on this for hours... I'm stumped. By @Haybound   That's because you don't have the required Paypal hidden fields in your form/s, so nothing is getting through to the Paypal basket.     ... View more

Some updates to the current code are needed:   Complete revised code is below for you to copy and paste.   Notes of the major changes:   1) Include a row <div class="row> </div> as the child element of the 'container' <div>  to wrap ALL the content of the 'container' in (that's how Bootstrap works). Add to the row div - class="row justify-content-between align-items-center"    2) Wrap your 'icons8-user-100(1).png' a tag and the form tag in a <div>. I've given it a class of 'loginBasket'. Also add the 'd-flex' class to the 'loginBasket' class. Delete the closing </a> tag which folllows the closing </form> tag and move it to close your 'gblogotrans.png' a tag.   3) Remove class="col-xl-1 offset-xl-10" from the form tag.     Complete revised code (updates shown in red): NOTE: I have removed your business email address AND bn value from the form for 'security' and 'spam' prevention, you need to add those back in.     <div class="container">   <div class="row justify-content-between align-items-center">   <a href="index.html"><img src="images/logos/gblogotrans.png" alt="&copy; Copyright 2023 Twin Beaks© Aviary All Rights Reserved" width="225" height="73" class="img-fluid"></a> <div class="loginBasket d-flex">   <a href="account.html"><img src="images/icons/icons8-user-100(1).png" alt="login" width="35" height="35"/></a> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal" class="col-xl-1 offset-xl-10"><input type="hidden" name="bn" value="XXXXXXXXXX" /><input type="hidden" name="cmd" value="_cart" /><input type="hidden" name="business" value="XXXXXXXXXX" /><input type="hidden" name="display" value="1" /><input type="image" src="images/icons/icons8-shopping-basket-100.png" alt="basket" width="32" height="32" border="0" name="submit" /></form></a>   </div> <!-- end loginBasket -->   </div> <!-- end row -->   </div> <!-- end container -->         ... View more

Just add a css class to the link tag as below:   <a href='some-link.html' class='linkText">Text Link</a>     Then style the link tag with css:   .linkText { text-decoration: none; color: red; }   .linkText:hover { background-color: red; color: #fff; } ... View more

Sorry for the trouble. I probably should not have posted this. By @ricka59407662   Don't be sorry. My advice, unless you want to give yourself a lot of work, is to keep it primarily as it is. As I said you could just make the text bigger as an initial enhancement, if that is troubling some users. It is what it has become, the website, or parts of it are 18 years old. Over time they become largely 'unmanagable' having had bits added here there and everywhere, I've done it myself to websites I've built in the past, which are long passed their sell by date. ... View more

This might not be worth the effort. For one you seem to have set the pages background color or image in more than one place as far as I can tell, after sifting through a wad of css files.    If you were to change the background color then what color would you change it to?  You have a myriad of text colors on the home page, which needs to contrast with whatever background color you select.........so it means you need to change the text colors as well, if you can locate where they are coming from.   I would concentrate on making the text a bit bigger initially, if that is something you wish to happen. For the homepage you can either search the css files for the  classes 'me' and 'quotes' and make the font sizes allocated to them larger OR as it's a bit of a mess anyway just add another linked stylesheet AFTER all the other linked style sheets and throw in the below selectors:   body { font-size: 18px!important; } .me { font-size: 18px!important; } .quotes { font-size: 18px!important; }   Applying the above will improve the readabilty of the text on the homepage, particulary on hand held devices where I suspect users are finding it difficult to read.   Its really a task of going through your pages and trying to find where the font styling is coming from and then changing them.  ... View more

'Contact' and 'Marketplace' are pages where the content (because it's short) do NOT evoke a vertical browser scroll bar, whilst the other pages evoke a scroll bar because they have more content. The page shift you see is as a result of the browser not having to, or having to, allocate room for the vertical scrollbar. ... View more

Although this doesn't invalidate Wappler's utility and usefulness, of course. Pinegrow isn't mentioned either, btw, nor is Dreamweaver.   By @rayek.elfin   Absolutely correct. The key is who these products are primarily aimed at. Some are aimed at the wider professional coder market, some not so much, which is going to be reflected when it comes to a comprehensive investigation by an established company that is well respected within the professional web-development sector.   I don't know myself of any surveys in the amatuer/entrepreneur sector, which if exists, would likely show a very different picture. My point was IF an application was considered by many developers to be the 'silver bullet' of web-development  it would be used by a lot more professionals and subsequently, show up, at least somewhere, in a comprehensive survey.  The fact that they don't proves my observation that the majority of professionals are not using them, for whatever reasons.     ... View more

Does the td cell of the nested table have a &nbsp; (non-breaking space) in it? I haven't used tables for producing layouts in years but l seem to remember a &nbsp; might have a height of more than 15px. Back in the day we used to hack table layouts by inserting a 1x1 pixel transparent gif into the cell which l think made it collapse to that height.   As l said l think you're trying to be too specific in terms of forcing everything to adhere to a certain height, particularly if you have text in a cell. Images shouldn't be an issue as the table cell will collapse to the images default height whether you specify a height or not. Table cell height was never really supported in browsers, as far as l can remember it was hit and miss.   Modern web development apart from where a logo or icon is concerned doesn't usually require an image is set to a specific height, it takes into account responsiveness which allows the image to adapt to various situations.     ... View more

The mere fact that you cannot disclose your survey, is enough proof that you are sucking your so called facts, out of your thumb.    By @BenPleysier   If you say so. As l've already said anyone with any common sense would be able to Google the current 2023 survey of web development workflows, which includes editor, ide usage etc, even yourself. I don't need to insult those with enough intelligence how to suck eggs. ... View more

Because its not my opinion, its a fact taken from an independent survey.   I'm sure you're more than capable of Googling for web surveys regarding usage of various editors, workflows etc. By @osgood_   Thank you for your unusual complement!    But it does not answer my question. The independent survey must be in your archive somewhere to allow you to quote it as a fact. Please humour me.   By @BenPleysier   You have had enough humour recently.........take a break. I have faith that anyone who wants to do the research can easily come to their own conclusion about which editors are the most popular for development and which don't get a mention when a survey amongst a wider developer audience is conducted. ... View more

I think the issue here might be that you are trying to produce a static desktop solution instead of one which is flexible/suitable for the web.........it concerns me when I see someone trying to control the heights of a number of elements. If you can post a screenshot of what your final layout is meant to look like there maybe or may not be a better solution than using tables.  ... View more

@osgood_, This is my conundrum:.  If I report your profile as a KUDOS BOT, you won't be able to log-in and post here.  So I'm stuck.   By @Nancy OShea   I would hope the people/person that is responsible for managing this forum would investigate before coming to any conclusions but as I said in a previous post...........common sense doesn't seem to be at a premium these days so I'm not optimistic.........these days I'm actually surprised if anyone can get anything right, lol?? ... View more

I see, well it's connected with 'Community Expert' posts.......as soon as one of you lot posts the bot immediately upvotes your offering........although Mr Ben assumes its me upvoting a post I disagree with ........hummm...not sure how he works that one out but I'll overlook it given his octogenarian status. Hopefully that's not too rude, I'm hardly awake myself these days, lol ... View more

Another mysterious 'Upvote'........wasn't me, I swear. Haven't Adobe managed to banished this annoying bot yet. ... View more

  'osgood_ thinks your post is awesome and just upvoted it!'   You think I wrote that comment 😆 common sense should usually prevail but in this world I seriously have my doubts.   I'm sure you're more than capable of Googling for web surveys regarding usage of various editors, workflows etc. ... View more

l dont see Wappler listed in the most popular editor usage list do you?   After 5 years if a professional thought it was so great a solution they would be having a piece of it, if according to you there was a huge amount of time and money to be saved. By @osgood_   Why don't you say that this is your opinion instead of stating it as a proven fact?   And please stop upvoting my replies when you do not agree with them.   By @BenPleysier   Because its not my opinion, its a fact taken from an independent survey.   I'm not upvoting anything, you should know by now that there is a robot which is doing that, which has returned to the forum or has never been booted out since it started doing it.  ... View more

Obviously the majority of professionals disagree. By @osgood_   Another baseless statement????? By @BenPleysier   l dont see Wappler listed in the most popular editor usage list do you?   After 5 years if a professional thought it was so great a solution they would be having a piece of it, if according to you there was a huge amount of time and money to be saved. ... View more

Visual Studio Code is FREE! Pinegrow & Wappler have a price tag.    By @Nancy OShea   Sure  but VS Code has no way of visually editing the code, building a page, which the other editors plus Dreamweaver do, that's all l was pointing out. ... View more

Especially when it saves about 3 weeks of work per month. Just try it. A NodeJS/Express project complete with a database populated with tables and fields. A saving of 120 hours @ $50 = $600 per month!   By @BenPleysier   Obviously the majority of professionals disagree.   120 hours at 50 would be a 6000 per month not 600, that would amount to 12 hours, less than 30 minutes a day. ... View more

I’ve started trying to fill the page with the text and images after a marathon in this thread working out how to make the layout but I’ve run into a problem again! When you put text in the nested table, the text ignores the text properties you select in the properties window. If you have text outside of the nested table, in a normal cell, the controls work as usual.   By @Gareth_Williams   That's probably as a result of not applying the css class to the nested table td cell?   If you want to target all of the td cells in the parent table and the child (nested) tables then just target the td cell:   td { font-size: 14px; color: red; }     ... View more

It's not being discontinued as yet but its not getting anymore updates, other than OS, bug fixes, so in effect you could be falling behind if you rely on it, without coding, to produce your work. For instance if you use Bootstrap then the default version in the current Dreamweaver is 4 whereas the current version of Bootstrap is 5. As far as anyone knows there are no plans to include v5 in Dreamweaver. Dreamweaver will continue to fall behind as newer workflows are introduced. Who knows when Adobe will officially declare its at the end of its life. For now if you can code it still remains a viable option as a code editor, however if you dont code it might be advisable to start looking around at other options available which are still  being actively developed.   2 similar options, which offer a visual interface, are: Pinegrow Wappler   There's many desktop code editors: VS Code Web Storm Sublime Text Php Storm Codelobster Nova (Mac only)   ... View more

I'd stick with Wappler, however much it costs, thats if you can afford it of course, at least you can claim to be 'making an effort to be different from the 'crowd' and supporting a small independent software producer, that's why l use Php Storm, not only is it a very good editor, its rather 'exclusive', good value for money, if you look at the editor usage figures/cost. ... View more

@Nancy OShea wrote: VS Code with Live Preview Extension. https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server   This is how it looks with Live Preview activated -- similar to Dreamweaver's built-in Live view.     It's not exactly cutting edge is it, most editors have been able to render a live preview, for donkies years.   There's a difference between visual editing and live previewing. Pinegrow and Wappler are the only notable solutions l know of when it comes to being able to visually edit a page. Yes one or two others exist like Rocket Cake but l don't know enough about that editor to provide much of an opinion, it might be suitable for those less interested in coding. ... View more