Hi guys
Just having a bit of an issue with something I am working on. This is my first time using CSS so im sorry if the answer is to obvious.
I am making a site in dreamweaver and my browser preview in any browser shows this
As you can see the boxes over lap for a 3D effect.
When I upload it and make it live, it looks like this
The top item is slider and the bottom is inner container
I then have triangle left and triangle right
The HTML code is
<div id="slider"> MY CONTENT </div> <div id="triangleright"></div> <div id="triangleleft"></div> <div id="innercontainer"> MY CONTENT </div>
The CSS code is
#innercontainer { width: 98%; height: auto; margin-left: auto; margin-right: auto; box-shadow: 0px 1px 10px 0px #463a2e; background-color:#fff; } #slider { width:100%; height:auto; margin-left:auto; margin-right:auto; background-color:#fff; box-shadow: 0px 1px 10px 0px #463a2e; position:relative; } #triangleright { width: 0; height: 0; border-top: -10px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid #666; float:right; } #triangleleft { width: 0; height: 0; border-top: -10px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid #666; float:left; }
Is anyone able to help me out here at all??
Many thanks in advance
Greg
/mod edit: When posting code, either use the code button or wrap your source in bbcode tags, [code][/code]. Fixed. ~gt
Invalid property values
See ยง8.5.1 Border width. Note this: <length>
The border's thickness has an explicit value. Explicit border widths cannot be negative.
You should always validate your html and css. For css, see http://jigsaw.w3.org/css-validator/.
I am sure you love your Dreamweaver, but do remember that it creates crap for code and that the previewer is not a browser, and what the browser shows you is what matters.
cheers,
gary
Thanks Gary Not that I love
Thanks Gary
Not that I love dreamweaver, I just can't get my head around php.
I do use Browsers as my preview and dont rely on the DW preview.
Thanks for the link, will check it out
Greg