1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How can i make this content box align to the right of the layer?

Discussion in 'CSS' started by kev269, Aug 9, 2006.

0
  1. #1
    Hi,

    I have a content box inside a layer in Dreamweaver and I want to be able to align this content box to the right hand side of the layer, rather than on the left side. Is it possible to do this?

    Here is the code:
    
<head>
<style type="text/css">
.xsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #d76f0a;
}
.xsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background:transparent; 
width:180px; 
float:left; 
margin-right:10px;
}
.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #d76f0a; 
border-right:1px solid #d76f0a;
}
.xb1 {
margin:0 4px;
background:#d76f0a;
}
.xb2 {
margin:0 3px; 
border-width:0 1px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}
.xboxcontent {
display:block; 
background:#fff; 
border:0 solid #d76f0a; 
border-width:0 1px;
}

.color_a {
background:#f69b43;
color:#fff;
}
.color_b {
background:#d76f0a; 
color:#000;
}
.color_c {
background:#758279;
color:#fff;
}

</style>
</head>

<body>
<div id="Layer9" style="position:absolute; width:176px; height:115px; z-index:8; left: 332px; top: 157px;"> 
  <div align="center" class="xsnazzy"> <b class="xtop"><b class="xb1"></b><b class="xb2 color_a"> 
    </b><b class="xb3 color_a"></b><b class="xb4 color_a"></b></b> 
    <div align="center" class="xboxcontent"> 
      <h1 align="center" class="color_a"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Shopping 
        Basket</font></h1>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
    </div>
    <b class="xbottom"><b class="xb4"></b><b class="xb3"></b> <b class="xb2"></b><b class="xb1"></b></b> 
  </div>
</div>
</body>
    Code (markup):

     
    kev269, Aug 9, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    You posted this question 20 minutes earlier on Devshed. Since you're already getting help there, people here are having their time wasted. Cross posting is impolite.

    gary
     
    kk5st, Aug 9, 2006 IP