• Tag cloud

Was using Dreamweaver, now margins are all messed up

New to web-building ? Simple answers to "How do I . . .?"

Moderators: BobCP, agsone, Neil Parks, gregtutor, Lem3

Was using Dreamweaver, now margins are all messed up

Postby Ellieanna on Mon Feb 18, 2013 2:46 am

Hi,
2. questions
I'm new to Komposer cuz I recently got a Mac. I was using Dreamweaver on a PC.
I just had some fine tuning to do on each website page before publishing it. The page opens fine in Dreamweaver and opens fine with my computer but when I open in in Kompozer, it looks terrible.
1. I think the margins are off. What are best margins to set Komposer at? I don't know exactly who I will host with, does that matter?

Komposer is presently set at: Horizontal 998 px x Vertical557px

I attempted to attach the page but it says: The extension html is not allowed. :(
2. So I also need to know how to attach a page since there is a problem here that I can't get around.

I look forward to receiving a response asap so I can get this website up; finally. :D
Thank you in advance for the kind hearted person who helps me,

Ellie
Ellieanna
 
Posts: 59
Joined: Fri Feb 08, 2013 3:27 am
Country: United States (us)

Re: Was using Dreamweaver, now margins are all messed up

Postby wink0r on Mon Feb 18, 2013 5:48 am

I am not a Mac user and have only what best might be described as a 'hear say' knowledge of Dreamweaver, but if the page opens in your browser it should also open in KompoZer. My guess would be that KompoZer can't find the associated .css file that controls the layout.

It may be a matter of terms or it may be procedure, but you don't 'attach' a page in KompoZer. To open a page in KompoZer you would click on the open button or select the open option in the file menu. The open dialog box will open, an explorer like box, and you navigate to the file you wish to open. Select the file and click the open button or just double click the file in the open dialog window. The page should open in KompoZer.

The 998 X 557 that you see in the top and side bars are probably the measurements that KompoZer reads from the page you have loaded. These measurements would properly be set in the css dialog, but if Dreamweaver was left to its own devices may be measurements of a table Dreamweaver created.

Since the site is not online we may need to see the source code to diagnose the problem.
wink0r
 
Posts: 2595
Joined: Tue Aug 28, 2007 10:10 pm
Location: East Coast - USA
Country: United States (us)

Re: Was using Dreamweaver, now margins are all messed up

Postby gregtutor on Mon Feb 18, 2013 11:15 am

To show us the source code, then as you post your reply click the "Code" button at the top of the edit box. That will place opening and closing code tags in your message and you paste the code of your page between them. You may need to do it twice, once for the HTML file and again for the CSS file. (We can probably then understand the problem without seeing any images that should appear on the page.)
Greg Chapman
http://www.gregtutor.co.uk
Helping new users of KompoZer - but using BlueGriffon
gregtutor
Moderator
 
Posts: 3784
Joined: Wed Jun 20, 2007 8:25 am
Location: The Norfolk Broads, UK
Country: England (en)

Re: Was using Dreamweaver, now margins are all messed up

Postby Ellieanna on Tue Feb 19, 2013 3:18 am

Code: Select all
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Linen Products - Bedella</title>
<meta name="keywords"
content="linen, linen bedding 100% linen, linen sheets, linen sleepware, linen pajamas, linen clothing, linen home made, linen custom orders, linen custom order, linen for sale, discount, best price," />
<meta name="description"
content="Bedella offers all natural, effective products at discount prices for health and home; from Sunfrost refrigerators to Solexx greenhouses, and salves to salt scrubs. Bedella helps you live healthy." />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12752881-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
</head>
<body class="subpage">
<table id="wrapper" border="0" cellpadding="0" cellspacing="0"
width="100%">
<tbody>
<tr>
<td class="bgtop">
<table class="bgbtm" border="0" cellpadding="0" cellspacing="0"
width="100%">
<tbody>
<tr>
<td>
<table id="header-wrapper" border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<table class="container" id="header" border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr valign="top">
<td width="450"><a href="#"><img
src="images/homepage01%20Bedella.jpg" alt="" height="250" width="450" /></a></td>
<td>
<div id="search">
<form method="get" action="">
<fieldset> <input name="query" value=""
class="input-text" type="text" /> </fieldset>
</form>
</div>
</td>
</tr>
</tbody>
</table>
<table id="page-wrapper" border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgtop">
<table border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgbtm">
<table class="container" id="page"
border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgtop">
<table border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgbtm">
<div id="sidebar">
<table border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<div id="box1"
class="box-style">
<h2 class="title"><span>Contents</span></h2>
<div class="content">
<ul class="style1">
<li><a
href="homepage.html">Home</a></li>
<li><a
href="allproducts.html">All Skin Products</a></li>
<li><a
href="salve.html">Salve</a></li>
<li><a
href="saltscrubs.html">Salt Scrubs</a></li>
<li><a
href="anti-poisonpowder.html">Anti-Poison Powder</a></li>
<li><a
href="internalsupport.html">Internal Support</a></li>
<li><a
href="earticles.html">e Articles</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a
href="contact.html">Contact</a></li>
<li class="last"><a
href="links.html">Links</a></li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<div id="box2"
class="box-style">
<h2 class="title"><span>All
Natural Skin Care The Picture of Health</span></h2>
<div class="content">
<p><img
src="images/homepage05.jpg" alt="" height="88" width="250" /></p>
<p><strong>More and
more people are carefully reading the labels on their skin care
products and wanting to see more natural and effective ingredients.</strong>
</p>
<p class="seperator">&nbsp;</p>
<p class="link1"><a
href="skincare.html">Read More …</a></p>
<p
style="text-align: center;"><img src="images/Made%20in%20USA.jpg"
alt="" height="142" width="122" /><!--<br--></p>
<p />
<p
style="text-align: center;"><img src="images/Paypal.jpg" style=""
center="" alt="" height="137" width="151" /><!--<br--><br />
</p>
<p />
<p><a href="#" /></p>
<p
style="text-align: center;"><a href="http://www.naturalingredient.org/"><img
src="images/naturalseal_half.jpg" alt="All Natural Ingredients"
align="middle" height="135" width="135" />;</a></p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="content">
<table border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<div id="box3"
class="box-style2">
<h2 class="title"><span>Linen
Products</span></h2>
<div class="content"> <img
src="images/Linen.jpg" alt="" class="alignleft" height="210"
width="210" /><br />
<br />
<p><strong>100% linen
material is amazing. </strong>Some scientists, who have studied the
signature light energy that is emitted from all living organisms, have
discovered that linen reflects light in an impressive way which is
highly beneficial to health.</p>
<p>Nobel prize winner,
Dr.Otto Heinrich Warburg, determined that the frequency number of the
average human can be found in the 70-90 range. Light energies less than
50 were identified as the signature frequency of chronic disease.
Numbers less than 15 were identified as having a very serious,
life-threatening illness. </p>
<p><strong>Linen fabric
actually measures in at a whooping 5,000 signature frequencies.</strong>
</p>
<p><strong>How do the
other fabrics compare? </strong></p>
<table border="8"
bordercolor="#a0ab28" cellpadding="7">
<tbody>
<tr>
<th>Fabric
material</th>
<th>Signature
frequency total</th>
</tr>
<tr>
<td>Polyester,
acrylic, spandex </td>
<td>0 units of
energy</td>
</tr>
<tr>
<td>Lycra,
viscose and nylon</td>
<td>0 units of
energy</td>
</tr>
<tr>
<td>Silk</td>
<td>10 units of
energy</td>
</tr>
<tr>
<td>Cotton,
standard bleached and colored</td>
<td>40 units of
energy</td>
</tr>
<tr>
<td>Cotton,
organic, unbleached</td>
<td>100 units of
energy</td>
</tr>
<tr>
<td>Pure wool</td>
<td>5000 units of
energy</td>
</tr>
<tr>
<td><strong>Linen</strong></td>
<td><strong>5000
units of energy</strong></td>
</tr>
</tbody>
</table>
<br />
<p>*The Biblical warns
of wearing wool and linen together. Scientific studies reveal that the
energy of these two fabrics put together can actually collapse the
electrical field. Harmful effects, including measurable weakness and
even pain was detected in some tests Where the two materials, which
measure 5,000 signature frequencies, were combined.</p>
<p><strong>Impressive
Facts concerning Linen</strong></p>
<p><strong>In Latin,
the word flax means "being most useful." </strong></p>
<p><strong>The
Levitical priests were directed to wear linen.</strong></p>
<p><strong>Researchers
have discovered that sleep is improved when sleeping in linen. Sleep
will occur sooner and will be deeper.</strong> </p>
<p><strong>Linen is
well known for its natural strength and durability.</strong></p>
<p><strong>Linen is
resistant to fungus, bacteria, and an effective barrier to some
diseases.</strong> </p>
<p><strong>Studies
reveal that bed-ridden patients do not develop bedsores when lying on
linen sheets. </strong></p>
<p><strong>Linen is
very hydroscopic because it has the quality of rapidly absorbing and
giving up moisture.</strong> </p>
<p><strong>It does not
accumulate static electricity.</strong> </p>
<p><strong>Silica,
present in the linen, protects against decay.</strong> </p>
<p><strong>Linen is
easily laundered in hot water and can be ironed.</strong> </p>
<p><strong>Linen
becomes softer and smoother the more it is washed.</strong> </p>
<p><strong>Linen
bandages and wearing linen clothing speed healing and improve health.</strong>
</p>
<p><strong>Choose
optimum health and a strengthened immune system - Choose linen.</strong>
</p>
<p>Revelation 19:8
says: And to her was granted that she should be arrayed in fine linen,
clean and bright: For fine linen is the righteousness of Saints.</p>
<p>
</p>
<form target="paypal"
action="https://www.paypal.com/cgi-bin/webscr" method="post"><input
name="cmd" value="_s-xclick" type="hidden" />
<input
name="hosted_button_id" value="7UAJQAQUBKQ9U" type="hidden" />
<table align="right">
<tbody>
<tr>
<td><input
name="on0" value="Size Options" type="hidden" /><strong>Size Options</strong></td>
</tr>
<tr>
<td>
<select
name="os0">
<option
value="1 ounce">1 ounce $2.95</option>
<option
value="2 ounce">2 ounce $4.95</option>
<option
value="5 ounce">5 ounce $9.95</option>
</select>
</td>
</tr>
</tbody>
</table>
<input
name="currency_code" value="USD" type="hidden" /><br />
<br />
<br />
<input
src="images/addtocart.jpg" name="submit" alt="Add to Cart" type="image"
align="right" border="0" />
<img alt=""
src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0"
height="1" width="1" /></form>
<p> </p>
<p><br />
</p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table id="footer" class="container" border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top">
<p>Copyright (c) 2010 GetSkinRelief.com. All rights reserved. <a
href="#">Terms of Use</a> | <a href="#">Privacy Policy</a></p>
</td>
</tr>
</tbody>
</table>
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript" />
<script type="text/javascript">
google.load('search', '1', {language : 'en', style : google.loader.themes.GREENSKY});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('010738304939607494530:dzujfhbr5sy');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
}, true);
</script>
</body>
</html>
Ellieanna
 
