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

Aligning, spacing, and adding borders to photographs in design mode in dreamweaver.

New Here ,
Apr 22, 2024 Apr 22, 2024

Copy link to clipboard

Copied

I have an active website I designed with CS3 and CS5.5 Dreamweaver. The website is 13 years old and still evolviing. Now I am trying to use the latest Dreamweaver version because the old versions are incompatible with my new Macintosh. The new version has changed the alignment on some/most of my photographs.  I cannot navigate the new Dreamweaver to find out how to align, space, and add borders to photographs in design mode.  I'm not a programer and it seems that the engineers assumed that everyone using Dreamweaver is a genus engineer using code.  Well, maybe they are, but this 77 year old woman volunteer who has developed an inventory website for a nonprofit conservation group is not.  Can someone help me?

Views

313

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 ,
Apr 22, 2024 Apr 22, 2024

Copy link to clipboard

Copied

Switch to LIVE view (Ctrl/Cmd + Shift + F11).  See screenshot.

image.png

 

Please post the URL to your problem page so we can see what you're working with.  And then tell us what you need help with.

 

Dreamweaver is not a click & drag design tool.  Never was.  It's fundamentally a code editor.  Nothing close to genius aptitude required.  But it's assumed users have basic skills with HTML & CSS code. 

 

CODE TUTORIALS:
- https://www.w3schools.com/html/
- https://www.w3schools.com/css/

 

 

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
Community Expert ,
Apr 22, 2024 Apr 22, 2024

Copy link to clipboard

Copied

CSS borders; margins; padding; box-shadow.

 

img {

border: 1px solid sliver;

margin: 1%;

padding: 2%;

box-shadow: 1px 2px 3px;

}

See screenshot.

image.png

 

Post back if you have questions.

 

 

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
New Here ,
Apr 22, 2024 Apr 22, 2024

Copy link to clipboard

Copied

I am unable to read all that you have posted because words abut the left page edge. Is there suppose to be screenshot? To be honest, I don’t understand anything I can read. You assume I know what padding and shadow box mean and how to judge how much I will need of these things for my photographs. I don’t. I’m sorry. I guess I was spoiled by the old Dreamweaver software.

Attached are two of the 9 websites i developed with CS5.5. With the new Dreamweaver, I think I’m going to have to find another hobby. I can see why web designers are choosing to use other types of software. Those of you who understand all of the terms have probably taken courses and/or had help from others. I’m 77 and don’t have much time left to do this.

http://www.susanleachsnyder.com/Genealogy/GenealogyCover.html

http://www.susanleachsnyder.com/GopherTortoisePreserve/TortoisePreserve.html


Susan

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
New Here ,
Apr 22, 2024 Apr 22, 2024

Copy link to clipboard

Copied

Thanks for your message on the Adobe Community Mailer.

The url for the webpage I’m working with is http://www.susanleachsnyder.com/GopherTortoisePreserve/InsectOrderDiptera.html#Muscid

The problem is that the new version of Dreamweaver doesn’t have anyway for me to add space between photos and align them. When I go to center align in properties, it aligns the entire page, text and pix. My site is 13 years in the making and parts that were already completed are now compromised. New sections I’m trying to add like the screen shot below, shows that I cannot put more than one photograph in a row without having margins all screwed up. I have mastered putting the border around the photos by going to the split screen for Code/Design mode and manually adding “border=“2” to the code. I tried to add “hspace”= (a number), for each photo I plan to put beside one another, but the spacing cannot be achieved to center both photographs with “hspace”.

I was able to create several websites with old versions of Dreamweaver, but I find that by Dreamweaver designers removing the photograph tools for borders, alignment, and spacing, they have added unnecessary time and frustration to my being able to work. I’m not a web designer to make money. I am a volunteer with a nonprofit…. and I’m old.

Susan


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 ,
Apr 22, 2024 Apr 22, 2024

Copy link to clipboard

Copied

"I am unable to read all that you have posted because words abut the left page edge. Is there suppose to be screenshot?"

============

Yes.  It appears you're getting copies of forum posts sent to your personal email.  That rarely works well.  Email attachments don't come through to this web forum.

 

1. For best results, come back to this page with a modern browser (Chrome or Firefox).

2. Hit Reply link. 

3. Use the toolbar's "picture icon" to post your screenshot, as I have done here.

image.png

 

OK.  I looked at your web page. 😱

I don't mean to be disparaging but when one page contains over 370 code validation errors, you're in trouble.

 

CODE VALIDATION ERRORS REPORT:

https://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.susanleachsnyder.com%2FGopherTortoiseP...

 

Browsers can forgive some errors like missing ALT attributes on images.  But they can't ignore all errors which  adversely effect page performance and layout.  That may be why you're struggling with alignment.

 

