Spacing issues

Hi, I'm having spacing issues. The space between the title "why movement foundation exists" and the top of the photo is correct in muse- but when i publish or preview in browser, it adds several pixels in between those two. I can't figure out how to fix it. It is doing it on other areas of the page too. Check www. movementfoundation01.businesscatalyst.com - and the attached screenshot is what I see in muse. I've already checked the scrolling fx and there aren't issues there.

Hi Brittney,
I checked your site in multiple browsers and see that is appears like the screen shot that you have provided above. I am attaching a screen shot too here, http://prntscr.com/3lzrp9
This could be an issue with your local browser, please check this on a different machine/browser.
- Abhishek Maurya

Similar Messages

Smartform font spacing Issue when using SAP printer name

Hi Friends,
I am facing some spacing issues when printing a form using SAP printer name. If I use LOCL then the output comes perfectly but when I use the SAP printer name the space between characters are getting widened and so the alignment of each column goes wayward. I suspect it could be due to the device type but not sure which seeting controls this. There is a similar problem in the logo as well. When using LOCL the logo comes out good but when using the printer name the quality is not good and becomes pixelised. Have any of you faced similar issues? Can you provide some guidance or pointers for the solution.
Device type of LOCL : ZSAPWIN
Device type of SAP printer name : ZHPLJ5
CPI is defined in smartform as 10.
Please let me know if you need more information.
Thanks,
Praveen

Hi,
This problem occurs because the printer driver for both the printers are different,
I suggest you use Local printer only or configure any other printer with printer diver in SAP as SAPWIN.
Regards,
Bharat.

Font spacing issues

Have run into an interesting issue that I haven't been able to get to the bottom of.
The font in question is "Century Gothic", a fairly well-known and used font. When using the "regular" setting, everything seems to space out just fine. But if I attempt to use Bold, Italics, or Bold Italics, the character spacing goes nuts:
Here is a bit of test text in Pages:
Here is the same text (copy/pasted) into a Word 2011 document:
Of particular interest is that when either is printed - they print exactly as they look on-screen, complete with spacing issues.
Also notice that the "Bold" doesn't appear as "bold" in the Word document, but spacing is much better.
Any suggestions what might be the issue?

For your “Century Gothic” font, there may exist, typographic hints that Pages needs enabled for this font to achieve the correct visual presentation. Type ⌘+T to bring up the Fonts panel. Select the gear pull-down and select Typography. Perhaps the Pages and TextEdit teams have digressed in their design goals.
A pop-up panel will offer a (variable by font) list of available settings, or none.

Spacing Issues and You Tube embed not playing in IE8, OK in Chrome or Safari