Posts: 59
Joined: Fri Feb 08, 2013 3:27 am
Country: United States (us)

Re: Was using Dreamweaver, now margins are all messed up

Postby Ellieanna on Tue Feb 19, 2013 3:19 am

I just posted the code source.
Thank you for your help.
Looking forward to your advice.
I'm stuck here,
Ellie
Ellieanna
 
Posts: 59
Joined: Fri Feb 08, 2013 3:27 am
Country: United States (us)

Re: Was using Dreamweaver, now margins are all messed up

Postby wink0r on Tue Feb 19, 2013 4:59 am

We also need the associated 'default.css' file. The css file contains the styling information that controls the layout and display of the page.

Without the css the page does display the same in KompoZer and FireFox. It occupies the full available width of the window, with most elements aligned left.

PS: I only see alt text on one of the image blocks. You should provide a short text description for all of your images in the 'alternate text' box of the image dialog.
Last edited by wink0r on Tue Feb 19, 2013 5:04 am, edited 1 time in total.
wink0r
 
Posts: 2595
Joined: Tue Aug 28, 2007 10:10 pm
Location: East Coast - USA
Country: United States (us)

Re: Was using Dreamweaver, now margins are all messed up

Postby Ellieanna on Wed Feb 20, 2013 10:34 pm

Code: Select all
html, body {
   height: 100%;
}

body {
   margin: 0px;
   padding: 0px;
   background: #475100 url(images/bg01.jpg) repeat left top;
   font-family: "Times New Roman", Times, serif;
   font-size: 14px;
   color: #585858;
}

h1, h2, h3 {
   margin-top: 0px;
}

p, ol, ul {
   margin-top: 0px;
}

p {
   line-height: 190%;
}

strong {
}

a {
   color: #0000FF;
   text-decoration: underline;
}

a:hover {
   text-decoration: none;
}

a img {
   border: none;
}

img.border {
}

img.alignleft {
   float: left;
}

img.alignright {
   float: right;
}

img.aligncenter {
   margin: 0px auto;
}

hr {
   display: none;
}

/** WRAPPER */

#wrapper {
   overflow: hidden;
   background: url(images/bg03.jpg) repeat left top;
}

#wrapper .bgtop {
   background: url(images/bg02.jpg) repeat-x left top;
}

#wrapper .bgbtm {
   overflow: hidden;
   background: url(images/bg04.jpg) repeat-x left bottom;
}

.container {
   width: 900px;
   margin: 0px auto;
}

.clearfix {
   clear: both;
}

/** HEADER */

#header-wrapper {
   height: 250px;
   background: url(images/bg05.jpg) no-repeat center top;
}

#header {
   background: url(images/bg1_01.jpg) no-repeat left top;
   height: 250px;
}

.subpage #header {
   background: url(images/bg2_01.jpg) no-repeat left top;
}

/** LOGO */

#logo {
   float: left;
   width: 450px;
   height: 250px;
   background: url(images/homepage01.jpg) no-repeat left top;
}

