Ask a Question related to Macromedia Dynamic HTML, Design and Development.
-
LGLDSR73 #1
Spacing - No WYSIWYG
Greetings,
When I am creating an HTML page in Dreamweaver I am having issues with text
displaying in a Browser as it did within Dreamweaver.
That is to say, if I have two lines of text, one above the other, there exists
virtually zero space between them within Dreamweaver. Yet when previewed in a
Browser (be it Firefox, IE, etc) there is substantial space between those two
lines.
I am having the same problem in Layout Mode. What am I doing wrong?
Lastly, can someone recommend a good book and/or Sites for beginners?
Thanks!
LGLDSR73 Guest
-
Turn On WYSIWYG in CS1
Hi, I know that you can turn off/on WYSIWYG in the preferences in CS2, but can't seem to find the equivalent in CS1. Did it not exist? Thank you,... -
WYSIWYG editor
Hello, I'm searching for a good html editor tool to use in a CMS. Now I use active edit, but there are some limitations. Does somebody knows a good... -
WYSIWYG editor for PHP
hey every1! I need a WYSIWYG editor for PHP. That is all. Can any1 advice me one( or more :-) )? Thanks in advance! Denis 'Alpheus' Cahuk -
WYSIWYG editor in asp.net
My customers want to customize their website (style sheets, simple layout etc...). They want to do this using a web interface/admin site. I am... -
wysiwyg
If anyone cares I found the answer. You can download "add-ins" for FrontPage at http://www.microsoft.com/frontpage/downloads/addin/default.asp .... -
Murray *ACE* #2 Re: Spacing - No WYSIWYG
Show us your code.
There's much you need to learn about HTML and CSS - and about the myth of
"WYSIWYG".
--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================
"LGLDSR73" <webforumsuser@macromedia.com> wrote in message
news:eh9g5s$rdt$1@forums.macromedia.com...> Greetings,
>
> When I am creating an HTML page in Dreamweaver I am having issues with
> text
> displaying in a Browser as it did within Dreamweaver.
>
> That is to say, if I have two lines of text, one above the other, there
> exists
> virtually zero space between them within Dreamweaver. Yet when previewed
> in a
> Browser (be it Firefox, IE, etc) there is substantial space between those
> two
> lines.
>
> I am having the same problem in Layout Mode. What am I doing wrong?
>
> Lastly, can someone recommend a good book and/or Sites for beginners?
>
> Thanks!
>
>
>
Murray *ACE* Guest
-
Deaf Web Designer #3 Re: Spacing - No WYSIWYG
If I may add a quick comment to Murray's quoted comment "...the myth of
"WYSIWYG", HTML is HTML. Web authoring app is web authoring, just as any other
web authoring apps, since all work with HTML.
Having that said, once you get your hands dirty under the hood of HTML and
CSS, the more you feel comfortable in a long run. The more you gotten your
hands-on with HTML, the more pleasant experience interacting/working with or
around DW8.
As for previewing of your webpage you are working with, best to view in all
browsers, not just one browser. You'll see and understand as time goes.
As for recommendation of books, I like two books and found that those two are,
indeed, very useful.
"Designing with web standards" (please note that the author) recently released
2nd Edition (so look for green one, not an orange book) who authored by Jeffery
Zeldman.
The other book is called "CSS MASTERY: Advanced Web Standards Solutions,"
wrote by Andy Budd, et. al. (along with few other co-authors).
Good luck!
Deaf Web Designer Guest
-
LGLDSR73 #4 Re: Spacing - No WYSIWYG
Thanks Murray! To say that I've allot to learn is an understatement. Attached
is some sample Code. The sample code is attached. I am clearly doing something
very basically wrong here.
Lyman
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<table width="740" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="160" height="18"> </td>
<td width="16"> </td>
<td width="149"> </td>
<td width="28"> </td>
<td width="54"> </td>
<td width="191"> </td>
<td width="142"> </td>
</tr>
<tr>
<td height="14"></td>
<td></td>
<td rowspan="2" valign="top"><div align="center">
<h1>Heading 1 </h1>
</div></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="23"></td>
<td></td>
<td></td>
<td></td>
<td rowspan="3" valign="top"><div align="left">However, when seen through
'Preview In Browser' there is substantial space between 'Heading 1' and text
beneath. </div></td>
<td></td>
</tr>
<tr>
<td height="54"> </td>
<td colspan="3" valign="top"><div align="center">Within Layout this
appears <em>perfectly</em> flush beneath 'Heading 1', above. </div></td>
<td> </td>
<td></td>
</tr>
<tr>
<td height="18"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td></td>
</tr>
<tr>
<td height="501"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
LGLDSR73 Guest
-
LGLDSR73 #5 Re: Spacing - No WYSIWYG
Thanks for the tips. This is happening in Firefox, IE, and Safari. And thanks for the recommendations on the books!
Lyman
LGLDSR73 Guest
-
Murray *ACE* #6 Re: Spacing - No WYSIWYG
You are already on the edge with your table structure. Read this -
[url]http://apptools.com/rants/spans.php[/url]
Change this -
<h1>Heading 1 </h1>
to this -
<h1 style="margin:0;">Heading 1 </h1>
and see what happens. What you are seeing as space is the default bottom
margin on the <h1> tag.
--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================
"LGLDSR73" <webforumsuser@macromedia.com> wrote in message
news:ehagvs$7o7$1@forums.macromedia.com...> Thanks Murray! To say that I've allot to learn is an understatement.
> Attached
> is some sample Code. The sample code is attached. I am clearly doing
> something
> very basically wrong here.
>
> Lyman
>
>
>
>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
> <title>Untitled Document</title>
> </head>
>
> <body>
> <table width="740" border="0" cellpadding="0" cellspacing="0">
> <!--DWLayoutTable-->
> <tr>
> <td width="160" height="18"> </td>
> <td width="16"> </td>
> <td width="149"> </td>
> <td width="28"> </td>
> <td width="54"> </td>
> <td width="191"> </td>
> <td width="142"> </td>
> </tr>
> <tr>
> <td height="14"></td>
> <td></td>
> <td rowspan="2" valign="top"><div align="center">
> <h1>Heading 1 </h1>
> </div></td>
> <td></td>
> <td></td>
> <td></td>
> <td></td>
> </tr>
> <tr>
> <td height="23"></td>
> <td></td>
> <td></td>
> <td></td>
> <td rowspan="3" valign="top"><div align="left">However, when seen
> through
> 'Preview In Browser' there is substantial space between 'Heading 1' and
> text
> beneath. </div></td>
> <td></td>
> </tr>
>
>
>
>
>
> <tr>
> <td height="54"> </td>
> <td colspan="3" valign="top"><div align="center">Within Layout this
> appears <em>perfectly</em> flush beneath 'Heading 1', above. </div></td>
> <td> </td>
> <td></td>
> </tr>
> <tr>
> <td height="18"> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td></td>
> </tr>
>
>
> <tr>
> <td height="501"> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> </tr>
> </table>
> </body>
> </html>
>
Murray *ACE* Guest
-
LGLDSR73 #7 Re: Spacing - No WYSIWYG
Replacing <h1>Heading 1 </h1> with <h1 style="margin:0;">Heading 1 </h1>
brought it up one line and looks better. The URL you provided would seem to
sum up the issue and also with respect to your commet Re the myth about
WYSIWYG. I am going to give the information at the URL a try. Thanks!
Lyman
LGLDSR73 Guest
-
Murray *ACE* #8 Re: Spacing - No WYSIWYG
Good luck!
--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================
"LGLDSR73" <webforumsuser@macromedia.com> wrote in message
news:ehalfk$dem$1@forums.macromedia.com...> Replacing <h1>Heading 1 </h1> with <h1 style="margin:0;">Heading 1 </h1>
> brought it up one line and looks better. The URL you provided would seem
> to
> sum up the issue and also with respect to your commet Re the myth about
> WYSIWYG. I am going to give the information at the URL a try. Thanks!
>
> Lyman
>
Murray *ACE* Guest
-
Deaf Web Designer #9 Re: Spacing - No WYSIWYG
Murray,
If I may to say something... as for referenced link you mentioned
<http://apptools.com/rants/spans.php> and the title of that link quoted as
saying below:
"Spans are Evil"
Wow! The term "evil" is rather pretty darn blunt and strong. But it make sense
in the view of html issue. OT, I find that the owner of that site offers
interesting information about PHP Tools. I find that is very interesting and
informative.
Deaf Web Designer Guest
-
Murray *ACE* #10 Re: Spacing - No WYSIWYG
Gary is quite respected as knowledgeable.
--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================
"Deaf Web Designer" <webforumsuser@macromedia.com> wrote in message
news:ehan3g$fgl$1@forums.macromedia.com...> Murray,
>
> If I may to say something... as for referenced link you mentioned
> <http://apptools.com/rants/spans.php> and the title of that link quoted as
> saying below:
>
> "Spans are Evil"
>
> Wow! The term "evil" is rather pretty darn blunt and strong. But it make
> sense
> in the view of html issue. OT, I find that the owner of that site offers
> interesting information about PHP Tools. I find that is very interesting
> and
> informative.
>
Murray *ACE* Guest
-
Deaf Web Designer #11 Re: Spacing - No WYSIWYG
Based on what I took a look at Gary's site. I was curious about other
information included at his site. Well, you are definitely correct about Gary
being knowledgable, perhaps expertise as you are. (smile)
Deaf Web Designer Guest
-
Murray *ACE* #12 Re: Spacing - No WYSIWYG
Gary mentors me all the time.
--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================
"Deaf Web Designer" <webforumsuser@macromedia.com> wrote in message
news:ehap7c$i0a$1@forums.macromedia.com...> Based on what I took a look at Gary's site. I was curious about other
> information included at his site. Well, you are definitely correct about
> Gary
> being knowledgable, perhaps expertise as you are. (smile)
>
Murray *ACE* Guest
-
newtech2000 #13 Re: Spacing - No WYSIWYG
In the past I have used the following:
<p> </p>
to insert a blank line between paragraphs and other items. This causes html
validator to go crazy.
If I want to put spacing between paragraphs, what should I be using instead?
What if I want spacing between tables.
I know this is probably basic html stuff. But until i used DW with templates I
never ran into a problem.
newtech2000 Guest
-
Murray *ACE* #14 Re: Spacing - No WYSIWYG
> This causes html validator to go crazy.
Show me a page where it does this. It should not, as it's perfectly valid
HTML, but the context of that paragraph would be important. For example,
this -
<h1>blah blah
<p> </p>
</h1>
is invalid markup.
Use CSS to set the top/bottom margins on the paragraphs.> If I want to put spacing between paragraphs, what should I be using
> instead?
CSS and margins again.> What if I want spacing between tables.
Yes, it is. The more you know about HTML and CSS, the fewer problems like> I know this is probably basic html stuff. But until i used DW with
> templates I
> never ran into a problem.
this you will encounter.
--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================
"newtech2000" <webforumsuser@macromedia.com> wrote in message
news:eo4ldl$mf$1@forums.macromedia.com...> In the past I have used the following:
> <p> </p>
> to insert a blank line between paragraphs and other items. This causes
> html
> validator to go crazy.
>
> If I want to put spacing between paragraphs, what should I be using
> instead?
>
> What if I want spacing between tables.
>
> I know this is probably basic html stuff. But until i used DW with
> templates I
> never ran into a problem.
>
Murray *ACE* Guest
-
Murray *ACE* #15 Re: Spacing - No WYSIWYG
And by the way, this post would be better suited for the DW general
discussion forum.
--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================
"newtech2000" <webforumsuser@macromedia.com> wrote in message
news:eo4ldl$mf$1@forums.macromedia.com...> In the past I have used the following:
> <p> </p>
> to insert a blank line between paragraphs and other items. This causes
> html
> validator to go crazy.
>
> If I want to put spacing between paragraphs, what should I be using
> instead?
>
> What if I want spacing between tables.
>
> I know this is probably basic html stuff. But until i used DW with
> templates I
> never ran into a problem.
>
Murray *ACE* Guest
Reply With QuoteSimilar Questions and Discussions
Posting Permissions
- You may not post new threads
- You may post replies
- You may not post attachments
- You may not edit your posts
