CSS Problems: Extra "margin-left: 8px" being added to bold face command.

I'm having a unique and frustrating problem with a RoboHelp project.
When I apply Bold face to text in a numbered or bulleted text, RoboHelp applies the following code: <span style="margin-left: 8px; font-weight: bold;">
I cannot understand why the style="margin-left: 8px clause is inserted into the code. It's causing a large amount of white space before and after every bolded item, and fixing it manually is not a great option for various reasons.
When I apply Bold face to text outside of lists, the style="margin-left: 8px clause is not inserted.
When I click the Bold button (or press Ctrl+B) on selected text, I'd like RoboHelp to add the minimal code necssary: <span style="font-weight: bold;">
Does anyone know how I can fix this?
Notes: I inhertied this project with multiple style sheets, including old .kadov styles and at least seven CSS files. I condensed this down to one CSS file and tried to clean up the file as much as possible. I'm using RoboHelp 8.0.2.

Hi Amebr
Does this video help any?
http://youtu.be/hv9T5cJxUgo
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7, 8 or 9 within the day!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Similar Messages

Problems viewing Master Template after being added

Hello,
I am having an issue viewing a motion template after I have inserted it into my sequence,
I choose "Add master template..." from the Sequence menu, select one, and then click insert. The template appears directly in my time line and the viewer shows the parameters that I can adjust. I click to play the template and all I see is black and not the sequence.
It has an orange line over it in the time line, but even if I render it, when I press play in the timeline or canvas or even the viewer the template/movie will play, but it is a blank black screen.
In the canvas there is a blue/green line around the screen.
Any thoughts on something I am missing here? I would imagine I am making a newbie mistake.
Thanks in advance for any help on this.

I was on 6.0.1 with 10.5.1 and the issue went away when I upgraded to 6.0.4 and 10.5.4. This is because they made changes to the Motion integration in 6.0.2. It's worth noting that the feature is still not 100% stable in current versions and will still occasionally crash.
You can get the update manually here (you will need your FCS serial number at hand):
http://www.apple.com/finalcutstudio/download/
It's actually better to download the update manually because Apple deletes old updates whenever a new one comes out, so it's worth keeping a stable copy on your system just in case.
You will probably need to update QuickTime too, in which case QT 7.5.5 is recommended as people have been experiencing problems with QT 7.6. You can get old versions here:
http://www.digitalrebellion.com/blog/posts/listof_quicktimedownloads.html

Sync Space Problems as removed apps being added back

I had a problem with the original laptop in which I had itunes on so I haven't backed up or sync'd my phone for over 6 months. I finally got around to moving the itunes file to another computer. Now when I try to sync my phone it is trying to add the apps back that were deleted off the phone but were still on the last time on itunes backed up of the phone. So now the Apps are being added back and before it can complete the sync it runs out of space and cannot complete the process. Help how can I get around this, thanks.

You'd think that deleting an app from your iPhone and then syncing the iPhone would tell iTunes that you don't want that application on your iPhone any longer - but that isn't what happens. iTunes is your home base for applications and media. You have to tell iTunes what you want added to your iOS device or removed from your iOS device.
My habit is to connect my iOS device and immediately select the option to sync newly purchased items from the device to iTunes. Once that's done I select my device in iTunes and look over the applications and media to see that everything I want/don't want is correctly indicated. Then I sync again.
Step 1 gets all the updated and newly purchased stuff into iTunes. Step 2 makes sure I get only what I want (and exactly what I want) on my device.

GPMC problem: Item has already been added. Key in dictionary: "Key being added:"

