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.
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,
PraveenHi,
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. -
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">
<!--
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
</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')">
<!-- ImageReady Slices (index.ai) -->
<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>
<!-- End ImageReady Slices -->
</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. -
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 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,
ScottAssuming 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 -
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' :) -
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 -
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">
<!--
p.MsoNormal {
margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
-->
</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>: -
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 thanksFirst 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!
JonOh, 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 -
I am having an issue with the index page at http://http://www.pixelsandpaper.com/stANNES/St%20annes/index.html which islocated in a temporary location. I have set the container div to 960 px wide and have set the left and right margins to 20%, however, when the page displays in Chrome there is a marked displacement to the left of the screen. The other 2 pages in the site have the same settings but appear just fine. In other browsers the left display is not as evident but it is still there. I am using Dreamweaver CS6
Perhaps someone can tell me what the problem is. I appreciate your comments.
PatView the source code on the two different pages... Home and Features for example.
CSS properties for .container are repeated in several places. I'd recommend that you consolidate all those various .container rules into one place.
Anyway, on the Features page you have the margin-top set at 25px;
.container {
width: 960px;
margin-right: auto;
margin-left: auto;
margin-top: 25px;
If you have all the rules for .container in just one place, it's a lot easier to troubleshoot.
Best wishes,
Adninjastrator -
DIV Border issues in Chrome and IE 6
Hi,
http://www.sdavies.info/index.html
There is a gap that appears between the whiteboard images ( i
have one half of the whiteoard floated right in the main content
div) In ff it butts up niceley to the right column, in IE 6 and
Chrome there is a small gap.
Any ideas??
Also if anyone out there is WACAG minded could you please let
me know how accessible the site is!
Cheers
BBdifferent browser have different default settings. in your
css, neutrilize the differences, i.e
p, td, th, div, blockquote, ul, li, dl, ol { font-size: 1em;
p, td, th, blockquote { margin: 1em 0;} /* controls spacing
between elements */
div
margin:0;
padding:0;
ul, li
padding:0;
margin:0; -
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
MIs 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.
Maybe you are looking for
-
FM to create Sales Order from reference billing document
Hi, I need to create a sales order from a reference billing document. Please tell me if there is any function module/BAPI to do that. Thanks in advance for the help Regards, Varun
-
Changing colors of an image in real time
Hi, I am trying to get an image raw data in an int[] array using getRGB() in order to change the color of the image. But it is working fine in simulator for any image. if i install it in real device say Nokia 6600 the getRGB() method is not working f
-
Reinstalled Install disc- New Microsoft Office serial number?
1. I originally had Leopard and use the install disk to downgrade to the original version of leopard because of some problems I was having with an online computer game. When I used the install disk, the employee who upgraded my RAM and the operating
-
In this application, i want the user to enter a number, but somehow the conversion of the value entered doesn't work. When I start the application and enter any value I get java.lang.NumberFormatException.How should I change the code?? import java.io
-
[SOLVED] Do I need to install Codecs if I use VLC and Clementine?
I realize that this might be a stupid question but I just want to be sure. Do I need to install the Codecs listed on the Arch Wiki if I'm using VLC (for video) and Clementine (for audio)? If not, then is there any situation you can think of where I m