There are spacing issues (makes the website pages look like they are puzzle pieces) on all the webpages in
IE8, but in Safari and Chrome the website works fine. Same for the You Tube embed.
My wife did the layout of the website in Ilustrator and then transfered over the design to Dreamweaver CS3
(she's a graphic designer - I stopped asking questions long ago). Since she uses a Mac, it looked fine to her
in Safari. She took it to her work computer (PC) and tried to see if there were any issues detected when viewing in CS5
and she said it was fine.
Here is the URL: [url deleted by host]
here is the index file code (main page):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Columbus Tile and Grout Cleaning Experts</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">

</style>
<script type="text/javascript">

</script>
<script src="Scripts/AC_ActiveX.js" type="text/javascript"></script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<link href="borderstlye.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#002654" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="MM_preloadImages('images/cleaning_b.jpg','images/sealing_b.jpg','images/repair_b. jpg','images/restore_b.jpg','images/about_g.jpg','images/cities_g.jpg','images/black_email .jpg')">

<table id="Table_01" width="720" height="575" border="0" cellpadding="0" cellspacing="0" align="center">
            <tr>
                        <td colspan="7" align="left" valign="top">
                                    <img src="images/index_01.jpg" width="720" height="73" alt=""></td>
                        <td>
                                    <img src="images/spacer.gif" width="1" height="73" alt=""></td>
            </tr>
            <tr>
                        <td rowspan="13" align="left" valign="top">
                                    <img src="images/index_02.jpg" width="46" height="502" alt=""></td>
                        <td colspan="6">
                                    <a href="about_contact.html"><img src="images/index_03.jpg" alt="" width="674" height="24" id="Image5" onmouseover="MM_swapImage('Image5','','images/about_g.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
<td>
                                    <img src="images/spacer.gif" width="1" height="24" alt=""></td>
            </tr>
            <tr>
                        <td align="left" valign="top">
                                    <a href="cleaning2.html"><img src="images/index_04.jpg" alt="" width="90" height="95" id="Image1" onmouseover="MM_swapImage('Image1','','images/cleaning_b.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
<td rowspan="11">
                                    <img src="images/index_05.jpg" width="109" height="445" alt=""></td>
                        <td colspan="3" rowspan="4" align="left" valign="top">
                                    <img src="images/index_06.jpg" width="226" height="215" alt=""></td>
            <td rowspan="4">                    <a href="mailto:info@urldeleted by host]><img src="images/index_07.jpg" alt="" width="249" height="215" class="border" id="Image7" onmouseover="MM_swapImage('Image7','','images/black_email.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
<td>
                                    <img src="images/spacer.gif" width="1" height="95" alt=""></td>
            </tr>
            <tr>
                        <td>
                                    <img src="images/index_08.jpg" width="90" height="16" alt=""></td>
                        <td>
                                    <img src="images/spacer.gif" width="1" height="16" alt=""></td>
            </tr>
            <tr>
                        <td align="left" valign="top">
                                    <a href="sealing.html"><img src="images/index_09.jpg" alt="" width="90" height="93" id="Image2" onmouseover="MM_swapImage('Image2','','images/sealing_b.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
<td>
                                    <img src="images/spacer.gif" width="1" height="93" alt=""></td>
            </tr>
            <tr>
                        <td rowspan="2">
                                    <img src="images/index_10.jpg" width="90" height="16" alt=""></td>
                        <td>
                                    <img src="images/spacer.gif" width="1" height="11" alt=""></td>
            </tr>
            <tr>
                        <td colspan="3" rowspan="5" align="left" valign="top">
                                    <div><script type="text/javascript">
AC_AX_RunContent( 'height','181','width','226','src','http://www.youtube.com/v/UjTfSuPyhf0&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999&b order=1','type','application/x-shockwave-flash','allowscriptaccess','always','allowfullscr een','true','movie','http://www.youtube.com/v/UjTfSuPyhf0&hl=en_US&fs=1&rel=0&color1=0x3a3 a3a&color2=0x999999&border=1' ); //end AC code
</script><noscript><OBJECT height="181" width="226"><PARAM name="movie" value="http://www.youtube.com/v/UjTfSuPyhf0&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&a mp;color2=0x999999&border=1"><PARAM name="allowFullScreen" value="true"><PARAM name="allowscriptaccess" value="always">
                                         <embed
            src="http://www.youtube.com/v/UjTfSuPyhf0&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999&b order=1"
            type="application/x-shockwave-flash" allowscriptaccess="always"
            allowfullscreen="true" width="226" height="181">
            </embed></OBJECT></noscript></div>
            </a></td>
                        <td rowspan="4" align="left" valign="top">
                                    <img src="images/index_12.jpg" width="249" height="128" alt=""></td>
                        <td>
                                    <img src="images/spacer.gif" width="1" height="5" alt=""></td>
            </tr>
            <tr>
                        <td align="left" valign="top">
                                    <a href="repair.html"><img src="images/index_13.jpg" alt="" width="90" height="92" id="Image3" onmouseover="MM_swapImage('Image3','','images/repair_b.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
<td>
                                    <img src="images/spacer.gif" width="1" height="92" alt=""></td>
            </tr>
            <tr>
                        <td>
                                    <img src="images/index_14.jpg" width="90" height="18" alt=""></td>
                        <td>
                                    <img src="images/spacer.gif" width="1" height="18" alt=""></td>
            </tr>
            <tr>
                        <td rowspan="3" align="left" valign="top">
                                    <a href="restoration.html"><img src="images/index_15.jpg" alt="" width="90" height="92" id="Image4" onmouseover="MM_swapImage('Image4','','images/restore_b.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
<td>
                                    <img src="images/spacer.gif" width="1" height="13" alt=""></td>
            </tr>
            <tr>
                        <td rowspan="3" align="left" valign="top">
                                    <a href="about_contact.html"><img src="images/index_16.jpg" alt="" width="249" height="102" id="Image6" onmouseover="MM_swapImage('Image6','','images/cities_g.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
<td>
                                    <img src="images/spacer.gif" width="1" height="53" alt=""></td>
            </tr>
            <tr>
                        <td rowspan="2" align="left" valign="top">
                                    <a href="url deleted by host]" target="_blank"><img src="images/index_17.jpg" width="88" height="49" alt=""></a></td>
<td rowspan="2">
                                    <img src="images/index_18.jpg" width="47" height="49" alt=""></td>
                        <td rowspan="2" align="left" valign="top">
                                    <a href="url deleted by host" target="_blank"><img src="images/index_19.jpg" width="92" height="49" alt=""></a></td>
<td>
                                    <img src="images/spacer.gif" width="1" height="26" alt=""></td>
            </tr>
            <tr>
                        <td>
                                    <img src="images/index_20.jpg" width="90" height="23" alt=""></td>
                        <td>
                                    <img src="images/spacer.gif" width="1" height="23" alt=""></td>
            </tr>
            <tr>
                        <td width="674" height="33" colspan="6" align="left" valign="top" bgcolor="#FFFFFF"><span class="style1">Your tile and grout cleaning, restoration, and repair experts. Some of the cities serviced: Columbus, GA; Fortson, GA; Hamilton, GA; LaGrange, GA; Midland, GA; Pine Mountain, GA; Phenix City, AL; Smiths, AL; Auburn, AL.</span></td>
<td>
                                    <img src="images/spacer.gif" width="1" height="33" alt=""></td>
            </tr>
</table>

</body>
</html>
Please help!

Please note my anti-virus program is warning me that your website is harmful. Please correct it immeidately or your link will be removed from Adobe's forum.
This is what F-Secure says:
<http://browsingprotection.f-secure.com/swp/result?url=http%3A%2F%2Fwww.cleaningsolutionsun limited.com%2F&lang=ENG>
This is what Mcafee says about your site:
<http://www.siteadvisor.com/sites/http%3A//www.cleaningsolutionsunlimited.com/>
Good luck.

Spacing Issue MSIE 8 vs Firefox 3.6

This page has VERY pretty ugly code, I know. It's a page nested within a Miva Merchant 4.24 framework. I'm hoping to clean it up later, since this is only day one.
But I've embedded all the CSS code in the page for the time being and I'm hoping someone can help me reconcile spacing issues between MSIE 8 and Firefox 3.6
http://dev.personaldefensesolutions.net/Merchant2/merchant.mvc
In MSIE, there is about 20px of white space above the header that does not appear there in Firefox. I have zeroed out margin and padding in the body tag which I thought would take care of it but has not.
At the same time, in Firefox, there is some white space above the first of the green buttons in both the left and right columns, which I how I want it. But that space does not occur in MSIE. The buttons touch the black nav bar above them.
If anyone has any ideas, I'd sure be appreciative of the input.
Thanks,
Scott

Assuming I applied it correctly? I believe I did.
Here's how I applied it:
#LeftColumn {
     width: 180px;
     background-color: #FFF;
     padding-right: 15px;
     padding-bottom: 0px;
     padding-left: 20px;
     padding-top: 0;
     margin: 0;
     border-right-width: 1px;
     border-right-style: solid;
     border-right-color: #008000;
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #FFF;
#RightColumn {
     width: 180px;
     background-color: #FFF;
     padding-right: 20px;
     padding-bottom: 0px;
     padding-left: 15px;
     padding-top: 0;
     margin: 0;
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: #008000;
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #FFF;
I think that's right, though, as I said, I'm a CSS and Dreamweaver newbie. But in MSIE 8, the
spacing issue isn't resolved, though you can see both white borders..
http://dev.personaldefensesolutions.net/Merchant2/merchant.mvc

Spacing Issues in Email

I'm having a spacing issue to the left of an image in an e-mail for a client. I can't seem to recreate the error. She's using gmail in chrome on a mac. She's seeing about a 1 pixel space between the two images in the code below. They're in the same table row, but separate cells. I can't seem to figure out what's causing this. Any ideas?
<table cellspacing="0" cellpadding="0" border="0" class="dashedBorder">
          <tbody>
                    <tr>
                              <td style="font-family: Arial; font-size: 13px;"><img width="367" vspace="0" border="0" hspace="0" height="88" mdid="08873ca5-8816-47f3-be05-9424ba59e863" alt="" title="" src="http://image.emarketerpro.skylinetechnologies.com/lib/fe6d15707660057c7d14/m/10/CCE_ComeBa ck_CWL-RTFL_02.jpg" style="display: block; width: 367px; height: 88px;" /></td>
                              <td style="font-family: Arial; font-size: 13px;"><a conversion="false" alias="Click here to visit CASE online." title="Click here to visit CASE online." href="http://www.casece.com/en_us/Pages/home.aspx"><img width="233" border="0" height="88" mdid="a80101e3-1da0-4264-b39b-c7883a7f1f31" style="display: block; width: 233px; height: 88px; border-color: rgb(0, 0, 0); margin: 0px;" src="http://image.emarketerpro.skylinetechnologies.com/lib/fe6d15707660057c7d14/m/10/CCE_ComeBa ck_CWL-RTFL_03.jpg" title="Click here to visit CASE online." alt="Click here to visit CASE online." /></a></td>
                    </tr>
          </tbody>
</table>

You may need to add:
<style type="text/css">
a img {
    border: none;
</style>
in the email header.
My two cents on using DW to design fancy decorated emails:
These questions about styling emails always baffle me because most web based email (gmail, operamail, hotmail) tosses styling out anyway, and if (like I do) someone uses Thunderbird, images are disabled by default and the end user has to choose to display them, so all the effort (not to mention frustration) to design something so fancy simply goes to waste on most recipients. In the end, more often that not, I've seen people scrap the whole thing once they figure out it didn't have nearly the desired impact.

Jumbled text and spacing issues when creating a pdf

When I create pdfs from FrameMaker 9 or Word 2007 files, Acrobat 9 Pro often transposes characters or modifies the spacing between characters. Can anyone help?

I modified the settings according to the help page. I then built 5 pdfs and did not see evidence of the letter jumbling or spacing issues. Since this issue is intermittent, I cannot confirm that the problem is solved, but I am hopeful!

Spacing issue in alternate browsers

Our website is having an odd spacing/text issue which I can't
seem to figure out. When the pages load in IE everything loads
correctly, but if the site is viewed in an alternate browser (like
Mozilla) there are giant spaces between sections, and the font
sizes on some pages are changing. This all started after we applied
a new template to the site for our menus so I know it’s a
problem with the code. I have gone through the code on several of
the pages and the template, and I can't seem to find the cause. I'm
still pretty new to Dreamweaver and CSS so it might be an obvious
error.
The page in question is
http://www.fcwp.org (spacing issues)
and
http://fcwp.org/MOSQUITO%20INFORMATION/mosquito_information.htm
(text becomes very small). All the pages use the same template so
fixing one should fix all.
Any help will be greatly appreciated!

FCWP posted in macromedia.dreamweaver:
> Our website is having an odd spacing/text issue which I
can't seem
> to figure out. When the pages load in IE everything
loads
> correctly, but if the site is viewed in an alternate
browser (like
> Mozilla) there are giant spaces between sections, and
the font
> sizes on some pages are changing.
[snip]
> The page in question is
http://www.fcwp.org (spacing issues)
and
>
http://fcwp.org/MOSQUITO%20INFORMATION/mosquito_information.htm
> (text becomes very small).
I'm not seeing those symptoms here on FF2 Windows.
The first step to getting browsers to render (nearly) the
same way is
to tell them exactly how to interpret the code. Try adding
the DOCTYPE
via File->Convert->HMTL 4.01 Strict (or Transitional).
Next, provide valid HTML code. If you enter either of the
above URLs at
http://validator.w3.org you will
see many errors. Some will go away
after inserting the DOCTYPE.
> <TD height="95" colSpan=2 bgColor=#336633><IMG
height=89
That's one the errors listed in the validator that the
DOCTYPE won't
fix. Use quotes around the colors: "#336633"
Mark A. Boyd
Keep-On-Learnin' :)

Dynamic Text line spacing issue

Hi, in my Flash movie (CS3) I want all text to be selectable.
When I select 'static' and 'selectable', I have the following issues:
- Some of the text does not fit into the available (scrolling required to see the end of text)
- This is larger than when in Flash.
When I use 'dynamic' text, I have the following issues:
- The line spacing displays different in the exported swf than it does in Flash (line spacing is much greater in the swf)
- I am a designer so the appearance / positioning of the text is crucial
Is this common?
Is there any way to make the text in Flash and swf appear consistent?
Many thanks

First of all, maybe you don't know it, but static text can't be made selectable even in theory. Therefore what you're seeing when you click "Selectable" option, is a dynamic text. As for line spacing, I don't see any difference between Flash CS4 and resulting SWF. The only strange thing I've found is the necessarity to enlarge the bounding rectangle when I change the text type from static to dynamic. Otherwise bottom line of text just disappears. It looks like a bug. Also I don't see "Autosize" option being working here in CS4. I doubleclick on bottom right corner of the text block, small square is transformed into a diamond, and bounding rect is "autosized" around the text block. But the bottom text line disappears just as I deselect the text object. All it looks some stange...

Dreamweaver CS4 Code Letter Spacing Issue

Hello,
I am currently running Adobe Dreamweaver CS4 on my Macbook Pro. We use it on a daily basis to keep our corporate website up-to-date. During the past few weeks, we have developed a very odd issue in the DW code editing pane. The letter spacing is completely off, which is odd considering that the font is monospaced. A large space will appear between characters even though no space is actually there. I have included a screenshot below of some new code I recently entered. Notice the space between the form names and the apostrophes. It appears as though there is one space between the name and the apostrophe, however there is none. The code still works fine, but this becomes very frustrating when attempting to enter new code.
I should also mention that none of my code developed prior to approximately two weeks ago has been effected. Only when I attempt to enter new code is the spacing effected.
Is this a known issue? Any ideas of what could be going on?
Any input would be greatly appreciated.
Thanks!
Jon

Oh, you're welcome!
I know, so many of these things you don't find with a cursory review of menu-items and preferences. Then when you need them, you might not have noticed them first time through.
That's one reason I like the Forums: you learn things you didn't know you needed to know...
I've noticed that system fonts change from system to system, and sometimes you "lose" a font when you go to a new computer.
Best,
Beth

IE6 div spacing issue

Ok, I've been searching the net for days now trying to figure
this out. I've tried several fixes, including setting
vertical-align,
display:block, and
margin &
padding properties on the divs.
The issue is that I'm creating a box that has a rounded top
and bottom to it, provided by background images in the associated
divs. FF/IE7 work fine (of course) but IE6 generates weird spacing
between the divs.
You can find the example at
http://www.ryanburrell.com/test.html
http://www.ryanburrell.com/test.html">http://www.ryanburrell.com/test.html
Any thoughts or suggestions are greatly appreciated.

It seems the problem here is that in IE6, the empty div is
still being seen as having something in it. So it treats it as if
there were text in there so the height is not 10px, it is 20px or
so. Your background is only 10px heigh so that is why you are
seeing the white. Try using overflow:hidden; on those divs and it
should go away.

Text spacing issues Adobe Captivate 8

Hi all,
I've already taken this to the adobe help chat and they haven't been able to help me.
I recently updated to Adobe Captivate 8.0.1.242 and it has caused me no end of trouble with spacing.
Basically if I have a text caption with multiple font sizes it causes in a responsive project the spacing to go haywire. Meaning the preview and the published output looks entirely different, the spacing looks to be around 2 or 3 (rather than 1.5) which crops off big chunks of text.
If I roll back to the previous version of the programme, I do not get the same issues.
Any suggestions?
Thanks
M

Is there some reason why you are posting exactly the same topic under two different user profiles? If you're thinking you will more likely get an answer this way, I have to tell you that you are more likely to annoy people here and possibly even be mistaken for a spammer.
Please post your questions ONCE only.

Notation spacing issues

Hi All -
Please bear with me - I have RTFM, and I have searched these forums, but still cannot work a few things out...
Here is an extract from a score I'm working on:
1 - Hopefully, my main issues are apparent! I have worked out how to select the minims in the piano bass clef, or the last crotchets in the piano treble and move them left so it looks better, but how do I move the associated tied notes in the vocal line? I want to select the second part of the tied note (the crotchet on the 3rd beat of the first bar, and the minim in the second bar), and move them independently of the original note. Is this possible? I can get the right look by going to the piano roll, chopping the note into a quaver and crotchet, moving the notes on the score, then manually inserting a slur but that seems a very long way round what seems like quite a simple thing...
2 - I know how to change the spacing of the overall systems/score sets, but can I move one line of a staff system independently of the other lines? For example, if I want to insert a chunk of text between the 3rd and 4th lines of a system on only one page, these need to be spaced further apart than all the other lines on all the other pages. How do I select - and move - just one line of a system?
3 - Related to number 2: can I change the individual staff spacing on one line? Example: A verse has 3 lines of lyrics, the chorus has only one, so the staff spacing for the vocal part needs to be slightly wider in the verse than the chorus. Is there an easier way to do this than splitting the regions in the arrange window, then assigning different staff styles to the different regions in the score window?
Thanks in advance
Joe

All the links in a saved page should point to the files saved with the page. If some are not changed, that would be odd.

Answer spacing issue

Hello from a long-time reader, but first-time poster,
I've run into an issue that I can't resolve:
When I import a GIFT file, ALL of the second answers from the top (in this case 'B') on ALL my slides are shifted down from their bullet (see attached screencap). The spacing cannot be manually fixed either by dragging or inputting the dimensions of the box.
I know that my GIFT files are formatted correctly (I've imported them many times before without problems).
Any suggestions/directions on this would be tremendously appreciated!
Steve

That's genius! Tks for the swift reply and help.
Steve

Graphic spacing issue

For the site I'm adding pages to, there are times when the spacing of a graphic beneath the text is way off, but only in Internet Explorer. It shows up just fine in firefox. I've tried doing <br> <br> between graphic and text as well as <p>. This doesn't resolve issue. I have also created different versions of the graphics with different names, but it doesn't matter. The code is identical to other pages that don't have this problem. The spacing is just fine if I move the graphic to another part of the page, which, in some cases, I can't do.
Any thoughts?
I'm using DreamweaverCS4 on a Windows 7 computer, if that helps. Graphics made in Photoshop CS4.

Ok. Let me know if this works. And thanks for taking a look.
CSS
body
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #333333;
    overflow: scroll;
#container
    width: 940px;
    margin: 0 auto;
    text-align: left;
#flashContent { width:100%; height:100%; }
#header
    background: url(header.gif) no-repeat;
    height: 134px;
/*####################################### MENU #######################################*/
#menu
    text-align: center;
    line-height: 2em;
    padding-bottom: 0;
    height: 35px;
    background: url(menu.gif) repeat-x;
    color: #fff;
    /*background-color: #32447f;*/
#menu a
    text-decoration: none;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    font-size: 85%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
#menu a:hover
   color: #c6a45a;
/*####################################### MENU END #######################################*/
#flash {
    height: 361px;
    background-color: #000;
/*####################################### HOMEPAGE THREE COLUMNS #######################################*/
#threemain h1, ul, li {
margin: 0;
padding: 0;
#threemain h1 {
    font-size: 95%;
    color: #344764;
    font-weight: bold;
#threemain h2 {
    font-size: 75%;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
#threemain ul {
    margin-left: 0;
    padding-left: 0;
    font-size: small;
    padding-top: 0;
    margin-top: 0;
#threemain li {
    list-style-type: none;
#threemain p {
    font-size: small;
    padding: 0;
    margin: 0;
#threemain a {
    text-decoration: none;
    color: #039;
#threemain a.h1 {
    color: #344764;
#threemain a.prodtitle {
    font-size: 90%;
    color: #69C;
#threemain a.request {
    color: #333;
#threemain a.prodtitle:hover, #threemain a.view:hover {
    color: #c6a45a;
/*####################################### HOMEPAGE THREE COLUMNS END #######################################*/
/*####################################### SIDEBAR #######################################*/
#sidebar
    float: left;
    width: 300px;
    height: 500px;
    border-right: thin #eaebeb solid;
#sidebar .title
    font-weight: bold;
    font-size: 100%;
    display: block;
    padding-bottom: 8px;
    color: #444;
    text-decoration: underline;
    letter-spacing: 0.2em;
    margin-bottom: 0.5em;
    margin-top: 3em;
#sidebar a
    display: block;
    padding: 6px;
    color: #76787a;
    text-decoration: none;
    border-bottom: thin #eaebeb solid;
    margin-bottom: 1em;
#sidebar a:hover
    color: #c6a45a;
    font-family: Arial, Helvetica, sans-serif;
#sidebar .current {
    color: #c6a45a;
#sidebar ul
    text-align: left;
    margin: 0;
    padding: 0 0 0 50px;
    line-height: 1em;
#sidebar li
    text-align: left;
    font-weight: bold;
    overflow: hidden;
    font-size: 90%;
    line-height: 1em;
    list-style-type: none;
/*####################################### SIDEBAR END #######################################*/
/*####################################### SIDEBAR ALTERNATE #######################################*/
#sidebaralt
    float: left;
    width: 250px;
    height: 500px;
    border-right: thin #eaebeb solid;
#sidebaralt .title
    font-weight: bold;
    font-size: 100%;
    display: block;
    padding-bottom: 8px;
    color: #444;
    text-decoration: underline;
    letter-spacing: 0.2em;
    margin-bottom: 0.5em;
    margin-top: 3em;
#sidebaralt a
    display: block;
    padding: 6px;
    color: #76787a;
    text-decoration: none;
    border-bottom: thin #eaebeb solid;
    margin-bottom: 1em;
#sidebaralt a:hover
    color: #c6a45a;
#sidebaralt .current {
    color: #c6a45a;
#sidebaralt ul
    text-align: left;
    margin: 0;
    padding: 0 0 0 50px;
    line-height: 1em;
#sidebaralt li
    text-align: left;
    font-weight: bold;
    overflow: hidden;
    font-size: 90%;
    line-height: 1em;
    list-style-type: none;
/*####################################### SIDEBAR ALTERNATE END #######################################*/
/*####################################### CONTENT #######################################*/
#content
    margin: 0 0 0 300px;
#text {
padding-left: 50px;
#content h1
    text-align: left;
    color: #c6a45a;
    line-height: 1.2em;
    font-weight: 400;
    margin: 25px 0px 20px 0px;
    font-size: 175%;
#content h2
    text-align: left;
    font-weight: 200;
    line-height: 1.2em;
    margin: 20px 0px 15px 0px;
    font-size: 135%;
#content p
    font-size: small;
    text-align: left;
    padding: 0;
    margin: 0px 0px 20px 0px;
    line-height: 1.5em;
#content a
    text-align: left;
    color: #039;
    line-height: 1.5em;
    overflow: hidden;
#content a:hover
    color: #c6a45a;
#content ul, ol
    font-size: small;
    font-weight: bold;
    line-height: 2em;
    margin-left: 3.5em;
#content li
    font-size: small;
    padding: 0.2em;
    font-weight: normal;
    line-height: 1.4em;
#content sup
    color: #003300;
    font-weight: bold;
    font-size: small;
.partners ul{
.partners li{
.column1 {
    float: left;
width: 250px;
border-top: solid 1px #aaa;
border-right: solid 1px #aaa;
margin-top: 10px;
padding-right: 30px;
margin-top: 10px;
padding-top: 10px;
.column2 {
    float: left;
width: 250px;
border-top: solid 1px #aaa;
margin-top: 10px;
padding-left: 30px;
margin-top: 10px;
padding-top: 10px;
/*####################################### CONTENT END #######################################*/
/*####################################### CONTENT ALTERNATE #######################################*/
#contentalt
    margin: 0 0 0 250px;
#textalt {
padding-left: 50px;
#contentalt h1
    text-align: left;
    color: #c6a45a;
    line-height: 1.2em;
    font-weight: 400;
    margin: 25px 0px 20px 0px;
    font-size: 175%;
#contentalt h2
    text-align: left;
    font-weight: 200;
    line-height: 1.2em;
    margin: 20px 0px 15px 0px;
    font-size: 135%;
#contentalt p
    font-size: small;
    text-align: left;
    padding: 0;
    margin: 0px 0px 20px 0px;
    line-height: 1.5em;
#contentalt a
    text-align: left;
    color: #039;
    line-height: 1.5em;
    overflow: hidden;
#contentalt a:hover
    color: #c6a45a;
#contentalt ul, ol
    font-size: small;
    font-weight: bold;
    line-height: 2em;
#contentalt li
    font-size: small;
    padding: 0.2em;
    font-weight: normal;
    line-height: 1.4em;
#contentalt sup
    color: #003300;
    font-weight: bold;
    font-size: small;
/*####################################### CONTENT ALTERNATE END #######################################*/
/*####################################### FOOTER #######################################*/
#footer {
    text-align: center;
    color: #666666;
    font-size: 60%;
        height: 30px;
        padding-top: 1em;
#footer span {
padding-left: 0.2em;
padding-right: 0.2em;
#footer a
    text-align: left;
    color: #039;
    line-height: 1.5em;
    overflow: hidden;
#footer a:hover
    color: #c6a45a;
/*####################################### FOOTER END #######################################*/
img.icon
    padding: 0;
#pic {
    float: right;
    padding-left: 1em;
    padding-bottom: 1em;
    width: 300px;
.clearfloat
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
/*####################################### MISC #######################################*/
#partners td {
    border-bottom: thin solid #06C;
    padding-top: 1em;
#partners img {
    border: none;
#instruct td {
    padding: 0.5em;
    border: solid thin;
#instruct table {
    border: solid thin;
#contact {
    font-size: small;
    text-align: left;
    padding: 0;
    margin: 0px 0px 20px 0px;
    line-height: 1.5em;
.b1 {
    padding: 0.5em;
#container #sidebar ul li {
    color: #c6a45a;
#container #sidebar ul li {
    color: #c6a45a;
#container #sidebar ul li .current a {
    color: #c6a45a;
HTML
<!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="cache-control" content="no cache">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Name of Company</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<style type="text/css">

</style>
</head>
<body>
<div id="container">
<div id="header"> </div>
<div id="menu"> <a href="index.html">Home</a> <a href="name.html">Title</a> <a href="name.html">Title</a> <a href="name.html">Title</a> <a href="name.html">Title</a> <a href="name.html">Title</a></div>
<div id="sidebar">
    <ul>
      <li class="title"> Library
        <div align="left"> </div>
      </li>
      <li>
        <h4 class="current">June 2013</h4>
      </li>
      <li>
        <h5><a href="name.html">title</a> </h5>
      </li>
      <li>
        <h5><a href="name.html">title</a> </h5>
      </li>
      <li>
    <h4 class="current">May 2013</h4>
    </li>
    <li>
        <h5><a href="name.html">title</a> </h5>
      </li>
      <li>
        <h5><a href="name.html">title</a> </h5>
      </li>
    <li>
        <h5><a href="anothername.html">anothertitle</a> </h5>
      </li>
    <li>
        <h5><a href="name.html">title</a> </h5>
      </li>
      <li>
        <h4 class="current">April 2013</h4>
      </li>
      <li>
        <h5><a href="name.html">title</a> </h5>
      </li>
      <li>
        <h5><a href="name.html">title</a> </h5>
      </li>
      <li>
        <h5><a href="name.html">title</a> </h5>
      </li>
      <li>
        <h5><a href="name.html">title</a> </h5>
      </li>
      <li>
        <h4 class="current"><a href="name.html">March 2013</a></h4>
      </li>
      <li>
        <h4 class="current"><a href="name.html">February 2013</a></h4>
      </li>
      <li>
        <h4 class="current"><a href="name.html">January 2013</a></h4>
      </li>
    </ul>
</div>
<div id="content"><img src="graphic.jpg" width="638" height="150" />
    <div id="text">
<h1> Tip of the Week</h1>
          <td align="left" valign="middle"><p>4/26/2013</p>
            <h4>Did you know?</h4>
            <p>words words words <strong>a word</strong> words words words.
            <p>a whole sentence of words words words words words words words words words.<br />
              <br />
GRAPHIC I'M HAVING ISSUES WITH             <img src="images/TipoftheWeek/luckycharmgraphic.jpg" width="882" height="300" /><br />
              <br />
              <strong>a few more words (some more words)</strong>:

Spacing issues

Similar Messages

Maybe you are looking for