I have the following scenario:
I use the Hungarian Windows 7 Professional 64 bit OS
I use the Group Policy Management Console (GPMC) to connect to a domain controller in a domain environment.
I try to generate a report for a Group Policy object (GPO) in the GPMC window.
In this scenario, I experience the following issue:
I cannot generate the report. Additionally, I receive an error message that resembles the following:
Item has already been added. Key in dictionary: "Key being added:"
I found a KB article for this symptoms:
http://support.microsoft.com/kb/2254754
I downloaded the following hotfix to my system:
Package:
KB Article Number(s): 2254754
Language: All (Global)
Platform: x64
Location: (http://hotfixv4.microsoft.com/Windows%207/WindowsServer%202008%20R2/sp1/Fix321583/7600/free/415811_intl_x64_zip.exe)
I unzipped the hotfix. When I started the msu package with my administrator user, the package says the following:
The update is not applicable for this computer.
I got the following in my event viewer:
System
- Provider
   [ Name] Microsoft-Windows-WUSA
   [ Guid] {09608C12-C1DA-4104-A6FE-B959CF57560A}
   EventID 3
   Version 0
   Level 2
   Task 0
   Opcode 0
   Keywords 0x8000000000000000
- TimeCreated
   [ SystemTime] 2014-09-10T06:31:58.153372600Z
   EventRecordID 2117
   Correlation
- Execution
   [ ProcessID] 823116
   [ ThreadID] 822724
   Channel Setup
   Computer *******************
- Security
[ UserID] S-1-5-21-1957994488-1606980848-682003330-*****
- EventData
UpdateTitle
ErrorCode 2149842967
ErrorString
CommandLine "C:\Windows\SysWOW64\wusa.exe" "C:\Temp\d\Windows6.1-KB2254754-x64.msu"
Please help me to solve my problem.
Thanks in advance,
Laszlo Farkas

I don't understand, what do you mean tweak the XML for the filterfile version entry.
The GPO is the Default Domain Policy. Our AD functional levels (forest, domain) are 2012. If I started GPMC on the domain controller then I do not receive the "Item has already been added..." message, I can open the report succesfully. Our domain
was on 2003 level before the migration, but we had the same problem ("Item has already been added...") on Win 7 clients, but on DC with Windows 2003 works well.
GPMC logging logs the followings when try to open Default Domain Policy on Windows 7 client:
gpmgmt.log:
[371c.41c4] 9/10/2014 14:32:21:926 [WARNING] CGPMReport::GenerateReport :ConvertToXml/Html failed with 0x80070057.
[371c.41c4] 9/10/2014 14:32:21:936 [WARNING] CGPMReport::GenerateReportFromGPO : GenerateReport failed with 0x80070057
gpmgmtManaged.log:
Reporting(16568.3)14:32:21 GPO::ConvertToHtml:******The following exception occured:
*******Message    : Az elemet korábban már felvették. Kulcs a szótárban: „Felhasználói jegy maximális élettartama”; Felvétel alatt álló kulcs: „Felhasználói jegy maximális élettartama”.
*******StackTrace :
System.ArgumentException: Az elemet korábban már felvették. Kulcs a szótárban: „Felhasználói jegy maximális élettartama”; Felvétel alatt álló kulcs: „Felhasználói jegy maximális élettartama”.
   a következő helyen: System.Collections.SortedList.Add(Object key, Object value)
   a következő helyen: Microsoft.GroupPolicy.Reporting.Html.Settings.TablePolicySectionTemplate.SetPolicies(IEnumerable policies)
   a következő helyen: Microsoft.GroupPolicy.Reporting.Html.Settings.Windows.Security.SecurityTemplate.AddAccounts(AccountPolicy[] policies)
   a következő helyen: Microsoft.GroupPolicy.Reporting.Html.Settings.Windows.Security.SecurityTemplate.AddSettings(GPOExtensionData securityExtension, GPOExtensionData ipsecExtension, GPOExtensionData saferExtension, GPOExtensionData pkExtension,
GPOExtensionData wlanSvcExtension, GPOExtensionData dot3SvcExtension, GPOExtensionData napClientMgmtExtension, GPOExtensionData firewallExtension, GPOExtensionData auditExtension, GPOExtensionData srpExtension)
   a következő helyen: Microsoft.GroupPolicy.Reporting.Html.Settings.Windows.Security.SecurityTemplate.SetSecurity(GPOExtensionData securityExtension, GPOExtensionData ipsecExtension, GPOExtensionData saferExtension, GPOExtensionData pkExtension,
GPOExtensionData wlanSvcExtension, GPOExtensionData dot3SvcExtension, GPOExtensionData napClientMgmtExtension, GPOExtensionData firewallExtension, GPOExtensionData auditExtension, GPOExtensionData srpExtension)
   a következő helyen: Microsoft.GroupPolicy.Reporting.Html.Settings.Windows.WindowsSettingsSectionTemplate.CreateSubsectionTemplates(ArrayList subsections, Hashtable nameExtensionMap)
   a következő helyen: Microsoft.GroupPolicy.Reporting.Html.Settings.Windows.WindowsSettingsSectionTemplate.SetWindowsSettings(IEnumerable extensions)
   a következő helyen: Microsoft.GroupPolicy.Reporting.Html.Settings.MainSettingsSectionTemplate.SetConfiguration(IEnumerable extensionDataList)
   a következő helyen: Microsoft.GroupPolicy.Reporting.Html.Settings.ConfigurationSectionTemplate.AddContent(IEnumerable extensionDataList)
   a következő helyen: Microsoft.GroupPolicy.Reporting.Html.Settings.ConfigurationSectionTemplate.SetConfiguration(GPOUserOrComputerConfig config)
   a következő helyen: Microsoft.GroupPolicy.Reporting.Html.Gpo.GpoReportTemplate.SetGpo(GPO gpo)
   a következő helyen: Microsoft.GroupPolicy.Reporting.GPO.ConvertToHtml()

Clearfloat problem-extra space remains in IE

Hi,
I've worked on this problem, did the Google thing, but I just
can't resolve it. There is extra space remaining under the image
even after using clearfloat. I want the bottom border to snug up to
the bottom of the image, but somehow in IE I keep getting that
horrible gray space.
Main
page-with troublesome space below before footer
Thanks so much for helping... as always!
Cheers,
Janell

I don't see an extra space problem related to floats in IE6
but I do see a
gray png background image under the spash-text. Pre-IE7
browsers do not
support alpha transparency on png images. If you get rid of
the bg image,
you'll see better results in IE. Or do a search for IE
conditional comments
or the IE star hack to serve a different image to pre-IE7
browsers.
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"Janell1" <[email protected]> wrote in
message
news:[email protected]...
> Hi,
> I've worked on this problem, did the Google thing, but I
just can't
resolve
> it. There is extra space remaining under the image even
after using
> clearfloat. I want the bottom border to snug up to the
bottom of the
image,
> but somehow in IE I keep getting that horrible gray
space.
>
http://www.acmedigitaldesign.com/marmit/index.html
> Thanks so much for helping... as always!
> Cheers,
> Janell
>
> @charset "UTF-8";
> body {
> margin: 0; /* it's good practice to zero the margin and
padding of the
body
> element to account for differing browser defaults */
> padding: 0;
> text-align: center; /* this centers the container in IE
5* browsers. The
text
> is then set to the left aligned default in the
#container selector */
> color: #000000;
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 100%;
> background-color: #000000;
> }
> .oneColFixCtrHdr #container_entirepage {
> width: 780px;
> margin: 0 auto; /* the auto margins (in conjunction with
a width) center
the
> page */
> }
> .oneColFixCtrHdr #container {
> width: 780px; /* the auto margins (in conjunction with a
width) center
the
> page */
> border: 1px solid #a9a69a;
> text-align: left; /* this overrides the text-align:
center on the body
> element. */
> background-color: #3b3b3b;
> margin-top: 0;
> margin-right: auto;
> margin-bottom: 0;
> margin-left: auto;
> padding-bottom: 0px;
> }
>
> .oneColFixCtrHdr #header {
> background-color: #3b3b3b;
> padding-top: 5;
> padding-right: 20px;
> padding-bottom:5;
> padding-left: 20px;
> }
> ul.MenuBarHorizontal ul {
> margin: 0; /* zeroing the margin of the last element in
the #header div
will
> avoid margin collapse - an unexplainable space between
divs. If the div
has a
> border around it, this is not necessary as that also
avoids the margin
collapse
> */
> padding: 10px 0; /* using padding instead of margin will
allow you to
keep
> the element away from the edges of the div */
> }
> .oneColFixCtrHdr #mainContent {
> background-color: #3b3b3b;
> padding-top: 0;
> padding-right: 0px;
> padding-bottom: 0;
> padding-left: 0px;
> height: auto;
> }
>
> .oneColFixCtrHdr #footer {
> background:#000000; /* this padding matches the left
alignment of the
> elements in the divs that appear above it. */
> text-align: center;
> padding-top: 0;
> padding-right: 10px;
> padding-bottom: 0;
> padding-left: 10px;
> }
> .oneColFixCtrHdr #footer p {
> font-family: Geneva, Arial, Helvetica, sans-serif;
> font-size: 80%;
> line-height: 1.5em;
> font-weight: 100;
> color: #777777;
> text-decoration: none;
> margin: 0; /* zeroing the margins of the first element
in the footer
will
> avoid the possibility of margin collapse - a space
between divs */
> padding: 10px 0; /* padding on this element will create
space, just as
the
> the margin would have, without the margin collapse issue
> text-align: center;
> }
> .oneColFixCtrHdr #footer p a:link {
> color: #c4a561;
> text-decoration: none;
> }
> .oneColFixCtrHdr #footer p a:visited {
> color: #c4a561;
> text-decoration: none;
> }
> .oneColFixCtrHdr #footer p a:hover {
> color: #ea9c15;
> text-decoration: none;
> }
> .oneColFixCtrHdr #footer p a:active {
> color: #ea9c15;
> text-decoration: none;
> }
>
>
>
> /* Below are the designer's custom layout styles */
>
> .image_aligncenter {
> padding-top: 20px;
> padding-right: 30px;
> padding-bottom: 0px;
> padding-left: 30px;
> }
> .armitage_sig {
> clear: none;
> float: right;
> z-index: 1090;
> }
> .large_image_z {
> z-index: 1090;
> }
> .splash_textover {
> float: left;
> z-index: 3000;
> background-image:
url(images/splash/transparent_png.png);
> clear: none;
> height: auto;
> width: 400px;
> position: relative;
> top: -75px;
> left: 20px;
> font-family: Verdana, Arial;
> font-size: 14px;
> line-height: 1.2em;
> font-weight: 100;
> color: #bcb9ab;
> text-decoration: none;
> }
> .clearfloat {
> clear:both;
> height:0;
> font-size: 1px;
> line-height: 0px;
> overflow: hidden;
> }
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
> <meta name="description" content="Sculpture &
Fine Art pieces by Los
Angeles
> based Michelle Armitage specializing in bronzes, steel,
stone, and
mixed-media.
> Art commisions welcome. " />
> <title>Sculptor, Fine Artist, All
Media</title>
> <link href="oneColFixCtrHdr.css" rel="stylesheet"
type="text/css" />
> <script src="SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
> <link href="SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet"
> type="text/css" />
> </head>
>
> <body class="oneColFixCtrHdr">
> <div id="container_entirepage">
>
> <div id="container">
> <div id="header">
>
> <ul id="MenuBar1" class="MenuBarHorizontal">
> <li><a href="index.html" title="Home
">HOME</a> </li>
> <li><a href="artist.html" title="The
Artist">THE ARTIST</a></li>
> <li><a class="MenuBarItemSubmenu"
href="gallery.html"> GALLERY</a>
> <ul>
> <li><a href="gallery.html"
title="Gallery">MAIN
GALLERY</a></li>
> <li><a href="steel.html" title="Steel
Gallery">STEEL</a></li>
> <li><a href="stone.html" title="Stone
Gallery">STONE</a></li>
> <li><a href="bronze.html" title="Bronze
Gallery">BRONZE</a></li>
> <li><a href="largerworks.html"
title="Larger-works">LARGER
> WORKS</a></li>
> <li><a href="mixedmedia.html"
> title="Mixed-Media">MIXED-MEDIA</a></li>
> </ul>
> </li>
> <li><a href="exhibitions.html"
title="Exhibitions">EXHIBITIONS</a></li>
> <li><a href="contact.html"
title="Contact">CONTACT</a></li>
> </ul>
>
> </div>
>
> <div id="mainContent">
>
> <div class="image_aligncenter"
align="center"><img
> src="images/splash/splash_title.gif" alt="Armitage
Design presents the
work of
> Michelle Armitage" width="661" height="169"
align="center"/></div>
> <div class="large_image_z"><img
src="images/splash/splash_sculpt.gif"
> alt="Sculpture" width="776" height="381"
/></div>
> <div class="splash_textover">
> Sculpture & Fine Art pieces by Los Angeles based
Michelle
Armitage
> specializing in bronzes, steel, stone, and mixed-media.
Art commissions
welcome.
> </div>
> </div></div>
> <br class="clearfloat" />
> <div id="footer">
> <p align="center">©2008 Michelle
Armitage<br />
> <a href="index.html">home</a> | <a
href="artist.html">artist</a> | <a
> href="gallery.html">gallery</a> | <a
href="exhibitions.html">exhibitions</a> |
> <a href="contact.html">contact</a></p>
> </div>
> 
> </div>
>
> <script type="text/javascript">
> 
> </script>
> </body>
> </html>
>