It's fair to say that if you can't work with code, you won't know how to fix the problems facing you now or in the future.  Software alone can't help you.

 

Given the site's advanced age, it needs to be rebuilt at some point to meet modern web standards. 

  • Current HTML5 & CSS2 -- for modern browsers & web devices.
  • Responsive Layout -- for mobile, tablet, laptop/desktop users. 
  • Web Accessibility 2.0 -- for people with disabilities. 

 

How many pages does the site contain currently?  WordPress might be your best option.

 

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
New Here ,
Apr 22, 2024 Apr 22, 2024

Copy link to clipboard

Copied

There are hundreds of pages in my websites. None of the websites are used for selling anything and I am the lone supporter of paying for hosting and Dreamweaver and Photoshop software for a nonprofit. .  I am just trying to document information for people. As a result I have documented 1275 different species in a gopher tortoise preserve, attracted 36 families of persons who are all related to ancestors who served in the Revolutionary War in a small town in North Carolina, and documented other things of interest to people.  When I was using previous forms of Dreamweaver, I had no problems. I used the design mode and I believe that many of the code errors were within the CS5.5 software, since I didn't fool with code.  It is only after I downloaded the latest version that I have problems with the new software changing my previous photograph spacing and alignment settings.  Even with all the errors you found, I have had no complaints from the people who rely on the information I have posted. In talking with a tech guy at Dreamweaver today, I learned that the latest version of Dreamweaver that I downloaded is not really compatible with my Macintosh OS Sonoma.  He said it could be the cause of my glitches, but he wasn't sure.  As you stated, I guess I am in trouble. I'm elderly, have visual problems, and will be letting down a lot of people who depend on my websites when I quit.  My website was working perfectly before the CS5.5 software crashed on Thursday on my old computer.  When Dreamweaver updates its software, it should consider the needs of those who have been supportive of Adobe for years and years and keep buttons we have been using.  I wonder who had the bright idea of omitting ways to border, align, and space photographs?  That is a very big deal with all of my sites.

 

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 ,
Apr 24, 2024 Apr 24, 2024

Copy link to clipboard

Copied

 

quote

When Dreamweaver updates its software...

 

I wonder who had the bright idea of omitting ways to border, align, and space photographs? 

By @SLS Publishing

============

1. Dreamweaver is in minimal maintenance status since 2001. No new features are planned except essential updates. 

 

2. That 'bright idea' was the brain child of the World Wide Web Consortium (W3C) & browser makers who set the web standards we must adhear to today.  Adobe had no say in the matter, they just make software that we use to create websites that work in modern web browsers.

HTML = structure & content.

CSS = presentation styles & layout to make it all pretty.

 

Hundreds of pages deserve a content management system (CMS) that facilitates collaboration and web searches so people can find your content. Yes? 

 

If you work with like-minded enthusiasts who can help you, WordPress is an online publishing platform you should consider switching to.   https://wordpress.org/ 

  • WordPress is used by millions of sites worldwide. 
  • It requires no special training to start using. 
  • Most commercial web hosts support WordPress with one-click installation. 
  • You could have a new site up & running in less than 1 day! 
  • More importantly, anyone with the site's log-in ID & password could help you maintain it.  That burden would no longer rest solely with you. 

 

There are free and paid Themes available for WordPress.  Themes give your WP site its functionality and appearance. See links below.

 

I hope I've given you some food for thought.  Let me know if you have any questions.

 

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
Community Expert ,
Apr 24, 2024 Apr 24, 2024

Copy link to clipboard

Copied

@SLS Publishing , I have been trying to find encouraging words to help you out such as @Nancy OShea has done.

Unfortunately, this grumpy 81 year old can only think of telling you that the site shows its age. Even the page that you are working on, is not user friendly. On mobile devices, the text is far too small, while scrolling down takes forever, even on a desktop.

 

@Nancy OShea 's idea of using Wordpress would be a great move forward. As a fellow CalifornianI am sure that she will assist in getting you there.

 

If you feel a bit more adventurous and are willing to fork out $US 130 a year, then I would recommend Wappler. Natuturally I will do my best to help out.

 

Food for thought.

 

PS: Dreamweaver is in paliative care.

 

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 ,
Apr 24, 2024 Apr 24, 2024

Copy link to clipboard

Copied

California?

North Carolina is 3 time zones away from me.

 

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
Community Expert ,
Apr 24, 2024 Apr 24, 2024

Copy link to clipboard

Copied

Whoops! I'll wear my glasses next time. 😍

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
New Here ,
Apr 26, 2024 Apr 26, 2024

Copy link to clipboard

Copied