#logo h1, #logo p {
   margin: 0px;
   line-height: normal;
   text-indent: -9999em;
}

#logo h1 a {
   display: block;
   top: 0px;
   left: 0px;
   width: 450px;
   height: 250px;
}

/** SEARCH */

#search {
   float: right;
   width: 450px;
   height: 93px;
}

#search form, #search fieldset {
   margin: 0px;
   padding: 0px;
   border: none;
}

#search form {
   padding: 90px 0px 0px 150px;
}

#search input {
   float: left;
}

#search .input-text {
   width: 210px;
   margin: 0px;
   padding: 5px 5px 3px 5px;
   background: none;
   border: none;
   font-family: "Times New Roman", Times, serif;
   font-size: 14px;
   color: #FFFFFF;
}

/** MENU */

#menu {
   height: 99px;
}

#menu ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
   line-height: normal;
}

#menu li {
   float: left;
}

#menu a {
   text-decoration: none;
}

#menu a:hover {
   text-decoration: underline;
}

/** PAGE */

#page-wrapper {
   background: url(images/bg07.jpg) repeat-y center top;
}

#page-wrapper .bgtop {
   background: url(images/bg06.jpg) no-repeat center top;
}

#page-wrapper .bgbtm {
   background: url(images/bg08.jpg) no-repeat center bottom;
}

#page {
   background: url(images/bg1_03.jpg) repeat-y left top;
}

#page .bgtop {
   background: url(images/bg1_02.jpg) no-repeat left top;
}

#page .bgbtm {
   overflow: hidden;
   padding: 20px 0px 160px 0px;
   background: url(images/bg1_04.jpg) no-repeat left bottom;
}

.subpage #page {
   background: url(images/bg2_03.jpg) repeat-y left top;
}

.subpage #page .bgtop {
   background: url(images/bg2_02.jpg) no-repeat left top;
}

.subpage #page .bgbtm {
   background: url(images/subpage02.jpg) no-repeat left bottom;
}

/** CONTENT */

#content {
   float: left;
   width: 300px;
   margin: 0px 0px 0px 0px;
}

.subpage #content {
   width: 600px;
}

/** SIDEBAR */

#sidebar {
   float: left;
   width: 300px;
   margin: 0px 0px 0px 0px;
}

#sidebar #box1 a:hover {
   text-decoration: underline !important;
}

#sidebar2 {
   float: right;
   width: 300px;
   margin: 0px 0px 0px 0px;
}

/** FOOTER */

#footer {
   height: 120px;
   background: url(images/bg09.jpg) no-repeat left top;
}

#footer p {
   margin: 0px;
   padding: 35px 0px 0px 0px;
   text-align: center;
   font-family: "Times New Roman", Times, serif;
   font-size: 13px;
   color: #6B7527;
}

#footer a {
   color: #6B7527;
}

/** BOX STYLE 1 */

.box-style {
   margin-bottom: 20px;
}

.box-style .title {
   margin: 0px;
   padding: 0px 25px 4px 25px;
   text-shadow: 1px 2px 0px #1B3600;
   font-weight: normal;
   font-size: 24px;
   color: #FFFFFF;
}

.box-style span {
   font-weight: bold;
}

.box-style .content {
   margin: 0px;
   padding: 20px 25px 0px 25px;
   background: url(images/homepage02.jpg) no-repeat left top;
}

.box-style .seperator {
   margin: 0px;
   padding: 0px;
   background: url(images/homepage04.jpg) no-repeat left top;
}

.box-style .link1 a {
   display: block;
   margin: 0px;
   padding: 0px 0px 6px 25px;
   background: url(images/homepage06.jpg) no-repeat left 4px;
   color: #F4FF9D;
}

/** BOX STYLE 2 */

.box-style2 {
   margin-bottom: 20px;
}

.box-style2 .title {
   margin: 0px;
   padding: 0px 25px 4px 25px;
   font-weight: normal;
   font-size: 24px;
   color: #3B3B3B;
}

.box-style2 span {
   font-weight: bold;
}

.box-style2 p {
   line-height: 160%;
}

.box-style2 .content {
   margin: 0px;
   padding: 20px 25px 0px 25px;
   background: url(images/homepage07.jpg) no-repeat left top;
}

.subpage .box-style2 .content {
   background: url(images/bg2_04.jpg) no-repeat left top;
}

.box-style2 .alignleft {
   float: left;
   padding: 7px 15px 0px 0px;
}

.box-style2 .seperator {
   margin: 24px 0px 0px 0px;
   padding: 0px;
   background: url(images/homepage08.gif) repeat-x left top;
}

.box-style2 .link1 a {
   display: block;
   margin: 0px;
   padding: 0px 0px 6px 25px;
   background: url(images/homepage09.gif) no-repeat left 0px;
   color: #676C00;
}

.box-style2 a {
   color: #676C00;
}

/** BOX STYLE 2 */

.box-style3 {
   color: #727131;
}

.box-style3 .title {
   margin: 0px;
   padding: 0px 25px 4px 25px;
   text-shadow: 1px 2px 0px #FFFFB1;
   font-weight: normal;
   font-size: 24px;
   color: #48471E;
}

.box-style3 h3 {
   margin: 0px;
   padding: 0px;
   font-size: 14px;
   color: #2C2B09;
}

.box-style3 span {
   font-weight: bold;
}

.box-style3 strong {
   color: #2C2B09;
}

.box-style3 p {
   line-height: 160%;
}

.box-style3 .content {
   margin: 0px;
   padding: 20px 25px 0px 25px;
   background: url(images/homepage11.jpg) no-repeat left top;
}

.box-style3 .alignright {
   float: right;
   margin: -10px 0px 0px 0px;
   padding: 0px 0px 0px 15px;
}

.box-style3 .link1 a {
   display: block;
   margin: -5px 0px 0px 0px;
   padding: 0px 0px 0px 20px;
   background: url(images/homepage15.gif) no-repeat left 5px;
   color: #4D5100;
}

.box-style3 a {
   color: #4D5100;
}

ul.style1 {
   margin: 0px;
   padding: 0px;
   list-style: none;
   line-height: normal;
}

ul.style1 li {
   margin: 0px;
   padding: 0px;
   background: url(images/homepage03.jpg) no-repeat right 12px;
}

ul.style1 a {
   width: 250px;
   display: block;
   margin: 0px;
   padding: 7px 0px 10px 0px;
   background: url(images/homepage04.jpg) no-repeat left bottom;
   text-decoration: none;
   color: #F4FF9D;
}

ul.style1 li.last a {
   background: none;
}

ul.style2 {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

ul.style2 li {
   margin: 0px 0px 20px 0px;
   padding: 0px 0px 8px 0px;
   background: url(images/homepage16.gif) repeat-x left bottom;
}

ul.style3 {
   margin: 0px;
   padding: 0px;
   list-style: none
}

ul.style3 li {
   margin: 0px;
   padding: 6px 0px 6px 18px;
   background: url(images/homepage17.gif) no-repeat left 11px;
}

#box1 {
}

#box2 {
   color: #FFFFFF;
}
Last edited by gregtutor on Wed Feb 20, 2013 10:41 pm, edited 1 time in total.
Ellieanna
 