Css problem in internet explorer

Hi to all!
On my page as part of the page template I have build in a little drop-down user panel on the left top of the page.
html:<div id="userpanel">
<span><img src="'#APP_IMAGES#openSlidedown.png" /> <a>logon: &APP_USER.</a>
<div id="userpanel_hsreg"><p>Autorisiert für: &APP_CODES_DISP.</p>
<p>| #NAVIGATION_BAR#</p>
</div></span>
</div>css:#userpanel,
#userpanel * {
        position:relative;
     font-family:verdana; font-size:12px;
     margin:0; padding:1px; border:0;
     white-space:nowrap;
#userpanel a,
#userpanel span { display:inline-block; }
#userpanel>span>a { color:#999; }
#userpanel span:hover div { display:block; }
#userpanel>span:hover > a { color:black; }
#userpanel_hsreg {
          display:none;
          position:absolute;
          left:+5px;
          top:+24px;
          background:#fff;
          padding:10px 18px;
          line-height:180%;
          border:1px solid silver;
          border-radius: 6px;
          box-shadow:1px 2px 5px #aaa;
          z-index:99;
#userpanel>span>a {
          border-bottom:1px solid silver;
          margin-top: 5px;
          }So what happens is this: if the user hovers over the "+logon: username+", a little box pops up with some further information (the item &APP_CODES_DISP.) and the logout-link. Below this link, the Navigation bar starts. So while the box pops up, it covers a part of the region below, what its meant to do.
