Border around container div

I have a veeerrrrrryyyy rough design going so please bear
with that... (i know it needs lots of graphic tweaking)
I am trying to put a thin dotted border #6600FF around the
container div and can't seem to make it work. Any ideas? (DW8)
http://www.nsbcustomjewelry.com/DIVTEST.shtml
Thanks!

#container {
border:2px dotted #60F;
}

Similar Messages

How to get rid of white border around Container Div (main box)?

I have look and look for a solution but couldn't find one. I'm developing a website but the main issue is the white (I changed it black so you can see what I'm talking about) border around the website when i go to preview it from DW to Google Chrome or Internet Explorer.
I've tried everything! from setting body margins all to zero but nothing works... can anyone help me?!

No that's not what I'm talking about, the black div bot on the top is what i put, I put the entire style.css code in my last post, I'm talking about the white border on the right inside the scroll bar.
let me explain from the bottom, let say I don't put Margin: 0 under Body in my style.css . I get a white (I made it Green to show you better) border around my entire webpage looking like this:
so this made me curios because I wanted to know why it gave me this border without putting Margin: 0 under Body in my Style.css sheet. so i went to inspect element inside Google Chrome and saw this:
I was shocked because it automatically added 8 px in Margin around the body. So I took all the advice i was given in this thread and put the Margin: 0 ; under Body in my Style.css Sheet and it did this:
for Some reason it says Margin 0 in the inspect element under body but put a default white border there to the right....
I have explained this the best way possible. PLEASE CAN ANYONE HELP ME?!
ps. its doing this for all browsers so i know it not a chrome issue!

Unwanted white border around a div

I placed a div that I am using for a background. Before I add an image I am testing it out by giving it a blue background. I have the width and height set to 100% and left to 0px and top to 0px. When I test it in a browser (IE 8) or view it in Design view it has a white border around it. There is no border setting or margin setting. Is there some preference setting in Dreamweaver that makes this aproximately 10px border? If so how do I get rid of it?

Thank you both - that helped to clear up some of the issues but others remain. I'm assuming I can keep the dialogue going but will start a new thread if that is required.
I uploaded the page and css files to my server. The page file is http://www.wlvs.com/untitled-1.html and the css file is http://www.wlvs.com/test.css I ame using these file to try out styles. The background div (backgnd) will ultimately be an image but for now I'm just using a color. The "wraper" has an image that I gave a padding to at the top and bottom and for some reason it is showing a dark blue color. - I thought it would allow the background color to show through - shouldn't it??
The other issue is centering the logo in the "header". I suppose I could use <center> but I am trying to figure out what is the css code for doing it. Nothing seems to work. I was able to center the "wraper" image but could not do the logo.
Any help would be much appreciated...

Making circle border around a div

Just a second ago I was finally able to turn a square div in a circle. I been working on trying to achieve that for the last month. The problem was that after I finished making my circle div I couldnt move the darn thing anymore. I am trying to make round navigation buttons. so anyway. I tried getting another page going and try that again without class this time since it seems I could not move teh divs as long as they were tied up to a class. so I got all my button in the right place now but now I can't make them to go round anymore.... haaaaaaaaaaaaaaaaaaaaaa....... this program is driving me insane. I am going to start crying soon lol

Since divs are rectangular or square, you're trying to do something that is not what HTML is designed to do.
CSS for circles:
.circleBase {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
.type1 {
    width: 100px;
    height: 100px;
    background: yellow;
    border: 3px solid red
.type2 {
    width: 50px;
    height: 50px;
    background: #ccc;
    border: 3px solid #000
.type3 {
    width: 500px;
    height: 500px;
    background: aqua;
    border: 30px solid blue
HTML:
<div class="circleBase type1"></div>
<div class="circleBase type2"></div><div class="circleBase type2"></div>
<div class="circleBase type3"></div>

How to add white border around my Banner?

Hello,
I am trying to add a small border around my banner.
I tried to code it in but it didnt seem to work. Not sure why?
So i added just without the border.
Any thoughts?
Thank you!
Ivan
Here is the URL - http://www.the-electronic-cigarette.net

Your header is defined as an id in style.css
So, in your CSS:
#branding {
          background: #ffffff url(images/sky.png) top left repeat-x;
          margin-bottom: -20px;
Change to:
#branding {
          border-color: fff;
border-width: 3px;
          margin-bottom: -20px;
That will create a 3 pixel border around the div.

Unwanted thin border around DIV

So I have two pages (not online yet) in a site I am builing.
They both have an arrow rollover (about 60x40px made in PS), The
first one is fine and the arrows sits on the background seemlessly.
I used the same master file, but changed the arrow color. Made
another page but on this page I can see a thin white border around
the 40x60 box the arrow sits in . The border bvalue is set to 0. It
sits on black. I tried no BG color, and Black BG color and neither
made a differnce. I am really stumped. What causes a thin white
outline around and object/DIV like this?

The image itself probably has the border in it. Remake the
image and be
careful when you export it to make sure there is no border.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"iptinak" <[email protected]> wrote in
message
news:gckfrn$ou7$[email protected]..
> okay, it is something about how the image is saved. I
took the new arrow
> out
> and inserted the old one to the same page. No border.
They are both JPGS.
> I
> realize now that when I made the first one I never saved
saved the PS
> original
> files. I opened the JPG and over laid on top to redo it.
I must have saved
> it
> differently but I don;t see any differences. What am I
missing here?
>

Issue with container divs, and absolute/fixed positioning

Hello everyone, I have an issue getting my divs to function properly. I have a container div and I want the table div to float inside (and move with page resize). Right now it doesnt move with the page (see photo).
However, when I change the position to relative of that div, it moves under the container div and locks itself there.(Second photo)
Any help would be great! Thanks!
Picture one:
Picture two
<!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" />

<title>davide marchetti architetto</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<link href="ttp://mottie.github.com/tablesorter/css/theme.blue.css" rel="stylesheet">
<script type="text/javascript" src="http://mottie.github.com/tablesorter/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="http://mottie.github.com/tablesorter/js/jquery.tablesorter.widgets.js"></script>
<script type="text/javascript">
$(document).ready(function()
        $("#myTable").tablesorter();
</script>
<style type="text/css">
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
margin: 0;
padding: 0;
color: #000;
background-image: url();
background-repeat: no-repeat;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color:#414958;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #4E5869;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
width: 80%;
max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
min-width: 780px;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
padding: 10px 0;
font-size: x-small;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
body,td,th {
          font-family: "Courier New", Courier, monospace;
          font-size: 12px;
#apDiv1 {
position: relative;
width: 618px;
height: 268px;
z-index: 1;
left: 186px;
top: 147px;
overflow: hidden;
#apDiv2 {
          position: relative;
          width: 698px;
          height: 299px;
          z-index: 1;
          left: 266px;
          top: 117px;
          overflow: scroll;
table.tableizer-table {
border: 1px solid #CCC; font-family: Courier New, Courier, monospace;
font-size: 12px;
.tableizer-table td {
padding: 4px;
margin: 3px;
border: 1px solid #ccc;
.tableizer-table th {
background-color: #000000;
color: #FFF;
font-weight: bold;
#apDiv4 {
position: relative;
width: 697px;
height: 299px;
z-index: 1;
left: -141px;
top: -636px;
overflow: scroll;
#apDiv3 {
position: relative;
width: 700px;
height: 300px;
z-index: 2;
h1,h2,h3,h4,h5,h6 {
font-family: "Courier New", Courier, monospace;
</style>


</head>
<div class="container">
<div class="container"><img src="../images/Davide.png" width="800" height="600" usemap="#Map" border="0" />
    <div id="apDiv2">
      <map name="Map" id="Map">
        <area shape="rect" coords="48,416,125,435" href="../news.html" />
        <area shape="rect" coords="262,416,304,436" href="../studio.html" />
        <area shape="rect" coords="490,416,545,435" href="../projects.html" />
        <area shape="rect" coords="702,415,751,436" href="../contact.html" />
      </map>
      <table id="myTable" class="tableizer-table">
        <thead>
          <tr class="tableizer-firstrow">
            <th>YEAR </th>
            <th>PROJECT</th>
            <th>LOCATION</th>
            <th>CATEGORY</th>
            <th>STATUS</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>2013</td>
            <td>EXPO 2015 - Italian Pavilion</td>
            <td>Milan - Italy</td>
            <td>Culture</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td>2012</td>
            <td>Requalification of "Almerici", "Bufalini" and "Fabbri" Squares</td>
            <td>Cesena - Italy</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Re-thinking Shanghai: sustainable intervention along the Suzhou Creek</td>
            <td>Shanghai - China</td>
            <td>Mixed use</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>VCC Flat</td>
            <td>Rome - Italy</td>
            <td>Interior design</td>
            <td>Commission / Built</td>
          </tr>
          <tr>
            <td>2011</td>
            <td>London 2012 Olympic Games Information Pavilion</td>
            <td>London - UK</td>
            <td>Culture</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Enhancement project for the sacred area of the sanctuary of Hercules Victor</td>
            <td>Tivoli - Italy</td>
            <td>Culture</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td>2010</td>
            <td>VTL Flat </td>
            <td>Rome - Italy</td>
            <td>Interior design</td>
            <td>Commission / Built</td>
          </tr>
          <tr>
            <td> </td>
            <td>BNC Flat</td>
            <td>Rome - Italy</td>
            <td>Interior design</td>
            <td>Commission / Built</td>
          </tr>
          <tr>
            <td> </td>
            <td>Expansion of the "Farnesina" High School</td>
            <td>Rome - Italy</td>
            <td>Education</td>
            <td>Competition / Selected Project</td>
          </tr>
          <tr>
            <td> </td>
            <td>Neanderthal Art Center</td>
            <td>Pilo�a - Spain</td>
            <td>Culture</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>New pedestrian & cycling footpath in the site of the "San Leopoldo II" old bridge</td>
            <td>Poggio a Caiano - Italy</td>
            <td>Infrastructure</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Proposition 2065 - St. Leonards site</td>
            <td>Sidney - Australia</td>
            <td>Mixed use</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>MEIS - National Museum of Italian Judaism and Shoah </td>
            <td>Ferrara - Italy</td>
            <td>Culture</td>
            <td>Competition / 3rd Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>36 The Calls Design Competition</td>
            <td>Leeds - UK</td>
            <td>Offices</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Europan 10: masterplan for an harbour area</td>
            <td>Rudk�bing - Denmark</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td>2009</td>
            <td>"Scuola in Piazza a Levante" - Kindergarten and public areas</td>
            <td>Bisceglie - Italy</td>
            <td>Education</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>CIBAF - City of Kids </td>
            <td>Frattamaggiore - Italy</td>
            <td>Education</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Designing in Teheran</td>
            <td>Teheran - Iran</td>
            <td>Mixed use</td>
            <td>Competition / Selected Project</td>
          </tr>
          <tr>
            <td>2008</td>
            <td>DawnTown 2008: Waterworks</td>
            <td>Miami - USA</td>
            <td>Mixed use</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Venice Biennale New Australian Pavillion</td>
            <td>Venice - Italy</td>
            <td>Culture</td>
            <td>Competition / 1st Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>New pedestrian and cycling bridge</td>
            <td>Civita di Bagnoregio - Italy</td>
            <td>Infrastructure</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Renovation of "San Ciro" Square</td>
            <td>Portici - Italy</td>
            <td>Urban planning</td>
            <td>Competition / 2nd phase selected / 3rd Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>Renovation of "Umberto I�" Square</td>
            <td>San Ferdinando di Puglia - Italy</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Historic Renovation of the "Corsie Sistine" Hospital Wards </td>
            <td>Rome - Italy</td>
            <td>Culture</td>
            <td>Tender Competition (design/bid/build)</td>
          </tr>
          <tr>
            <td> </td>
            <td>Cupboard</td>
            <td>Rome - Italy</td>
            <td>Furniture design</td>
            <td>Commission / Built</td>
          </tr>
          <tr>
            <td> </td>
            <td>Office table and lighting system</td>
            <td>Rome - Italy</td>
            <td>Furniture design</td>
            <td>Commission / Built</td>
          </tr>
          <tr>
            <td> </td>
            <td>New City Library</td>
            <td>Legnano - Italy</td>
            <td>Library</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Office table</td>
            <td>Rome - Italy</td>
            <td>Furniture design</td>
            <td>Concept Design</td>
          </tr>
          <tr>
            <td> </td>
            <td>Volleyball Arena, Hotel and Commercial Spaces</td>
            <td>Rome - Italy</td>
            <td>Mixed use</td>
            <td>Concept Design</td>
          </tr>
          <tr>
            <td>2007</td>
            <td>New Provincial Archaeological Museum in the Santa Scolastica Monastery</td>
            <td>Bari - Italy</td>
            <td>Culture</td>
            <td>Competition / 5th Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>The City of Water and Health</td>
            <td>Rome - Italy</td>
            <td>Mixed use</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Parkway Iconic Bridge</td>
            <td>Sheffield - UK</td>
            <td>Infrastructure</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Renovation of "Loveno 84" Sport Center</td>
            <td>Menaggio - Italy</td>
            <td>Sport</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>"Guardia di Finanza" Corp Main Headquarters</td>
            <td>Catanzaro - Italy</td>
            <td>Mixed use</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>"Lega Lombarda" Real Estate Complex Urban Development</td>
            <td>Rome - Italy</td>
            <td>Mixed use</td>
            <td>Tender Competition (design/bid/build) </td>
          </tr>
          <tr>
            <td> </td>
            <td>Necklace</td>
            <td>Rome - Italy</td>
            <td>Jewellery design</td>
            <td>Prototype </td>
          </tr>
          <tr>
            <td> </td>
            <td>Moon putter</td>
            <td>Rome - Italy</td>
            <td>Product design</td>
            <td>Prototype</td>
          </tr>
          <tr>
            <td> </td>
            <td>Aleale Coffee Table</td>
            <td>Rome - Italy</td>
            <td>Furniture design</td>
            <td>Concept Design</td>
          </tr>
          <tr>
            <td>2006</td>
            <td>"1st October" Public Square</td>
            <td>Santa Maria Capua Vetere - Italy</td>
            <td>Urban planning</td>
            <td>Competition / 1st Prize / Built</td>
          </tr>
          <tr>
            <td> </td>
            <td>"Attilio Pecile" New Square and Sustainable Mixed Use Building</td>
            <td>Rome - Italy</td>
            <td>Mixed use</td>
            <td>Competition / 1st Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>Renewal of the "Porta Nuova" Old Tower</td>
            <td>Venice - Italy</td>
            <td>Culture</td>
            <td>Competition / 2nd Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>"Meno e pi� 4": Civic Center and Pre-school Building</td>
            <td>Rome - Italy</td>
            <td>Mixed use</td>
            <td>Competition / Mention</td>
          </tr>
          <tr>
            <td> </td>
            <td>Urban Renewal of Historic Building and Public Squares</td>
            <td>Conversano - Italy</td>
            <td>Urban planning</td>
            <td>Competition / 2nd Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>New Seafront and Beach Accesses</td>
            <td>Fregene - Italy</td>
            <td>Urban planning</td>
            <td>Competition / Mention</td>
          </tr>
          <tr>
            <td> </td>
            <td>Requalification of Main Streets and Squares of the Old City Centre</td>
            <td>Bari - Italy</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Gyeonggi-do Jeongok Prehistory Museum</td>
            <td>Jeongok-ri - South Korea</td>
            <td>Culture</td>
            <td>Competition / Honourable Mention</td>
          </tr>
          <tr>
            <td> </td>
            <td>Low-income housing development</td>
            <td>Guadalajara/Ceuta - Spain</td>
            <td>Residential</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Shop extension</td>
            <td>Rome - Italy</td>
            <td>Retail</td>
            <td>Commission / Concept Design</td>
          </tr>
          <tr>
            <td> </td>
            <td>Temporary Concert Hall</td>
            <td>Rome - Italy</td>
            <td>Culture</td>
            <td>Concept Design</td>
          </tr>
          <tr>
            <td> </td>
            <td>Office Space Interior Design - New Seat of the Lombardy Regional Government </td>
            <td>Milan - Italy</td>
            <td>Office</td>
            <td>Tender Competition (design/bid/build)</td>
          </tr>
          <tr>
            <td>2005</td>
            <td>Europan 8 - Urban Requalification</td>
            <td>Istanbul - Turkey</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Natural Park Visitor Center, Kindergarten and Primary School</td>
            <td>Funes - Italy</td>
            <td>Education</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Coastal Area Development</td>
            <td>Latina - Italy</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Requalification of Three Squares</td>
            <td>Benevento - Italy</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Office and Data Center New Building in the Ministry of Defense headquarters</td>
            <td>Rome - Italy</td>
            <td>Office</td>
            <td>Concept Design</td>
          </tr>
          <tr>
            <td>2004</td>
            <td>JCD Floating Pearl Store</td>
            <td>Tokio - Japan</td>
            <td>Retail</td>
            <td>Competition / 2nd phase selected </td>
          </tr>
          <tr>
            <td> </td>
            <td>Requalifications of Rome�s Beachfront and Coastal Areas</td>
            <td>Ostia - Italy</td>
            <td>Urban planning</td>
            <td>Competition / 1st Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>40 Apartments Building and Sport Center</td>
            <td>Rome - Italy</td>
            <td>Mixed use</td>
            <td>Competition / 2nd Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>nMBA New Beaux-Art Museum</td>
            <td>Lausanne - Switzerland</td>
            <td>Culture</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>The Dubai Residence and Hotel Towers</td>
            <td>Dubai - UAE</td>
            <td>Mixed use</td>
            <td>Concept Design</td>
          </tr>
          <tr>
            <td> </td>
            <td>Shoes and Accessories Shop</td>
            <td>Rome - Italy</td>
            <td>Retail</td>
            <td>Commission / Concept Design</td>
          </tr>
          <tr>
            <td>2003</td>
            <td>Pedestrian and cycling Bridge </td>
            <td>Rome - Italy</td>
            <td>Infrastructure</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Temporary Pavillion for a Car Show</td>
            <td>Rome - Italy</td>
            <td>Retail</td>
            <td>Commission / Concept Design</td>
          </tr>
          <tr>
            <td> </td>
            <td>Belvedere Tower</td>
            <td>Castellammare di Stabia - Italy</td>
            <td>Infrastructure</td>
            <td>Concept Design</td>
          </tr>
        </tbody>
      </table>
    </div>
</div>
</div>
</body>
</html>

#apDiv2 {
    position: absolute;
    width: 698px;
    height: 299px;
    z-index: 1;
    left:50px;
    top: 117px;
    overflow: scroll;
Don't forget to fix your code errors. You're still missing a <body> tag in your markup.
Nancy O.

Firefox wont put border around image

Hi
Ive created a intro page for my new blog
www.saltalamacchia.co.uk
The problem I am having is that in firefox it isnt putting
the containers border around the image.
All's fine in IE. I can get arount it by putting a footer div
in and making the image its background.
However thats not the way I want to do it.
Any ideas as to how I can correct this for firefox. ie an
image in a container while still maintaining the containers border
Thanks in advance
Carlo

Should work: wrap everying (content and footer) inside an
outer wrapper div
and place a border on that instead.
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
CSS Tutorials for Dreamweaver
http://www.adobe.com/devnet/dreamweaver/css.html
"Softpages" <[email protected]> wrote in
message
news:esfh01$dln$[email protected]..
> Hi
> Ive created a intro page for my new blog
> www.saltalamacchia.co.uk
> The problem I am having is that in firefox it isnt
putting the containers
> border around the image.
> All's fine in IE. I can get arount it by putting a
footer div in and
> making
> the image its background.
> However thats not the way I want to do it.
>
> Any ideas as to how I can correct this for firefox. ie
an image in a
> container while still maintaining the containers border
> Thanks in advance
> Carlo
>

How to add a Border around an ImageView

Hi all,
I'm adding a row of photos in my application which are being resized to fit into some constrained space with Preserve Ratio true. They are put in a TilePane, with a Label below each photo.
Basically, I give all my ImageViews a fitHeight of 120 pixels, and let them determine how wide they will become themselves in order to preserve the ratio.
It looks great.
However, I would like to add a Border around these images, as they sometimes fade too much into the background to clearly see the edges. ImageViews themselves donot support borders, so I'm forced to wrap these ImageViews inside another container.... but, no matter what container I use, the container itself refuses to resize itself to fit exactly around the image -- it seems to be completely oblivious of the real size of the Image -- with some parameters the ImageView will simply render itself outside the edges of its container, and with other parameters the container is wider than the ImageView leaving a gap on the right side.
This is yet another instance where I want my ImageViews to resize themselves to fit the available space, resulting in a huge struggle to force these components into their proper straight-jacket. Anyone got any solutions for this?

I'm afraid that also won't work, as the Image needs to be scaled, and the dimensions you are using are from the unscaled image.
I've however am now using this class to get what I want, together with a stylesheet to specify the border it works and I get nice borders.
package hs.mediasystem.util;
import javafx.beans.property.BooleanProperty;
import javafx.beans.property.ObjectProperty;
import javafx.beans.property.SimpleObjectProperty;
import javafx.geometry.Bounds;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Node;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.Region;
import javafx.scene.layout.StackPane;
public class ScaledImageView extends Region {
private final ImageView imageView = new ImageView();
private final StackPane effectRegion = new StackPane();
private final ObjectProperty<Pos> alignment = new SimpleObjectProperty<>(Pos.TOP_LEFT);
public ObjectProperty<Pos> alignmentProperty() { return alignment; }
public final Pos getAlignment() { return this.alignment.get(); }
public final void setAlignment(Pos pos) { this.alignment.set(pos); }
public ScaledImageView(Node placeHolder) {
    getChildren().add(imageView);
    getChildren().add(effectRegion);
    getStyleClass().add("scaled-image-view");
    effectRegion.getStyleClass().add("image-view");
    if(placeHolder != null) {
      effectRegion.getChildren().add(placeHolder);
      placeHolder.getStyleClass().add("place-holder");
      placeHolder.visibleProperty().bind(imageView.imageProperty().isNull());
public ScaledImageView() {
    this(null);
@Override
protected void layoutChildren() {
    Insets insets = effectRegion.getInsets();
    double insetsWidth = insets.getLeft() + insets.getRight();
    double insetsHeight = insets.getTop() + insets.getBottom();
    imageView.setFitWidth(getWidth() - insetsWidth);
    imageView.setFitHeight(getHeight() - insetsHeight);
    layoutInArea(imageView, insets.getLeft(), insets.getTop(), getWidth() - insetsWidth, getHeight() - insetsHeight, 0, alignment.get().getHpos(), alignment.get().getVpos());
    Bounds bounds = imageView.getLayoutBounds();
    effectRegion.setMinWidth(bounds.getWidth() + insetsWidth);
    effectRegion.setMinHeight(bounds.getHeight() + insetsHeight);
    effectRegion.setMaxWidth(bounds.getWidth() + insetsWidth);
    effectRegion.setMaxHeight(bounds.getHeight() + insetsHeight);
    layoutInArea(effectRegion, 0, 0, getWidth(), getHeight(), 0, alignment.get().getHpos(), alignment.get().getVpos());
@Override
protected double computePrefWidth(double height) {
    return 0;
@Override
protected double computePrefHeight(double width) {
    return 0;
public final ObjectProperty<Image> imageProperty() { return imageView.imageProperty(); }
public final Image getImage() { return imageView.getImage(); }
public final void setImage(Image image) { imageView.setImage(image); }
public final BooleanProperty preserveRatioProperty() { return imageView.preserveRatioProperty(); }
public final boolean isPreserveRatio() { return imageView.isPreserveRatio(); }
public final void setPreserveRatio(boolean preserveRatio) { imageView.setPreserveRatio(preserveRatio); }
public final BooleanProperty smoothProperty() { return imageView.smoothProperty(); }
public final boolean isSmooth() { return imageView.isSmooth(); }
public final void setSmooth(boolean smooth) { imageView.setSmooth(smooth); }
}

Can't get rid of white border around image

http://www.gunnar.ca/laminatepage2.htm
I created a rounded corner in photoshop for my table. I
created a cell in the bottom left corner of the table and placed
the gif. There is a thin whit border around the outer edge of the
gif, so it doesn't look genuinely rounded. Can anyone tell me how
to get rid of that so it looks like the table is actually rounded?
Thank you!

Because the table containing the GIF has a border. In your
styleA.css
stylesheet, the rule:
.border {
border: 1px solid #E5E5E5;
adds a border to the table. Delete the rule. Of course - that
may affect
other things that use the .border class. Or - delete the
class from the
table tag.
Several problems with the page:
styles.css cannot be found
sideNavStyles.css cannot be found
34 vaildation errors:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.gunnar.ca%2Flaminatepage2.htm
Alec
Adobe Community Expert

I can't get rid of this blue border around my artwork after it's published to the web

I can't get rid of this blue border around my artwork after it's published to the web

That did not work.
Here's where I put it. The blue bordeer still show up around the large rectangular image.
<!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" />
<title>Ray Bros., Inc.</title>
<style type="text/css">
@import url("PopupMenuC.css");
@import url("PopupMenuB.css");
@import url("PopupMenu1.css");
body {
          margin-left: 00px;
          margin-top: 00px;
          margin-right: 00px;
          margin-bottom: 00px;
          text-align: center;
a img {border:none}
.Arial {
          font-family: Arial, Helvetica, sans-serif;
.Arial {
          font-size: 10px;
.Arial {
          font-size: 12px;
.Arial .Arial {
          font-size: 14px;
</style>
<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
</head>
<body>
<table width="1080" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td height="279" align="center" valign="top"><div id="FWTableContainer1818523225"> <img name="PopupMenuC" src="PopupMenuC.jpg" width="1082" height="279" id="PopupMenuC" usemap="#m_PopupMenuC" alt="" />
      <map name="m_PopupMenuC" id="m_PopupMenuC">
        <area shape="rect" coords="899,240,1064,265" href="index-new.html" alt="" />
        <area shape="rect" coords="679,240,844,265" href="index-new.html" alt="" />
        <area shape="rect" coords="460,240,625,265" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0525123758_0', 'MMMenu0525123758_0',485,265,'PopupMenuC');" />
        <area shape="rect" coords="241,240,406,265" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0524224504_0', 'MMMenu0524224504_0',262,265,'PopupMenuC');" />
        <area shape="rect" coords="22,240,187,265" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0524221503_1', 'MMMenu0524221503_1',46,265,'PopupMenuC');" />
      </map>
      <div id="MMMenuContainer0525123758_0">
        <div id="MMMenu0525123758_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="index-new.html" id="MMMenu0525123758_0_Item_0" class="MMMIFVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> RBI-NS100 </a> <a href="index-new.html" id="MMMenu0525123758_0_Item_1" class="MMMIVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> RBI-M100 </a> <a href="index-new.html" id="MMMenu0525123758_0_Item_2" class="MMMIVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> RBI-100 </a> <a href="index-new.html" id="MMMenu0525123758_0_Item_3" class="MMMIVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> Color Charts </a> </div>
      </div>
      <div id="MMMenuContainer0524224504_0">
        <div id="MMMenu0524224504_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="index-new.html" id="MMMenu0524224504_0_Item_0" class="MMMIFVStyleMMMenu0524224504_0" onmouseover="MM_menuOverMenuItem('MMMenu0524224504_0');"> RBI-5V </a> <a href="index-new.html" id="MMMenu0524224504_0_Item_1" class="MMMIVStyleMMMenu0524224504_0" onmouseover="MM_menuOverMenuItem('MMMenu0524224504_0');"> RBI Low Profile AGG </a> <a href="index-new.html" id="MMMenu0524224504_0_Item_2" class="MMMIVStyleMMMenu0524224504_0" onmouseover="MM_menuOverMenuItem('MMMenu0524224504_0');"> Color Charts </a> </div>
      </div>
      <div id="MMMenuContainer0524221503_1">
        <div id="MMMenu0524221503_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="index-new.html" id="MMMenu0524221503_1_Item_0" class="MMMIFVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> RBI-MT240 </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_1" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> RBI-200 </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_2" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> RBI-175 </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_3" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> R-Panel </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_4" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> Color Charts </a> </div>
      </div>
    </div></td>
</tr>
<tr>
    <td valign="top"><p><br />
    </p></td>
</tr>
<tr>
    <td> </td>
</tr>
<tr>
    <td> </td>
</tr>
<tr>
    <td>...</td>
</tr>
<tr>
    <td> </td>
</tr>
</table>
</body>
</html>

White border around images in Easy Rotator

I would like for there to be a small white border around my images when i put them into easy rotator. I really just want there to be about a 5 px space around them that is really just the background. I cant seem to find the right place in the code to make the div that holds the background color... which is white...to make it have like a 5 px padding..
or even make a 5 px margin around all images.
I even tried to place the border around my images when placing them in the rotator but the top still pushed all the way up and there was only the white space on the left right and obviously the bottom where the dots are that shows which number slide I am on.
Where in the code will I find this so I can manipulate it... thanks again for always helping
avery

Without a link, it's all guesswork.
Use Chrome or Firefox to preview your page. Right Click and select Inspect Elements. This should give you some idea of which CSS selectors are used by Easy Rotator.
Nancy O.

Dynamic Border around image

hi there,
i have a main flash movie (main.fla) which has images placed
on the screen.
Each image has an invisible button placed on it.. (ie: the
button has only
the hitarea defined and no rollover, down etc.)
NOTE: that the images are different in sizes. hence they have
different
width and height.
I tried making a movieclip of 200 x 200 in size with a 1px
border around it
and dynamically making it adjust to the width and height of
the images. BUT
i seem to be hacing the following problem-
1) for images that are larger in size than the border
movieclip.. the border
tends to thicken.
2) for images that are smaller than the border movieclip..
the border tends
to get more thinner
Required-
OnRollover of an image.. it should have a border around it,
inorder to
highlite the selected image. Lets say, a 1px border and red
in color. How do
i achieve this?
Would really appreciate if someone would provide a simple
code to achieve
this as i am not used to programming.
Please help..
thanx

yep, thats cause when you stretch your mc the lines will
stretch with it.
if you are using flash 8, use the 9slice guides.
for the mc that contains your border go into the preferances,
and you will find a check box for the 9slice thingy (technical
term)
check that, then double click on the library symbel to edit
it.
you will find flash has drawn four dashed lines.
move these so that they mark the inward edge of your borders.
basically the area inside these guides stretches normally
the corners don't stretch
and the edges stretch either horizonally or vertically
for more info look in the help.
oh, and don't transform (rotate skew etc) your mc once on the
stage or you'll loose your slices...
best

Black border around hotspots in Image map?

I have an image map in my HTML file that contains three
circular hotspots. When they're viewed in a browser, each one has a
black border around it after it's clicked on. I've seen other help
threads on the border problem talk about putting 'border:none" in
the IMG tag, but there's no IMG tag..it's an image map and border
is already set to "0". The code is below:
<map name="satelliteLinks">
<area shape="circle" coords="94,64,41" href="
http://gi.leica-geosystems.com/LGISub5x307x0.aspx"
target="_self" />
<area shape="circle" coords="297,51,48" href="
http://www.erdas.com/erdasCompanyNews.aspx"
target="_self" />
<area shape="circle" coords="517,59,43" href="
http://www.erdas.com"
target="_self" />
</map>
Any suggestions would be very helpful as my deadline to have
this complete is today!!

jgleica wrote:
> I have an image map in my HTML file that contains three
circular hotspots. When
> they're viewed in a browser, each one has a black border
around it after it's
> clicked on. I've seen other help threads on the border
problem talk about
> putting 'border:none" in the IMG tag, but there's no IMG
tag..it's an image map
> and border is already set to "0". The code is below:
> <map name="satelliteLinks">
> <area shape="circle" coords="94,64,41"
> href="
http://gi.leica-geosystems.com/LGISub5x307x0.aspx"
target="_self" />
> <area shape="circle" coords="297,51,48"
> href="
http://www.erdas.com/erdasCompanyNews.aspx"
target="_self" />
> <area shape="circle" coords="517,59,43" href="
http://www.erdas.com"
> target="_self" />
> </map>
>
> Any suggestions would be very helpful as my deadline to
have this complete is
> today!!
>
Thats the way the web works, its an accessibility feature, as
its how
you can tab around the page and see where the links are. Look
at any
website, click the link, and see what happens.
Steve

Black border around entire design

I would like to make a black thin border around my entire design but the page is made of a table with atleast 6 rows and lots of different images. I don't think the border should be stagnant as the design changes from page to page. Check outjuliakuskin.com/jk2/home.html. Can someone please tell me how I can do this? In CSS? Thank you.
-Julia

You can use a wrapper division around anything and then set the css border attributes to the kind, size and color you want for that border. Just set an ID for the div so you know where it is being used
Remember for this list that the space after less than < symbol must be removed for the code to work in your files, the following is just a sample of generally how it would look
< div id="wrappertable">
< table width="180" border="1" cellspacing="2" cellpadding="0">
< tr>
< td></td>
< /tr>
< /table>
< /div>
Then in your css editor
make a div statement called wrappertable
and set the css like you want it.

Border around container div

Similar Messages

Maybe you are looking for