Posts: 59
Joined: Fri Feb 08, 2013 3:27 am
Country: United States (us)

Re: Was using Dreamweaver, now margins are all messed up

Postby Ellieanna on Wed Feb 20, 2013 10:36 pm

I just copied the css, hopefully that will help you. Look forward to reading how to fix this.
Also, you wrote:

PS: I only see alt text on one of the image blocks. You should provide a short text description for all of your images in the 'alternate text' box of the image dialog.

Please describe exactly how to do this and also how short, just one word adjectives or a phrase?
Thanks,
Ellie
Ellieanna
 
Posts: 59
Joined: Fri Feb 08, 2013 3:27 am
Country: United States (us)

Re: Was using Dreamweaver, now margins are all messed up

Postby gregtutor on Wed Feb 20, 2013 10:42 pm

Hope you don't mind but I used my moderator powers to place that CSS post in "code" tags, to make it easier to copy out and put in a file.
Greg Chapman
http://www.gregtutor.co.uk
Helping new users of KompoZer - but using BlueGriffon
gregtutor
Moderator
 
Posts: 3784
Joined: Wed Jun 20, 2007 8:25 am
Location: The Norfolk Broads, UK
Country: England (en)

Re: Was using Dreamweaver, now margins are all messed up

Postby gregtutor on Wed Feb 20, 2013 10:59 pm

Ellieanna wrote:
PS: I only see alt text on one of the image blocks. You should provide a short text description for all of your images in the 'alternate text' box of the image dialog.

Please describe exactly how to do this and also how short, just one word adjectives or a phrase?


1. Double-click on an image. (The "Image Properties" dialogue opens)

2. Complete the "Alternate text" field.

3. Click the OK button.

4. Repeat for all images.

Note that while there is a radio button to say "Don't use alternate text" you should only select this option for images that are simply artistic decoration and add no meaning to the content of the page - exotic graphical horizontal rules, for example.

Alternate text is displayed when, for any reason, a visitor chooses not to display images in their browser. It should be used to describe the function of the image rather than a description of it (It should say why the image is there, not say what is shown!).

So, for example, alternate text for company logo at the top of a home page might say "You've found Joe Blogg's Site", rather than "Joe Blogg's Logo", and on an architecture site alternate text might say "Plan showing proximity of Dining Room to Kitchen" rather than "Ground Floor Plan".
Last edited by gregtutor on Wed Feb 20, 2013 11:03 pm, edited 1 time in total.
Greg Chapman
http://www.gregtutor.co.uk
Helping new users of KompoZer - but using BlueGriffon
gregtutor
Moderator
 
Posts: 3784
Joined: Wed Jun 20, 2007 8:25 am
Location: The Norfolk Broads, UK
Country: England (en)

Re: Was using Dreamweaver, now margins are all messed up

Postby wink0r on Thu Feb 21, 2013 2:38 am

The rule that is causing your difficulty in KompoZer is the .container rule. KompoZer is measuring things slightly differently than Dreamweaver or current browsers. If you increase the width of the container to 910px you should be able to get on with the design of your site. To do this, open the index page in KompoZer. Then click on the artist's palette at the top of the page to open the css editor. Scroll down just a bit and click on the .container class rule, then click on the box tab. Change the width to 910px there. The page should immediately reassemble itself to the familiar appearance.
wink0r
 
Posts: 2595
Joined: Tue Aug 28, 2007 10:10 pm
Location: East Coast - USA
Country: United States (us)

Re: Was using Dreamweaver, now margins are all messed up

Postby Ellieanna on Mon Feb 25, 2013 2:35 am

Thank you so much winkOr, now my pages are aligned, Relief, so thanks for walking me thru that. You are a nice person to help me. :)I have another question, you wrote:

PS: I only see alt text on one of the image blocks. You should provide a short text description for all of your images in the 'alternate text' box of the image dialog.

I need further explanation, is an image block simply a picture. Where is the "alternate text box"? and what is image dialog? How short? All my pics have one word.

Can you provide an example using one of my pics?

I need to include the contact page because in the space where someone emails me the question, there is text in there and I don't know why, should I just delete it?

I will try to copy the html, but I'm not sure how to attach the css, can you go over those directions step-by-step?

Also, please tell me if my mega tags, (think that they are called that) (the list of key words at the top of the page) do they look good? How can I improve them?

Looking forward to your feedback

Thanks, Ellie

Code: Select all
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>contact- Bedella</title>
<meta name="keywords"
content="Bedella,contact, Missouri, Ellie natural, friends, discount, free, skin, health, home, best prices" />
<meta name="description"
content="Bedella offers all natural, effective products at discount prices for health and home; from Sunfrost refrigerators to Solexx greenhouses, and salves to salt scrubs. Bedella helps you live healthy." />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12752881-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
</head>
<body class="subpage">
<table id="wrapper" border="0" cellpadding="0" cellspacing="0"
width="100%">
<tbody>
<tr>
<td class="bgtop">
<table class="bgbtm" border="0" cellpadding="0" cellspacing="0"
width="100%">
<tbody>
<tr>
<td>
<table id="header-wrapper" border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<table class="container" id="header" border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr valign="top">
<td width="450"><a href="#"><img
src="images/homepage01%20Bedella.jpg" alt="" height="250" width="450" /></a></td>
<td>
<div id="search">
<form method="get" action="">
<fieldset> <input name="query" value=""
class="input-text" type="text" /> </fieldset>
</form>
</div>
</td>
</tr>
</tbody>
</table>
<table id="page-wrapper" border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgtop">
<table border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgbtm">
<table class="container" id="page"
border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgtop">
<table border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgbtm">
<div id="sidebar">
<table border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<div id="box1"
class="box-style">
<h2 class="title"><span>Contents</span></h2>
<div class="content">
<ul class="style1">
<li><a
href="homepage.html">Home</a></li>
<li><a
href="allproducts.html">All Health Products</a></li>
<li><a
href="salve.html">Salve</a></li>
<li><a
href="saltscrubs.html">Salt Scrubs</a></li>
<li><a
href="anti-poisonpowder.html">Anti-Poison Powder</a></li>
<li><a
href="internalsupport.html">Internal Support</a></li>
<li><a
href="earticles.html">e Articles</a><a href="linenproducts.html">Linen
Products</a><a href="solexxgreenhouse.html">Solexx Greenhouses</a> <a
href="sunfrost.html">Sunfrost</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a
href="contact.html">Contact</a></li>
<li class="last"><a
href="links.html">Links</a></li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<div id="box2"
class="box-style">
<h2 class="title"><span>All
Natural Skin Care The Picture of Health</span></h2>
<div class="content">
<p><img
src="images/homepage05.jpg" alt="" height="88" width="250" /></p>
<p><strong>More </strong><strong>people
are becoming "ingredient aware" and carefully reading the labels on
their skin care
products. They want&nbsp; 100% natural and effective</strong><strong>
ingredients.</strong> </p>
<p class="seperator">&nbsp;</p>
<p class="link1"><a
href="skincare.html">Read More …</a></p>
<p
style="text-align: center;"><img src="images/Made%20in%20USA.jpg"
alt="" height="142" width="122" /><!--<br--></p>
<p> </p>
<p
style="text-align: center;"><img src="images/Paypal.jpg" style=""
center="" alt="" height="137" width="151" /><!--<br--><br />
</p>
<p> </p>
<a href="#"> </a>
<p
style="text-align: center;"><a href="http://www.naturalingredient.org/"><img
src="images/naturalseal_half.jpg" alt="All Natural Ingredients"
align="middle" height="135" width="135" /></a></p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<h2 style="font-weight: bold;"
class="title">Contact
Us</h2>
<div class="content"> <img
src="images/subpage01.jpg" alt="" class="alignleft" height="120"
width="120" />
<p><strong>Who We Are</strong></p>
<p>&nbsp; Bedella.com is
located in the Ozarks near Springfield, Missouri. We offer pure and
natural health care products that provide effective results. Excellent
products for the home, at prices that can't be beat, are also available.</p>
<p><strong>Why Buy From
Us</strong></p>
<p>The products on
Bedella.com are family-tested and approved. They are
high-quality and proven to be effective. Concerning shipping; customers
will receive fast service. Items are shipped USPS Priority Mail or
Fed Ex with a tracking number and a 30 day money back guarantee. Please
see FAQ page for more information.</p>
<p>Thank you for
visiting the website and we look forward to helping you move toward
greater
health.</p>
<p>Your friends at</p>
<p>www.Bedella.com</p>
<p><strong>Contact Us</strong></p>
<script type="text/javascript">
//email form validation