The promlem is, that this doesnt work in Internet Explorer properly, when its launched from apex. Instead, the popup-box is displayed behind the region below. In Mozilla, as always, everything worls fine. This problem ocured already, when I opened the html-file from desktop, but I fixed that by putting the z-index-attribute in. Only now, in Apex, its still now working in IE. I am not that of an expert in css. I have tried different XHTML declarations in the header, all no difference.
The current one:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This might be a bit of a tricky issue, so I dearly hope, someone can help me. (Similar problem like the other threat I started recently here where the round-corner attribute is not working in IE-Apex, but this time its a bit more vital. :) )
I have v 4.0.2.
Thanks and greetings,
tobi

Hi again!
This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
So if anyone here is a css-IE9-expert... :)
Thanks and best regards,
Tobi
edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
Edited by: tpetri on 03.09.2012 09:53

CSS problems in Dreamweaver CC?

I am having problems getting the CSS to update properly when I make changes to the code in the CSS document in the left panel. I have to go into CSS Designer to make the changes in addition to writing code in the css document, but it is often easier to update the code in the document and not use CSS Designer.
At one point, a bizarre thick border appeared on an element that I had NOT styled in either CSS Designer or in the CSS document. When I tried to change the border, the border did not show up in settings in CSS Designer or in the CSS document panel. The only place that affected the border was by using the Properties in the panel at the bottom of the app window. Once I accessed the "CSS Designer" from the Properties panel, I could see the settings and get rid of them.
Wondering if this is some kind of bug? Or if anyone else is experiencing problems making changes to css in the css document window?

I'll look for a DW forum. FYI, I'm on a Mac OS10.8.5, with most recent update for DW CC. I attached an external css to the file and it is shown correctly under Sources in CSS Designer (no extra styles are in the head of the document); that part works just fine. Formatting borders is pretty straight-forward—specify style, width, color for each side.
The question is why changes to the css don't always take effect if I write the css as code in the css panel (on the left side using split view)—even when I do a save. When I ALSO change settings in CSS Designer the changes DO appear in the CSS code panel, even duplicating the code I just entered there. One time I had to use the "Edit Rule" in the Properties box at the bottom of the app window to get the css to update.
The lack of consistency interferes with workflow.
I wish I could write the css in the code panel and have a refresh button like the one for Source Code changes.
Often it is much faster to write the css in the code panel. Scrolling through all the settings of the CSS Designer can be tedious and it's easy to make mistakes.
An example of this css is a sidebar div with a bottom border. When I was setting this up, it ended up with a thick solid black bottom border and I had trouble making a change. Eventually I succeeded via the Properties panel, but it should have updated via the css code panel OR CSS Designer.
#sidebar {
border-bottom: thin dotted #055900;
So, maybe this is a Creative Cloud issue, or maybe a DW issue.

Css problem in media for ipod and mobile

I have a problem applying code for a menu on a webpage.
I have posted the site example on www.tdrd.karoo.net
and the complete zip at www.tdrd.karoo.net/index.zip
I have applied the effect fine for the Full screen model media section of responsive.css but when I try to tailor the menu for the smaller resolutions it is only adjusting it for the full screen version.
I have applied the middle resolution in the example uploaded but for some reason it is not applying it to the model.
Please can anyone shed light as why this could be - the clue has to be somewhere in the nav section of the css....
Thank you
Terry