Nancy and Ben, your insulting remarks about my webite are not at all appreciated, and they are certainlly not helpful. If my websites are so deplorable then why do so many people find them and thank me for the information? I have had many people connect with me though goggle searches, and I've helped undergraduate and PhD graduate students with insect identifications for their theses,  University classes for their lectures, scientific publications, non-profit photographic catalogs, an agricultural guide to help corn and bean farmers in Costa Rica identify insect pests, a plant fact sheet for a project in Germany, and field guides in the United States and Canada.   These connections with people at this website don't even compare to the number of connections I'm made with people who descend from the same folks I do through my genealogy website.  As I stated early, any coding issues that occur in my websites were created by the Dreamweaver programs I was using...CS3, CS51, CS5.5... since I wasn't coding... I was doing all of my creations in Design mode.

 

As a retired teacher of 30 years, an author of more than 200 editions of text books for McGraw Hill Publishing,   and a volunteer at the Conservancy of Southwest Florida for the last 24 years, I know how to instruct students, and teach information to the general public.  

 

Nancy and Ben, you two shouldn't be participating in public forums that has its goal as helping people.  You are both arrogant bullies.

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 ,
Apr 26, 2024 Apr 26, 2024

Copy link to clipboard

Copied

quote

I don’t understand anything... You assume I know what padding and shadow box mean...

By @SLS Publishing

==============

I can only lead the horse to water... 🙄

 

Read chapters, do code exercises.
- https://www.w3schools.com/html/
- https://www.w3schools.com/css/

 

quote

I'm elderly, have visual problems...

By @SLS Publishing

==============
You more than anyone can appreciate the importance of web accessibility -- a site that performs well for ALL people, regardless of age, language, hardware, software, location, or physical ability.  Sorry, but your site gets an F.

https://www.w3.org/WAI/fundamentals/accessibility-intro/

 

quote

When I was using previous forms of Dreamweaver, I had no problems.

By @SLS Publishing

==========

Ignorance is bliss, hundreds of coding errors tells a very different story.  Dreamweaver is merely a coding tool. Used correctly, it's a very good tool.  But tools don't build websites; people do. 

 

quote
I have had no complaints from the people who rely on the information I have posted.
By @SLS Publishing

==============

Visitors who have a bad user-experience don't typically take time to reach out & complain. They just leave and never come back. 

 

If your site was equipped with Google Anaytics, you'd know exactly how much traffic it receives, where it comes from, which devices people use (mobile phone, tablet, hybrid, etc...) and how long they remain engaged on the site.  In the absence of concrete web stats, you're making wild guesses based on limited data. 

 

quote

Nancy and Ben, your insulting remarks about my webite are not at all appreciated, and they are certainlly not helpful.

 

Nancy and Ben, you two shouldn't be participating in public forums that has its goal as helping people. You are both arrogant bullies.

By @SLS Publishing

=============

You're welcome. 😂 

 

As unpaid forum volunteers & professional web developers, we do what we can to assist Adobe's customers in this user-to-user forum. Ben & I have 4+ decades of collective experience between us. You can take our advice or not. That's entirely up to you.

 

When circumstances are such that we can't provide the product user with all the help they feel entitled to for free, I advise them to work with a web developer who gets paid for their services. Keep in mind that good web developers won't tolerate a 'Karen,' so please be nice to them.  😇

Untitled.jpg

 

Goodbye and best of luck.

 

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
Community Expert ,
Apr 26, 2024 Apr 26, 2024

Copy link to clipboard

Copied

quote

Nancy and Ben, your insulting remarks about my webite are not at all appreciated, you two shouldn't be participating in public forums that has its goal as helping people.  You are both arrogant bullies.


By @SLS Publishing

 

I am sorry that you feel that way. As I previously stated, I am a grumpy old man.

 

I respect that you are a very knowledgeable person and are doing charitable work to help others. But how does this differ from my situation? In my working life I was a professional engineer. I also have a lot of knowledge. But this knowledge did not allow me to develop websites. In my retirement, I decided to help an old friend of mine to develop OH&S web apps. For this, I had to be taught the skills of web development. With my background, coding in different languages, it was probably easier for me than for most people. I was also helped along by very helpful people in this forum who quietly gave up their own time to help me in sticky situations. One of those persons is @Nancy OShea !

 

The old saying: "let the cobbler stick to his last" is true, even today.

 

Learn from @Nancy OShea and others in this forum; I'm in as well.

 

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
New Here ,
Apr 30, 2024 Apr 30, 2024

Copy link to clipboard

Copied

LATEST

FYI. Just as I'd explained earlier, I'd never worked with the code mode before on my numerous websites...only the design mode,  and yet, you found all of those code violations in my website ... and you pointed to me as the big problem. Since April 27th, all of the code problems are gone, thanks to the fix by Apple  for Sonoma, and I've learned how to code for my original problems: Aligning, spacing, and adding borders to photographers, as well as wrapping text around images. Thank you.

 

'Karen'

 

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