function everif(str) {

var at="@"
var punct="."
var lat=str.indexOf(at)
var lstr=str.length
var lpunct=str.indexOf(punct)
if (str.indexOf(at)==-1){
alert("Valid email must be entered")
return false
}

if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
alert("Valid email must be entered")
return false
}

if (str.indexOf(punct)==-1 || str.indexOf(punct)==0 || str.indexOf(punct)==lstr){
alert("Valid email must be entered")
return false
}

if (str.indexOf(at,(lat+1))!=-1){
alert("Valid email must be entered")
return false
}

if (str.substring(lat-1,lat)==punct || str.substring(lat+1,lat+2)==punct){
alert("Valid email must be entered")
return false
}

if (str.indexOf(punct,(lat+2))==-1){
alert("Valid email must be entered")
return false
}

if (str.indexOf(" ")!=-1){
alert("Valid email must be entered")
return false
}

return true
}

function evalid(){
var emailID=document.contact_form.mail

if (everif(emailID.value)==false){
emailID.focus()
return false
}

//empty field validation

var fname=document.contact_form.fname
if ((fname.value==null)||(fname.value=="")){
alert("Fields marqued with * must be entered")
fname.focus()
return false
}

var subject=document.contact_form.subject
if ((subject.value==null)||(subject.value=="")){
alert("Fields marqued with * must be entered")
subject.focus()
return false
}

var message=document.contact_form.message
if ((message.value==null)||(message.value=="")){
alert("Fields marqued with * must be entered")
message.focus()
return false
}

return true
}
</script>
<div
style="font-family: Times New Roman; font-size: 14px; color: black; font-style: normal;">
<form name="contact_form"
method="post" action="mailer.php" onsubmit="return evalid()">
<table border="0">
<tbody>
<tr>
<td>First Name *</td>
<td colspan="2"><input
name="fname" size="30" type="text" /></td>
</tr>
<tr>
<td>Your E-mail
*</td>
<td colspan="2"><input
name="mail" size="30" type="text" /></td>
</tr>
<tr>
<td>Subject *</td>
<td colspan="2"><input
name="subject" size="30" type="text" /></td>
</tr>
<tr>
<td>Message *</td>
<td colspan="2"><textarea
name="message" onkeyup="return limitarelungime(this, 255)" cols="35"
rows="5">&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;br /&gt;
&lt;/td&gt; &lt;td colspan="2"&gt; &lt;br /&gt; &lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;&lt;input name="reset" value="Reset" type="reset"
/&gt;&lt;/td&gt; &lt;td align="right"&gt;&lt;input name="Submit"
value="Submit" type="submit" /&gt;&lt;/td&gt; &lt;td
align="right"&gt;&lt;a
href="http://www.scriptgenerator.net/71/HTML%7B47%7DPHP-Contact-Form-Mailer-Generator/"
title="Valid Contact Form"&gt;&lt;img
src="http://www.scriptgenerator.net/images/validform.jpg" alt="Valid
Contact Form" border="0" height="20" width="20"
/&gt;&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;
&lt;/form&gt; &lt;/div&gt; &lt;br /&gt;
&lt;p&gt;&lt;strong&gt;Facts:&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;"We
look good, we
smell good, and we expose ourselves to 200 different chemicals a day
through personal care products."&lt;/p&gt; &lt;p&gt;Bill Moyers, Trade
Secrets, PBS&lt;/p&gt; &lt;p&gt;"You see, your skin
is not only your largest organ it is also the thinnest. Only 1/10th of
an inch separates you from all sorts of toxins. Your skin is highly
permeable, allowing what you apply to your skin access to your
bloodstream (and thereby to the rest of your body)&lt;/p&gt;
&lt;p&gt;Currently, there are
estimated to be more than 10,500 cosmetic and personal care products on
the North American market. Of those products, the Environmental Working
Group estimates that 99% of the products contain one or more
ingredients that have never been evaluated for safety."&lt;/p&gt;
Dr. Mercola &lt;table align="right" border="0"&gt; &lt;tbody&gt;
&lt;tr&gt; &lt;td&gt; &lt;br /&gt; &lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;&lt;br /&gt; &lt;/p&gt;
&lt;/div&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt;
&lt;/table&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt;
&lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;
&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/td&gt;
&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt;
&lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt;
&lt;/table&gt;
&lt;table id="footer" class="container" border="0" cellpadding="0"
cellspacing="0" width="100%"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td
valign="top"&gt; &lt;p&gt;Copyright (c) 2010 GetSkinRelief.com. All
rights reserved. &lt;a href="#"&gt;Terms of Use&lt;/a&gt; | &lt;a
href="#"&gt;Privacy Policy&lt;/a&gt;&lt;/p&gt; &lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;div id="cse" style="width: 100%;"&gt;Loading&lt;/div&gt;
&lt;script src="http://www.google.com/jsapi" type="text/javascript"
/&gt;
&lt;script type="text/javascript"&gt; google.load('search', '1',
{language : 'en', style : google.loader.themes.GREENSKY});
google.setOnLoadCallback(function() { var customSearchControl = new
google.search.CustomSearchControl('010738304939607494530:dzujfhbr5sy');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse'); }, true);
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt; </textarea></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Ellieanna
 
Posts: 59
Joined: Fri Feb 08, 2013 3:27 am
Country: United States (us)

Re: Was using Dreamweaver, now margins are all messed up

Postby wink0r on Mon Feb 25, 2013 4:05 am

As far as images are concerned, I used the term image block because I did not have the images. If there is an image listed in the code the browser blocks off the space where the image will appear. If the image does not appear or is slow to load the alt text will show in this area. With a page open in KompoZer, if you double click on an image the image properties dialog box will pop up. There are text fields for a tool tip and alternate text. On your images without alt text the box will be grayed (tanned) out, but if you tick the radio button next to the field you can then input your alt text. The box marked tool tip becomes a title in the code and appears on the page if the cursor is hovered over the image. It is good to put some information in the tool tip box as well because this gives the search engines as well as your visitors more information about the image.

As far as your contact form is concerned somehow the closing tag for the message text area got displaced. The mess in the text area is all the rest of the code for the page. I think that I got it cleaned up. Copy the code in this code box and paste it into a blank text file and save it in your site folder as something like contact2.html. Then open it in your browser to check it out. If it works rename your original by adding something like broken-contact.html and rename contact2.html to the proper file name.

Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml" lang="en-us"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>contact-
Bedella</title> <meta name="keywords"
content="Bedella,contact, Missouri, Ellie natural, friends, discount, free, skin, health, home, best prices">
<meta name="description"
content="Bedella offers all natural, effective products at discount prices for health and home; from Sunfrost refrigerators to Solexx greenhouses, and salves to salt scrubs. Bedella helps you live healthy."><link
href="default.css" rel="stylesheet" type="text/css" media="all"> <script
type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12752881-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script></head><body style="direction: ltr;" class="subpage"> <table
id="wrapper" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody>
<tr><td class="bgtop"> <table class="bgbtm" border="0" cellpadding="0"
cellspacing="0" width="100%"> <tbody> <tr> <td> <table
id="header-wrapper" border="0" cellpadding="0" cellspacing="0"
width="100%"> <tbody> <tr><td> <table class="container" id="header"
border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr
valign="top">
<td width="450"><a href="#"><img src="images/homepage01%20Bedella.jpg"
alt="" height="250" width="450"></a></td> <td> <div id="search"> <form
method="get" action=""><fieldset> <input name="query" value=""
class="input-text" type="text"> </fieldset> </form></div> </td> </tr>
</tbody> </table> <table id="page-wrapper" border="0" cellpadding="0"
cellspacing="0" width="100%"> <tbody> <tr><td class="bgtop"> <table
border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody>
<tr> <td class="bgbtm"> <table class="container" id="page" border="0"
cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr><td
class="bgtop"> <table border="0" cellpadding="0" cellspacing="0"
width="100%"> <tbody><tr> <td class="bgbtm"> <div id="sidebar"><table
border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr>
<td> <div id="box1" class="box-style"> <h2 class="title"><span>Contents</span></h2>
<div class="content"> <ul class="style1"> <li><a href="homepage.html">Home</a></li>
<li><a href="allproducts.html">All Health Products</a></li>
<li><a href="salve.html">Salve</a></li> <li><a href="saltscrubs.html">Salt
Scrubs</a></li> <li><a href="anti-poisonpowder.html">Anti-Poison Powder</a></li>
<li><a href="internalsupport.html">Internal Support</a></li>
<li><a href="earticles.html">e Articles</a><a href="linenproducts.html">Linen
Products</a><a href="solexxgreenhouse.html">Solexx Greenhouses</a> <a
href="sunfrost.html">Sunfrost</a></li> <li><a href="faq.html">FAQ</a></li>
<li><a href="contact.html">Contact</a></li> <li class="last"><a
href="links.html">Links</a></li>
</ul> </div> </div> </td> </tr> </tbody></table> <table border="0"
cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr><td> <div
id="box2" class="box-style"> <h2 class="title"><span>All
Natural Skin Care The Picture
of Health</span></h2> <div class="content"> <p><img
src="images/homepage05.jpg" alt="" height="88" width="250"></p> <p><strong>More
</strong><strong>people
are becoming "ingredient aware" and carefully reading the labels on
their skin care products. They want&nbsp; 100% natural and effective</strong><strong>
ingredients.</strong> </p> <p class="seperator">&nbsp;</p>
<p class="link1"><a href="skincare.html">Read
More �</a></p> <p style="text-align: center;"><img
src="images/Made%20in%20USA.jpg" alt="" height="142" width="122"><!--<br--></p>
<p> </p><p style="text-align: center;"><img src="images/Paypal.jpg"
style="" center="" alt="" height="137" width="151"><!--<br--><br></p> <p>
</p>
<a href="#"> </a><p style="text-align: center;"><a
href="http://www.naturalingredient.org/"><img
src="images/naturalseal_half.jpg" alt="All Natural Ingredients"
align="middle" height="135" width="135"></a></p></div> </div> </td> </tr>
</tbody> </table></div> <h2 style="font-weight: bold;" class="title">Contact
Us</h2> <div class="content"> <img
style="width: 120px; height: 120px;" src="images/subpage01.jpg" alt=""
class="alignleft"> <p><strong>Who
We Are</strong></p> <p>&nbsp; Bedella.com is
located in the Ozarks near Springfield, Missouri. We offer pure and
natural health care products that provide effective results. Excellent
products for the home, at prices that can't be beat, are also available.</p>
<p><strong>Why Buy From Us</strong></p> <p>The
products on Bedella.com are family-tested and approved. They are
high-quality and proven to be effective. Concerning shipping; customers
will receive fast service. Items are shipped USPS Priority Mail or Fed
Ex with a tracking number and a 30 day money back guarantee. Please see
FAQ page for more information.</p> <p>Thank you for
visiting the website and we look forward to helping you move toward
greater health.</p> <p>Your friends at</p> <p>www.Bedella.com</p>
<p><strong>Contact Us</strong></p> <script type="text/javascript">
//email form validation
function everif(str) {
var at="@"
var punct="."
var lat=str.indexOf(at)
var lstr=str.length
var lpunct=str.indexOf(punct)
if (str.indexOf(at)==-1){
alert("Valid email must be entered")
return false
}
if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
alert("Valid email must be entered")
return false
}
if (str.indexOf(punct)==-1 || str.indexOf(punct)==0 || str.indexOf(punct)==lstr){
alert("Valid email must be entered")
return false
}
if (str.indexOf(at,(lat+1))!=-1){
alert("Valid email must be entered")
return false
}
if (str.substring(lat-1,lat)==punct || str.substring(lat+1,lat+2)==punct){
alert("Valid email must be entered")
return false
}
if (str.indexOf(punct,(lat+2))==-1){
alert("Valid email must be entered")
return false
}
if (str.indexOf(" ")!=-1){
alert("Valid email must be entered")
return false
}
return true
}
function evalid(){
var emailID=document.contact_form.mail
if (everif(emailID.value)==false){
emailID.focus()
return false
}
//empty field validation
var fname=document.contact_form.fname
if ((fname.value==null)||(fname.value=="")){
alert("Fields marqued with * must be entered")
fname.focus()
return false
}
var subject=document.contact_form.subject
if ((subject.value==null)||(subject.value=="")){
alert("Fields marqued with * must be entered")
subject.focus()
return false
}
var message=document.contact_form.message
if ((message.value==null)||(message.value=="")){
alert("Fields marqued with * must be entered")
message.focus()
return false
}
return true
}
</script>
<div
style="font-family: Times New Roman; font-size: 14px; color: black; font-style: normal;"><form
name="contact_form" method="post" action="mailer.php"
onsubmit="return evalid()"> <table border="0"> <tbody> <tr> <td>First
Name
*</td> <td colspan="2"><input name="fname" size="30" type="text"></td>
</tr> <tr><td>Your E-mail *</td> <td colspan="2"><input name="mail"
size="30" type="text"></td> </tr>
<tr> <td>Subject *</td> <td colspan="2"><input name="subject"
size="30" type="text"></td>
</tr> <tr> <td>Message *</td> <td colspan="2"><textarea
name="message" onkeyup="return limitarelungime(this, 255)" cols="35"
rows="5">&nbsp;</textarea></td> </tr> <tr>
<td> <br> </td> <td colspan="2"> <br></td> </tr> <tr> <td><input
name="reset" value="Reset" type="reset"></td> <td align="right"><input
name="Submit" value="Submit" type="submit"></td> <td align="right"><a
href="http://www.scriptgenerator.net/71/HTML%7B47%7DPHP-Contact-Form-Mailer-Generator/"
title="Valid Contact Form"><img
src="http://www.scriptgenerator.net/images/validform.jpg"
alt="Valid Contact Form" border="0" height="20" width="20"></a></td> </tr></tbody>
</table> </form> </div> <br> <p><strong>Facts:</strong></p>
<p>"We look good, we smell good, and we expose ourselves to 200
different chemicals a day through personal care products."</p> <p>Bill
Moyers, Trade Secrets, PBS</p> <p>"You see, your skin is
not only your largest organ it is also the thinnest. Only 1/10th of an
inch separates you from all sorts of toxins. Your skin is highly
permeable, allowing what you apply to your skin access to your
bloodstream (and thereby to the rest of your body)</p> <p>Currently,
there are estimated to be more than 10,500 cosmetic and personal care
products on the North American market. Of those products, the
Environmental Working Group estimates that 99% of the products contain
one or more ingredients that have never been evaluated for safety."</p>
Dr. Mercola <table align="right" border="0"> <tbody>
<tr> <td> <br> </td> </tr> </tbody></table> <p><br> </p> </div></td>
</tr> </tbody> </table> </td> </tr> </tbody></table> </td> </tr></tbody>
</table>
</td> </tr> </tbody> </table> </td> </tr></tbody> </table> </td></tr>
</tbody>
</table> </td> </tr> </tbody> </table><table id="footer"
class="container" border="0" cellpadding="0" cellspacing="0"
width="100%"> <tbody><tr> <td valign="top"> <p>Copyright (c) 2010
GetSkinRelief.com. All rights reserved. <a href="#">Terms
of Use</a> | <a href="#">Privacy Policy</a></p>
</td> </tr> </tbody> </table> <div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript">
<script type="text/javascript"> google.load('search', '1',
{language : 'en', style : google.loader.themes.GREENSKY});
google.setOnLoadCallback(function() { var customSearchControl = new
google.search.CustomSearchControl('010738304939607494530:dzujfhbr5sy');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse'); }, true);
</script></body></html>


The css is the same, so we already have that.

The meta keyword tag is ignored by all major search engines, so as long as it is not stuffed with too many keywords it is not important. KompoZer does not even provide access to the meta keyword tag and does not write it to code.

The title and description meta tags are of some importance. The title tag is what is displayed in the title bar at the very top of the browser and is generally used by the search engines as the heading for the entry on the search results pages. The description is often used as the text that appears in the search results as the body of the entry. It is your opportunity to tell searchers why they should visit your page in just a little more space than a Tweet. These can be reached in KompoZer through the Format>Page Title & Properties dialog.
Last edited by wink0r on Sun Mar 03, 2013 8:36 am, edited 3 times in total.
wink0r
 
Posts: 2595
Joined: Tue Aug 28, 2007 10:10 pm
Location: East Coast - USA
Country: United States (us)

Re: Was using Dreamweaver, now margins are all messed up

Postby Ellieanna on Tue Feb 26, 2013 5:01 am

Thank you so much for your advice with the pics, I think that I got them all done. Could you check out the home page below and give me your feedback/areas to improve. Please check the meta tags, description too.
I need to insert the Google Analytics info in, I don't think that I have done that. Could you share with me the exact steps for that? Where is it placed? I can't watch a video about it, our Wild Blue satellite isn't cooperating.
Then I need to add some more buttons from Paypal, any additional advice is welcome.
Thanks again,
Ellie
Code: Select all
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bedella health products</title>
<meta name="keywords"
content="bedella.com, skin relief, salve, sea salt scrub, peppermint, tea tree, discount, best price, salves, essential oil, essential oils, orange oil, lavender, lavender essential oil, solexx, sunfrost, linen, linen sheets, live healthy, health, greenhouse," />
<meta name="description"
content="Bedella offers all natural, effective products at discount prices for health and home; from Sunfrost refrigerators to Solexx greenhouses, and salves to salt scrubs. Bedella helps you live healthy." />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12752881-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
</head>
<body>
<table id="wrapper" border="0" cellpadding="0" cellspacing="0"
width="100%">
<tbody>
<tr>
<td class="bgtop">
<table class="bgbtm" border="0" cellpadding="0" cellspacing="0"
width="100%">
<tbody>
<tr>
<td>
<table id="header-wrapper" border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<table class="container" id="header" border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr valign="top">
<td width="450"><a href="#"><img
src="images/homepage01%20Bedella.jpg" alt="" height="250" width="450" /></a></td>
<td>
<div id="search">
<form method="get" action="">
<fieldset> <input name="query" value=""
class="input-text" type="text" /> </fieldset>
</form>
</div>
</td>
</tr>
</tbody>
</table>
<table id="page-wrapper" border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgtop">
<table border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgbtm">
<table class="container" id="page"
border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgtop">
<table border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgbtm">
<div id="sidebar">
<table border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<div id="box1"
class="box-style">
<h2 class="title"><span>Content</span>
</h2>
<div class="content">
<ul class="style1">
<li><a
href="allproducts.html">All Skin Products</a></li>
<li><a
href="salve.html">Salve</a></li>
<li><a
href="saltscrubs.html">Salt Scrubs</a></li>
<li><a
href="anti-poisonpowder.html">Anti-Poison Powder</a></li>
<li><a
href="internalsupport.html">Internal Support</a></li>
<li><a
href="earticles.html">e Articles</a><a href="linenproducts.html">Linen
Products</a><a href="solexxgreenhouse.html">Solexx Greenhouses</a><a
href="sunfrost">Sunfrost</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a
href="contact.html">Contact</a></li>
<li class="last"><a
href="links.html">Links</a></li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<div id="box2"
class="box-style">
<h2 class="title"><span>All
Natural Skin Care The Picture of Health </span> </h2>
<div class="content">
<p><img
style="width: 250px; height: 108px;"
title="Healthy skin care Bedella.com" src="images/homepage05.jpg"
alt="Healthy skin care Bedella.com" /></p>
<p><strong>More people
are becoming "ingredient aware" and carefully reading the labels on
their skin care
products. They want&nbsp; 100% natural and effective ingredients.</strong>
</p>
<p class="link1"><a
href="skincare.html">Read More …</a></p>
<p class="seperator">&nbsp;</p>
<p
style="text-align: center;"><img style="width: 122px; height: 142px;"
title="Made in USA Bedella.com" src="images/Made%20in%20USA.jpg"
alt="Made in USA Bedella.com" /></p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="content">
<table border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<div id="box3"
class="box-style2">
<h2 class="title"><span>Welcome</span></h2>
<div class="content"> <img
style="width: 120px; height: 120px;" title="Green Leaf Bedella.com"
src="images/greenleafwater.jpg" alt="Green Leaf Bedella.com"
class="alignleft" />
<p><strong>Welcome to
Bedella</strong></p>
<p>Bedella
products have successfully passed the test on our own family's health
needs. Concerning our health;
salt scrubs, salves and Anti-Poison powder can help
handle rough skin, burns, bug bites, rashes, sunburns and many first
aid needs. Of all the organs in our body, our skin is the largest. It
is often exposed to much abuse, and when that happens, excellent
solutions for these skin care challenges are needed. </p>
For the home; Solexx greenhouses is a<br />
superior choice with many advantages and Sunfrost energy efficient
appliances are<br />
outstanding units.<br />
<p>We hope that you
become a very satisfied customer with whatever products you choose.
These
products are recommended for everyone, including children. Paypal
payment options make for a secure transaction. </p>
<p class="seperator">&nbsp;</p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<div id="box4"
class="box-style2">
<h2 class="title"><span>Excellent
Salve </span></h2>
<div class="content"><a
href="salve.html"><img
style="border: 0px solid ; width: 120px; height: 120px;"
title="B &amp; W salve skin care Bedella.com" src="images/homepage10.jpg"
alt="B &amp; W salve skin care Bedella.com" class="alignleft" /> </a>
<p><a href="salve.html"><strong>This
Burn &amp; Wound Salve is excellent </strong> because it powerfully
soothes and rebuilds damaged skin. A must-have item for every day use,
travel and the first aid kit.</a></p>
<a href="salve.html"> </a>
<p class="link1"><a
href="salve.html">Read More …</a></p>
<p class="seperator">&nbsp;</p>
<p>&nbsp;</p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="sidebar2">
<table border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<div id="box5"
class="box-style3">
<h2 class="title"><span>Featured
Products</span></h2>
<div class="content">
<ul class="style2">
<li>
<h3>Luxurious
Lavender Sea Salt<br />
<p>Scrub </p>
</h3>
<p><a
href="saltscrubs.html"><img
style="border: 0px solid ; width: 120px; height: 120px;"
title="Lavender sea salt scrub Bedella.com"
src="images/lavenderseasalt.jpg" alt="Salt Scrubs Bedella.com"
class="alignright" /> Invigorating aromatherapy plus soft skin too.</a></p>
<a
href="saltscrubs.html"> </a>
<p class="link1"><a
href="saltscrubs.html">Read More …<span style="font-weight: bold;" /></a></p>
</li>
<li>
<h3>
<p> Solexx
Greenhouses are impressive, high-quality and long-lasting<br />
</p>
</h3>
<p><a
href="internalsupport.html"><img
style="border: 0px solid ; width: 120px; height: 120px;"
title="Solexx Greenhouse panel Bedella.com"
src="images/gardeners-oasis.jpg"
alt="Solexx Greenhouse panel Bedella.com" class="alignright" />An
impressive design gives a superior advantage<br />
</a></p>
<a
href="internalsupport.html"> </a>
<p class="link1"><a
href="solexxgreenhouse.html">Read More …</a></p>
</li>
<li>
<h3>Sunfrost
appliances are designed for energy&nbsp; efficiency<br />
</h3>
<p><a
href="saltscrubs.html"><img
style="border: 0px solid ; width: 120px; height: 120px;"
title="Sunfrost appliances Bedella.com" src="images/sunfrost.jpg"
alt="Sunfrost appliances Bedella.com" class="alignright" /> "The best
appliance we've ever purchased."</a></p>
<a
href="saltscrubs.html"> </a>
<p class="link1"><a
href="sunfrost">Read More …</a></p>
<p class="seperator">&nbsp;</p>
</li>
</ul>
<ul class="style3">
<li><a
href="disclaimer.html">Read our Disclaimer</a></li>
<p> </p>
<p
style="text-align: center;"><img style="width: 151px; height: 137px;"
title="Paypal credit card Bedella.com" src="images/Paypal.jpg"
alt="Paypal credit card Bedella.com" /></p>
<br />
<a href="#"> </a>
<p
style="text-align: center;"><a href="http://www.naturalingredient.org/"><img
style="border: 0px solid ; width: 135px; height: 135px;"
title="All Natural Ingredients" src="images/naturalseal_half.jpg"
alt="All Natural Ingredients" align="middle" />;</a></p>
</ul>
</div>
<div class="clearfix">&nbsp;</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table id="footer" class="container" border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top">
<p>Copyright (c) 2010 Bedella.com. All rights reserved. <a
href="#">Terms of Use</a> | <a href="#">Privacy Policy</a></p>
</td>
</tr>
</tbody>
</table>
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript">
<script type="text/javascript">
google.load('search', '1', {language : 'en', style : google.loader.themes.GREENSKY});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('010738304939607494530:dzujfhbr5sy');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
}, true);
</script>
<!-- START OF ADDME LINK --><a
href="http://www.addme.com/submission/free-submission-start.php">Search
Engine Submission - AddMe</a><!-- END OF ADDME LINK -->
</body>
</html>
Ellieanna
 
Posts: 59
Joined: Fri Feb 08, 2013 3:27 am
Country: United States (us)

Re: Was using Dreamweaver, now margins are all messed up

Postby wink0r on Tue Feb 26, 2013 8:00 am

With the exception of the header image all your images do have both alt text and title (tool tip) Your alt text could be a bit more descriptive and the domain name is not really needed there. It would be better if you provided something different than your alt text in the title. This is an opportunity to give the search engines a little more information about the subject of the image. If you have good unique images with good alt text and title it is possible to get some good search traffic from image search.

Your page title could be a bit better. Is Bedella your site name or is it a brand under which you market your products? If it is a brand it should be in your title, but if it is just your site name you could use the space better. The title should be a bit longer and more inclusive of the products that you offer. Something like 'Bedella All Natural Health Care and Green Living Home Products' would probably serve you better. The title should be in title case like an article title or a news headline.

This bit of code appears to be your Google Analytics code:
Code: Select all
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12752881-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>


So I don't think you need to worry about that.

The best way to insert code like PayPal buttons is via the insert menu. Place the cursor where you want the button to appear, then go to the insert menu and select HTML. There will be a dialog box open into which you can paste the provided code.
wink0r
 
Posts: 2595
Joined: Tue Aug 28, 2007 10:10 pm
Location: East Coast - USA
Country: United States (us)

Next

Return to Beginner Q & A


Who is online

Users browsing this forum: No registered users and 1 guest