Cut/paste in new Dreaweaver document, view in browser.
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>Naeci Payroll</title>
<script src="http://www.tdrd.karoo.net/js/jquery1-7-2.min.js"></script>
<script src="http://www.tdrd.karoo.net/js/respond.min.js"></script>
<script>
$(function() {
var pull         = $('#pull');
menu         = $('nav ul');
menuHeight    = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
</script>
<script>
window.onload=
window.onresize=function(){
var width = document.getElementById('header').offsetWidth;
document.getElementById('header').style.height = width*22/100 + 'px'
</script>
<style>
    @charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
img, object, embed, video {
    max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:        5;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    10;
/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 98.1818%;
    padding-left: 0.909%;
    padding-right: 0.909%;
#header {
position:relative;
background: url(http://www.tdrd.karoo.net/img/refinery.jpg);
background-size: 100% 100%;
nav {
display: block;
width: 100%;
background: #455868;
font-size: 11pt;
font-family: 'PT Sans', Arial, sans-serif;
font-weight: bold;
nav ul {
padding: 0;
margin: 0;
width: 100%;
nav li {
padding: 0;
margin: 0;
list-style: none;
nav a {
color: #fff;
display: block;
padding: 0 0 0 15px;
border-bottom: 1px dotted #fff;
width: 100%;
text-decoration: none;
line-height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
nav li:last-child a {
    border-bottom: none;
nav a:hover {
    color: #FFF;
    background-color: #8c99a4;
nav ul {
display: none;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
/* nav styles */
nav {
clear: both;
overflow: hidden;
nav li {
display: inline;
float: left;
width: 20%;
nav a {
color: #fff;
display: block;
border-bottom: 0;
text-align: center;
border-right: 1px solid #576979;
nav li:last-child a {
border-right: none;
nav ul {
display: block;
nav a#pull {
    display: none;
</style>
</head>
<body>
<div class="gridContainer clearfix">
<div id="header">
<div class="content"> </div>
</div>

<nav>
<a href="#" id="pull">Menu</a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contract History</a></li>
<li><a href="#">Curriculum Vitae</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</nav>
</div>

</body>
</html>

CSS Problem - Background repeat & Max/Min Width

I have the problem at lower resolutions that the content div sticks out of the main document.
Or in fact, the content isnt sticking out, its the background repeat that is in the right of the screen thats pushed into the doc.
And also the background repeat isnt always repeating till bottom. It doesnt matter how big a negative margin is.
How can i let the background repeat right stick to the end of the document instead of the width of screen?
How can i let the repeat continue so it goeas all the way down?
Here's the CSS:
@charset "utf-8";
/* CSS Document */
/* Main Floats */
html,body {
     height:auto;
     min-width:800px;
     width:auto;
     background: #FFFFFF url(../Art/Background.png) no-repeat center;
     background-attachment:fixed;
     color:#000;
     margin:auto;
#BackGrRepeat1{
     float:right;
     height:auto;
     width:auto;
     min-width:800px;
     background: transparent url(../Art/greenfade_right.png) repeat-y right top;
     background-attachment:fixed;
     margin-right:-0px;
     margin-top:-10px;
     margin-bottom:-150px;
#BackGrRepeat2{
     float:left;
     height:auto;
     width:auto;
     min-width:800px;
     background: transparent url(../Art/greenfade_left.png) repeat-y left top;
     background-attachment:fixed;
     margin-left:-0px;
     margin-top:-10px;
     margin-bottom:-150px;
#WContainer{
     margin: 10px auto;
     width:80%;
     background:none;
     min-height:50%;
     line-height: 130%;
#WHeader{
     padding: .5em;
.TabbedPanelsContentGroup{
     min-width:600px;
.VTabbedPanels .TabbedPanelsTabGroup {
     float: left;
     width: 172px;
     background: none;
     margin: 0;
     margin-left:-3em;;
.VTabbedPanels .TabbedPanelsContentGroup {
     margin-left: 172px;
     min-height:18em;
     padding: 2em;
     border-left: solid 1px #999;
     border-bottom: solid 2px #999;
     border-top: solid 1px #999;
     border-right: solid 2px #999;
#WFooter{
     clear: both;
     margin: 0;
     padding: .5em;
/* Text Styles */
h1{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#05692E;
font-weight: bold;
font-style:italic;
font-size: 3em;
line-height:105%;
h2{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#078330;
font-weight: bold;
font-size: 2em;
line-height:105%;
p{
font-family: "Verdana", verdana, arial, helvetica, sans-serif;
font-size: 1em;
margin-top: 0;
.small{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: .7em;
text-align:center;
/* Menu Buttons */
.TabbedPanelsTabGroup ul{
list-style-type: none;
padding: 0px;
margin: 0px;
.TabbedPanelsTabGroup li{
list-style-type: none;
padding: 0px;
margin: 0px;
.Button a{display:block;}
.Button a:hover{background-position:left bottom;}
a.Button {display:none}
/* Text Images */
.floatright
float: right;
width: 100%;
margin: 5px auto;
background-color: #fff;
padding: 5px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
div.floatright img
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
.floatleft
float: left;
width: 100%;
margin: 5px auto;
background-color: #fff;
padding: 5px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
div.floatleft img
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
/* Message Screens */
#message{
     margin: 50px;
     min-height:18em;
     padding: 2em;
     border-left: solid 1px #999;
     border-bottom: solid 2px #999;
     border-top: solid 1px #999;
     border-right: solid 2px #999;

I think you're going about this the wrong way. When you float content, it is removed from the normal flow. That's why your floated right background doesn't reach page bottom.
Look at this DEMO of a centered liquid layout page.View source in browser.
http://alt-web.com/TEMPLATES/CSS2-Liquid-Page.shtml
Using my demo as an example, you could place a repeating, solid light-green image in the body to give the page its borders. Add another repeating background to the #wrapper division.
Add a 3rd background image or light color to the #content division.
Use floats for sidebar content only.
Hope this helps.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

File extension _000 is being added

I believe this is part of the rollback option which we are
not using.
We tried the Rollback option at one time and it became
confusing for the users as well as for those of us who administer
Contribute 3 because it was adding so many extra files which was
contributing to broken links. We do not need the Rollback option
because our users are only allowed access to development and
everything is backed up daily. Therefore, we disabled the rollback
option.
Even though Rollback has been disabled, the _000 file
extension is still being added to graphics and PDF files. How can
we stop Contribute 3 from adding this _000 file extension? It is
still causing a problem with broken links because the files moved
into production do not have the _000 file extension.

By Default any user role created - ex: Publisher, Writer
etc.. will not have a permission called "Allow users to delete the
files they have permission to edit"...
Edit->Administer Website->Select the role->Edit role
settings->File Folder Access, Check the check box... All users
to delete the file they have permission to edit...
When you give this permission, and if the user in that role
tries to publish a file then he will be prompted with a dialog -
"Do you want to overwrite this file? or create a similar file name
i.e., _000"...
But by default this checkbox is unchecked so, people will
have by default _000 created....
hope this helps...
-Arun

CSS: problemas con espaciado

This is a multi-part message in MIME format.
------=_NextPart_000_0040_01C712D9.2A01C230
Content-Type: text/plain;
charset="Windows-1252"
Content-Transfer-Encoding: quoted-printable
=DAltimamente me pasan cosas extra=F1as... C=F3mo puede ser
que teniendo =
un CSS validado por la W3C no se vea bien en Firefox y s=ED
en Internet =
Explorer... porque justamente lo l=F3gico es que sea al
rev=E9s.
La Web es esta:
http://www.ipinfa.es/nueva/
http://jigsaw.w3.org/css-validator/validator?uri=3Dwww.ipinfa.es%2Fnueva%=
2Fstyles.css&usermedium=3Dall
Lucas Sevilla
www.lucassevilla.info
www.gestproyect.info=20
------=_NextPart_000_0040_01C712D9.2A01C230
Content-Type: text/html;
charset="Windows-1252"
Content-Transfer-Encoding: quoted-printable
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Dwindows-1252">
<META content=3D"MSHTML 6.00.2900.2995"
name=3DGENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=3D#ffffff>
<DIV><FONT face=3D"Trebuchet MS"
size=3D2>=DAltimamente me pasan cosas =
extra=F1as...=20
C=F3mo puede ser que teniendo un CSS validado por la W3C no
se vea bien =
en Firefox=20
y s=ED en Internet Explorer... porque justamente lo l=F3gico
es que sea =
al=20
rev=E9s.</FONT></DIV>
<DIV><FONT face=3D"Trebuchet MS"
size=3D2></FONT> </DIV>
<DIV><FONT face=3D"Trebuchet MS" size=3D2>La Web
es esta: =
<FONT=20
face=3D"Trebuchet MS" size=3D2><A=20
href=3D"
T></FONT></DIV>
<DIV><FONT face=3D"Trebuchet MS"
size=3D2></FONT> </DIV>
<DIV><FONT face=3D"Trebuchet MS"
size=3D2><A=20
href=3D"
http://jigsaw.w3.org/css-validator/validator?uri=3Dwww.ipinfa.es%=
2Fnueva%2Fstyles.css&usermedium=3Dall">
http://jigsaw.w3.org/css-valid=
ator/validator?uri=3Dwww.ipinfa.es%2Fnueva%2Fstyles.css&usermedium=3D=
all</A></FONT></DIV>
<DIV><FONT face=3D"Trebuchet MS"
size=3D2></FONT> </DIV>
<DIV> </DIV>
<DIV>Lucas Sevilla</DIV>
<DIV>
<P><A =
href=3D"
http://www.lucassevilla.info">www.lucassevilla.info</A></P>
<P><A href=3D"
http://www.gestproyect.info">www.gestproyect.info</A>=20
</P></DIV></BODY></HTML>
------=_NextPart_000_0040_01C712D9.2A01C230--

This is a multi-part message in MIME format.
------=_NextPart_000_000A_01C71304.66C67EB0
Content-Type: text/plain;
charset="Windows-1252"
Content-Transfer-Encoding: quoted-printable
Has cambiado el dise=F1o, as=ED que ahora es m=E1s dificil
8-)
Quiz=E1 contener las im=E1genes en bloques independientes y
jugar dentro =
de ellos...
Se me ocurre una sobre la marcha: =BFAlternar las im=E1genes
=
derecha/izquierda? Eso cumplir=EDa la norma y podr=EDa
funcionar si los =
slices tienen todos el mismo alto...
--=20
Andres Cayon
http://www.dwug.es
"Lucas Sevilla" <[email protected]> escribi=F3
en el mensaje =
news:[email protected]...
Entonces cual es la soluci=F3n ? :P porque el css es
correcto
Lucas Sevilla
www.lucassevilla.info
www.gestproyect.info=20
"Andres Cayon" <[email protected]> escribi=F3 en
el mensaje =
news:[email protected]...
Hola Lucas:
Para m=ED, es FF el que lo renderiza correctamente:
La teor=EDa dice m=E1s o menos:
El borde superior de un float nunca puede estar por encima
del =
border superior de un bloque u otro float definido con
anterioridad.
En tu caso, no podr=E1 subir m=E1s arriba del borde superior
de la =
ultima imagen de la derecha.
La verdad que la definici=F3n tampoco es muy clara... En tu
caso:
-Firefox interpreta que el float definido con anterioridad
es el =
ultimo float de las imagenes de la derecha, por lo que se
alinea al =
ultimo slice
-IE parece entender que es cualquier float definido
anteriormente, =
as=ED que lo aplica sobre el primero (por lo que se alinea al
primer =
slice).
Saludos!
Andres Cayon
http://www.dwug.es
"Lucas Sevilla" <[email protected]> escribi=F3
en el =
mensaje news:[email protected]...
=DAltimamente me pasan cosas extra=F1as... C=F3mo puede ser
que =
teniendo un CSS validado por la W3C no se vea bien en Firefox
y s=ED en =
Internet Explorer... porque justamente lo l=F3gico es que sea
al =
rev=E9s.
La Web es esta:
http://www.ipinfa.es/nueva/
=
http://jigsaw.w3.org/css-validator/validator?uri=3Dwww.ipinfa.es%2Fnueva%=
2Fstyles.css&usermedium=3Dall
Lucas Sevilla
www.lucassevilla.info
www.gestproyect.info=20
------=_NextPart_000_000A_01C71304.66C67EB0
Content-Type: text/html;
charset="Windows-1252"
Content-Transfer-Encoding: quoted-printable
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Dwindows-1252">
<META content=3D"MSHTML 6.00.2900.2995"
name=3DGENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=3D#ffffff>
<DIV><FONT face=3DArial size=3D2>Has cambiado el
dise=F1o, as=ED que =
ahora es m=E1s=20
dificil 8-)</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>Quiz=E1 contener
las im=E1genes en =
bloques=20
independientes y jugar dentro de
ellos...</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>Se me ocurre una
sobre la marcha: =
=BFAlternar las=20
im=E1genes derecha/izquierda? Eso cumplir=EDa la norma y
podr=EDa =
funcionar si los=20
slices tienen todos el mismo alto...</FONT></DIV>
<DIV><BR>-- <BR>Andres
Cayon<BR><A=20
href=3D"
--------------------</DIV>
<BLOCKQUOTE dir=3Dltr=20
style=3D"PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT:
5px; =
BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
<DIV>"Lucas Sevilla" <<A=20
=
href=3D"mailto:[email protected]">[email protected]</A>>=
=20
escribi=F3 en el mensaje <A=20
=
href=3D"news:[email protected]">news:ekhbgo$8gn$1@forums=
.macromedia.com</A>...</DIV>
<DIV><FONT face=3D"Trebuchet MS"
size=3D2>Entonces cual es la =
soluci=F3n ? :P porque=20
el css es correcto</FONT></DIV>
<DIV>
<P>Lucas Sevilla</P>
<P><A =
href=3D"
http://www.lucassevilla.info">www.lucassevilla.info</A></P>
<P><A href=3D"
http://www.gestproyect.info">www.gestproyect.info</A>
=
</P></DIV>
<BLOCKQUOTE dir=3Dltr=20
style=3D"PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT:
5px; =
BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
<DIV>"Andres Cayon" <<A=20
href=3D"mailto:[email protected]">[email protected]</A>>
=
escribi=F3=20
en el mensaje <A=20
=
href=3D"news:[email protected]">news:[email protected]=
acromedia.com</A>...</DIV>
<DIV><FONT face=3DArial size=3D2>Hola
Lucas:</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>Para m=ED, es
FF el que lo =
renderiza=20
correctamente:</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV><FONT face=3DArial size=3D2>La teor=EDa
dice m=E1s o =
menos:</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>El borde
superior de un float nunca =
puede estar=20
por encima del border superior de un bloque u otro float
definido =
con=20
anterioridad.</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV><FONT face=3DArial size=3D2>En tu caso, no
podr=E1 subir m=E1s =
arriba del borde=20
superior de la ultima imagen de la
derecha.</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV><FONT face=3DArial size=3D2>La verdad que
la definici=F3n =
tampoco es muy=20
clara... En tu caso:</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>-Firefox
interpreta que el float =
definido con=20
anterioridad es el ultimo float de las imagenes de
la derecha, =
por lo=20
que se alinea al ultimo slice</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>-IE parece
entender que es =
cualquier float=20
definido anteriormente, as=ED que lo aplica sobre el primero
(por lo =
que se alinea al primer
slice).</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV><FONT face=3DArial
size=3D2>Saludos!</FONT><BR>Andres =
Cayon<BR><A=20
=
href=3D"
--------------------</DIV>
<BLOCKQUOTE dir=3Dltr=20
style=3D"PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT:
5px; =
BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
<DIV>"Lucas Sevilla" <<A=20
=
href=3D"mailto:[email protected]">[email protected]</A>>=
=20
escribi=F3 en el mensaje <A=20
=
href=3D"news:[email protected]">news:ekgvrv$olf$1@forums=
.macromedia.com</A>...</DIV>
<DIV><FONT face=3D"Trebuchet MS"
size=3D2>=DAltimamente me pasan =
cosas=20
extra=F1as... C=F3mo puede ser que teniendo un CSS validado
por la =
W3C no se=20
vea bien en Firefox y s=ED en Internet Explorer... porque =
justamente lo=20
l=F3gico es que sea al rev=E9s.</FONT></DIV>
<DIV><FONT face=3D"Trebuchet MS"
size=3D2></FONT> </DIV>
<DIV><FONT face=3D"Trebuchet MS" size=3D2>La Web
es =
esta: <FONT=20
face=3D"Trebuchet MS" size=3D2><A=20
=
href=3D"
T></FONT></DIV>
<DIV><FONT face=3D"Trebuchet MS"
size=3D2></FONT> </DIV>
<DIV><FONT face=3D"Trebuchet MS"
size=3D2><A=20
=
href=3D"
http://jigsaw.w3.org/css-validator/validator?uri=3Dwww.ipinfa.es%=
2Fnueva%2Fstyles.css&usermedium=3Dall">
http://jigsaw.w3.org/css-valid=
ator/validator?uri=3Dwww.ipinfa.es%2Fnueva%2Fstyles.css&usermedium=3D=
all</A></FONT></DIV>
<DIV><FONT face=3D"Trebuchet MS"
size=3D2></FONT> </DIV>
<DIV> </DIV>
<DIV>Lucas Sevilla</DIV>
<DIV>
<P><A =
href=3D"
http://www.lucassevilla.info">www.lucassevilla.info</A></P>
<P><A =
href=3D"
http://www.gestproyect.info">www.gestproyect.info</A>=20
</P></DIV></BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE></BODY></HTML>
------=_NextPart_000_000A_01C71304.66C67EB0--

After merging MobileMe to iCloud I am left without being able to access all services

Before iOS5 I had two accounts with Apple
[email protected] for iTunes. (this is the id name)
[email protected] for MobileMe
Last night I merged my MobileMe to iCloud using my MobileMe name [email protected]
This address doesn't allow me to access support
It doesn't allow me to use tools such as Find my friends
When logging into [email protected] it asked me to add a MobileMe Address so I added [email protected]
I am unable to verify the address as its used on the other one.
How can I a) keep my [email protected] address b) ensure I keep all my data and c) merge the old account leaving me with just the one?

I am/was having the same problem. I ended up logging into my MobleMe/Apple ID account with iTunes and authorized my Mac to use the Apps/music. That's working great now, though I'm locked out of auto-sync and redownloading any purchese I've deleted for the next 90 days, but all is great with Wi-fi syncing! :-)
The problem I'm left with is not being able to access any of my MobileMe stuff. May iCal and book marks won't sync and I'm not sure if it's because I'm now using Lion or if it's actually MobileMe. To update any Calendars and have them sync to my iPhone, I have to go into iCloud.com. I'm still left without bookmarks though.
I'm not sure why they can't merge the two accounts, it's very frustrating for me and I'm sure thousands of other people!

Possible CSS problem?

Hi All,
I am in the process of making a website for a friend, when I ran into what looks like a css problem.
I purchased the css file in a template from a guy who does tutorials on youtube, I have contacted him on several occasions but his customer service is pretty awful and he hasn't replied to any contact.
When using a mobile or tablet to view the website the header and footer area is pushed to the left. (please see attached image)
I added 100% to the following containers but still it never changed them.
#header-wrapper
#footer-content-wrapper
#footer
If I change the widths to 1000px then it sorts it out for the mobile view but then the website on a pc/laptop is distorted.
the website can be found at www.leightonsterling.com
Thankyou in advance.

There's nothing wrong with your site. That's exactly what fixed-width, centered layouts do in smaller displays. They move to the left. If you want a responsive web site that adjusts to mobile and tablet device widths, you need a Responsive Layout.
Look at FluidGrid Layouts in Dreamweaver CS6 & CC. Or use one of the following Responsive Frameworks to jump start your project.
Project Seven's Page Packs (commercial CSS Templates, Widgets & Extensions for DW)
http://www.projectseven.com/products/templates/index.htm
Excellent products, excellent customer support. A+++
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's Bootstrap extension for DW
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Fluid Grid Layouts in CS6
http://tv.adobe.com/watch/digital-design-cs6/creating-adaptive-designs-using-fluid-grid-la youts-in-dreamweaver-cs6/
Nancy O.

Website margin Left issue

Hello Guys ,
I have some issue with my website , I test from safari (Iphone 3,4,5,6) And issue same ,
My website is not response with Mobile , So all devices showing website as normal , But in iphone i got issue the website margin left not center , I belive that problem from css , But am tired looking solutions from all developer , And thay asked me ask Apple Support .
Note : All devises Working well , Mean android safari and chroum & Mozela , Only safari Iphone.

Hello,
Please take a look at this related thread: http://forums.adobe.com/message/5661340#5661340
In addition to what has been said already in the post above, with the release of Muse 7, you now have the capability to make full screen slideshows with just a drag and drop, in addition to the capability of having full screen images filled inside a rectangle, which was available earlier as well. You can now, also have full width text boxes etc. which may also be useful.
Hope this helps.
Cheers
Parikshit

CSS Problem, please help

I have a problem with css mark-up that I can't fix and I am going to flip soon
Basically, I have a div that I have created for a product to sit in, and I want it to repeat eight times in two rows of four. Currently, I am getting them appear as a stack one on top of the other, and I just can't sort it. I have tried the tag Display: inline, but when doing that the box collapses.
Here's my css code:
#outerWrapper #contentWrapper #content #TopRatedContainer #TopRatedProduct {
margin: 0px;
padding: 5px;
height: 190px;
width: 111px;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-top-color: #CCC;
border-right-color: #CCC;
Any thoughts on how I can fix it?
Here is the related css that has built up this area on my webpage:
#outerWrapper #contentWrapper #content #TopRatedContainer {
background-color: #FFF;
margin: 0px;
padding: 0px;
width: 488px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-left-color: #CCC;
#outerWrapper #contentWrapper #content #TopRatedContainer #TopRatedProduct {
margin: 0px;
padding: 5px;
height: 190px;
width: 111px;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-top-color: #CCC;
border-right-color: #CCC;
#outerWrapper #contentWrapper #content #TopRatedContainer #TopRatedRepeat {
display: block;
width: 122px;
float: left;
#outerWrapper #contentWrapper #content #TopRatedFooter {
padding: 0px;
height: 5px;
width: 490px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
background-image: url(../images/getit-bottomtopratedpanel.gif);
background-repeat: no-repeat;
I tried to place it in the TopRatedRepeat area, but this didn't work either so have subsequently taken it out of the equation but thought I'd show it just incase it helps.
TIA
Mat

Basically, I have a div that I have created for a product to sit in, and I want it to repeat eight times in two rows of four. Currently, I am getting them appear as a stack one on top of the other, and I just can't sort it. I have tried the tag Display: inline, but when doing that the box collapses.
Consider this approach -
#products {
    width: 600px;
    overflow:hidden;
.product {
    width:130px;
    margin:10px;
    float:left;
</style>
</head>
<body>
<div id="products">
<div class="product">...</div>
<div class="product">...</div>
<div class="product">...</div>
<div class="product">...</div>
<div class="product">...</div>
<div class="product">...</div>
<div class="product">...</div>
<div class="product">...</div>
</div>
</body>
Style as desired.

CSS Problems: Extra "margin-left: 8px" being added to bold face command.

Similar Messages

Maybe you are looking for