layers without AP div tags?

Similar Questions

• Images inside div tags appear broken

  I don't have a ton of experience in the use of div tags, but I'm learning and have met a "roadblock". Search for an answer to these days, I'm not finding exactly what I live... I'm looking on the forum for help and advice.

  So I designed a layout with divs. When I preview the design of in Dreamweaver, the site appears flawelssly in Safari, Firefox and Chrome - everything seems perfect, and there is no broken images. But as soon as I download all my files on my server dev online - it's where things go wrong and I see broken images. But the broken images are not consistent. Some look perfectly while others are broken. I do not understand why an image appears while another image is not, I used the same approach on each div I built. I know that my image paths are correct, then this isn't the problem... which leads me to believe that I have something wrong in my code div itself. But being new to the div... I do not see where I was wrong. I have not used 'float' correctly? Has not used to position correctly? I am very confused and frustrated at this point and I really want to come back to the use of tables... any help will be grately appreciated.

  Here is the site on my dev server: http://studio2adv.com/dev/mignognacollision/

  Here is my css:

  @charset "UTF-8";

  / * CSS document * /.

  / * = Global properties START = * /.

  {body

  background-color: #e9cb9c;

  Width: auto;

  height: 100%;

  margin: 0 auto;

  do-family: Verdana, Geneva, without serif.

  do-size: 12px;

  line-height: 1.4em;

  Color: #000;

  }

  HTML {}

  background: #e9cb9c;

  margin: 0 auto;

  padding: 0;

  outline: 0;

  vertical-align: left top;

  do-size: 100%;

  }

  . Container {}

  margin: 0 auto;

  Width: 1000px;

  height: inherit;

  background-color: #fff;

  }

  #header {}

  Width: 956px;

  height: 125px;

  margin: 0 auto;

  vertical-align: middle;

  background-color: #fff;

  }

  {#footercontainer}

  Width: 956px;

  height: 67px;

  margin: 0 auto;

  border-top-style: solid;

  border-right-style: none;

  border-bottom-style: solid;

  border-left-style: none;

  border-color: orange;

  background-color: #fff;

  }

  {#footercontainer2}

  Width: 956px;

  height: 55px;

  margin: 0 auto;

  background-color: #005baa;

  }

  {#endtag}

  margin: 0 auto;

  Width: 956px;

  height: 70px;

  background-color: #fff;

  }

  / * = Global properties END = * /.

  /* ==================== Start header ========================== */

  {.header1}

  float: left;

  Width: 70%;

  Padding: 50px 0px 0px 0px;

  }

  {.header2}

  float: left;

  Width: 12%;

  padding: 20px 0px 0px 0px;

  }

  {.header3}

  float: left;

  Width: 18%;

  padding: 10px 0px 0px 0px;

  }

  /* ==================== END header ========================== */

  /* ==================== Text ========================== */

  {.topphone}

  do-family: Verdana, Geneva, without serif.

  do-size: 16px;

  make-weight: bold;

  color: #005baa;

  text-align: right;

  vertical-align: top of the text;

  }

  H1 {}

  do-family: Verdana, Geneva, without serif.

  do-size: 18px;

  make-style: italic;

  color: #f7931e;

  text-align: left;

  line-height: 1.5em;

  }

  H2 {}

  do-family: Verdana, Geneva, without serif.

  font-size: 15px;

  make-style: italic;

  Police-weight: normal;

  color: #005baa;

  }

  H3 {}

  do-family: Verdana, Geneva, without serif.

  do-size: 12px;

  color: #f7931e;

  }

  {#preferredtext}

  do-family: Verdana, Geneva, without serif.

  do-size: 9px;

  text-align: center;

  Color: #000;

  }

  . FooterText {}

  do-family: Verdana, Geneva, without serif.

  do-size: 10px;

  color: #fff;

  }

  {p.footerendtag}

  do-family: Verdana, Geneva, without serif.

  do-size: 10px;

  Color: #000;

  text-align: center;

  }

  {p.testimonials}

  do-family: Verdana, Geneva, without serif.

  do-size: 14px;

  make-style: italic;

  Color: #000;

  text-align: left;

  }

  . Blue {}

  do-family: Verdana, Geneva, without serif.

  do-size: 14px;

  make-style: italic;

  make-weight: bold;

  color: #005baa;

  text-align: left;

  }

  {.listorange}

  color: #f7931e;

  }

  {.listblack}

  Color: #000;

  }

  {.listboldblack}

  make-weight: bold;

  Color: #000;

  }

  /* ==================== END Text ========================== */

  /* ==================== DIVs ========================== */

  {#topphone}

  Width: 670px;

  height: 30px;

  float: right;

  padding: 0px 0px 19px 265px;

  position: top of the page.

  }

  {.homefloatleft}

  Width: 143px;

  height: 195px;

  float: left;

  padding: 0px 0px 0px 22px;

  }

  {.homefloatmiddle}

  Width: 585px;

  height: inherit;

  float: left;

  padding: 0px 15px 0px 15px;

  }

  {.homefloatright}

  Width: 198px;

  height: auto;

  float: right;

  padding: 22px 0px 0px 0px;

  }

  {.aboutfloatmain}

  Width: 752px;

  height: 195px;

  float: left;

  padding: 0px 0px 0px 22px;

  }

  {.aboutfloatleft}

  Width: 250px;

  height: 245px;

  float: left;

  padding: 0px 0px 0px 22px;

  }

  {.aboutfloatmiddle}

  Width: 442px;

  height: inherit;

  float: left;

  padding: 0px 15px 0px 15px;

  }

  {.gsfloatleft}

  Width: 228px;

  height: 245px;

  float: left;

  padding: 0px 0px 0px 22px;

  }

  {.gsfloatmiddle}

  Width: 480px;

  height: inherit;

  float: left;

  padding: 0px 15px 0px 15px;

  }

  {.adfloatleft}

  Width: 250px;

  height: 245px;

  float: left;

  padding: 0px 0px 0px 22px;

  }

  {.adfloatmiddle}

  Width: 450px;

  height: inherit;

  float: left;

  padding: 0px 15px 0px 15px;

  }

  {.formfloatleft}

  Width: 80px;

  height: 245px;

  float: left;

  padding: 0px 0px 0px 22px;

  }

  {.formfloatmiddle}

  Width: 750px;

  height: 1200px;

  float: left;

  padding: 0px 15px 15px of 20px;

  }

  {.formfloatright}

  Width: 50px;

  height: auto;

  float: right;

  padding: 22px 0px 0px 0px;

  }

  {.clearfloat}

  Clear: both;

  }

  /* ==================== END DIVs ========================== */

  /* ==================== Start main nav ========================== */

  {#navlist}

  Width: 956px;

  }

  #navcontainer ul {}

  padding-left: 0px;

  left margin: 0px;

  background-color: #005baa;

  color: white;

  float: left;

  Width: 100%;

  do-family: Verdana, Geneva, without serif.

  }

  #navcontainer ul li {display: inline ;}}

  #navcontainer ul li a {}

  Padding: .7em 3.5em;

  background-color: #005baa;

  color: white;

  text-decoration: none;

  float: left;

  border-left: 1px solid #fff;

  }

  #navcontainer ul li a: active {}

  background-color: #f7931e;

  color: #fff;

  }

  #navcontainer ul li a: hover {}

  background-color: #f7931e;

  color: #fff;

  }

  #navcontainer ul li a: selected {}

  background-color: #f7931e;

  color: #fff;

  }

  /* ==================== END main nav ========================== */

  / * = Start slideshow = * /.

  {.rslides}

  position: relative;

  list-style: none;

  overflow: hidden;

  Width: 100%;

  padding: 0;

  margin: 0;

  }

  .rslides li {}

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  Width: 100%;

  left: 0;

  top: 0;

  }

  .rslides li: first - child {}

  position: relative;

  display: block;

  float: left;

  }

  .rslides img {}

  display: block;

  height: auto;

  float: left;

  Width: 100%;

  border: 0;

  }

  /* ==================== End Slideshow ========================== */

  /* ==================== Start footer ========================== */

  {#footer1}

  float: left;

  Width: 12%;

  padding: 20px 20px 0px 20px;

  }

  {#footer2}

  float: left;

  Width: 24%;

  padding: 20px 0px 0px 0px;

  }

  {#footer3}

  float: left;

  Width: 60%;

  padding: 10px 0px 0px 0px;

  }

  {#footer4}

  float: left;

  Width: 55%;

  padding: 0px 0px 0px 10px;

  }

  {#footer5}

  float: right;

  Width: 40%;

  padding: 0px 10px 0px 0px;

  }

  {a.footerendtag:Link}

  color: #005baa;

  text-decoration: underline;

  }

  {a.footerendtag: active}

  color: #f79122;

  text-decoration: underline;

  }

  {a.footerendtag:hover}

  color: #f79122;

  text-decoration: underline;

  }

  {a.footerendtag:visited}

  color: #005baa;

  text-decoration: underline;

  }

  {#footercurrentlink}

  color: #f79122;

  text-decoration: underline;

  }

  /* ==================== END footer ========================== */

  Check that the images are not damaged and were saved for web RGB and CMYK not.

  Nancy O.

• div tag

  I have an index.cfm which uses the dic to have the browser on the left and content on the right with a header and a footer.

  The left float div tag and the right float works in index.cfm.

  I want to place a Login.cfm on header and use the tag div, but the label title and invites always vertical connection, but not float left and right.

  Here is my code

  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 > < /title > header form

  
  "" < link href = "... / Styles/MyCSS.css" rel = "stylesheet" type = "text/css" / >
  < / head >

  < body >
  < cfform >
  < div class = "container" >
  < div class = "HomeTitle >"
  < table border style = "hidden" >
  < b >
  < td border-style = "hidden" >
  
  "< cfinput type ="image"name ="Logo"class ="logo"id ="logo1"dir ="ltr"lang ="en"src="/GBS/Apps/Image/MyImage.png "alt ="Image ".

  align = "top" width = "50" height = "60" hspace = "50" hspace = "20" >
  < table >

  < td border-style = "hidden" >
  
  < label for = class "Title" = "GBStitle" > GBS America region Home Page < / label >
  
  < table >
  < /tr >
  < /table >
  < / div >
  < div class = "Login" >
  "< model CFINCLUDE ="... / Commmon/Login.cfm ">"
  <!-end.-> connection
  < / div >
  < / div >
  < / cfform >

  < / body >
  < / html >

  / * CSS document * /.
  {GBStitle}
  font-size: 10cm;
  do-family: Verdana, Geneva, without serif.
  background-color: #ADB96E;
  background-repeat: repeat;
  position: relative;
  visibility: inherit;
  color: #C00;
  text-decoration: underline;
  make-weight: bold;
  Width: 200px;
  }

  }
  . {HomeTitle}
  float: left;
  Width: 500px;
  background-color: #ADB96E;
  }

  . {Login
  do-family: Verdana, Geneva, without serif.
  background-color: #FFF;
  float: right;
  Width: 500px;
  }

  . Container {}
  Width: 1024px;
  background-color: #FFF;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  left margin: auto;
  }

  I use the Dreamweaver template to create this file, I think that model Dreamweaver using the.

  Certainly not. But anyway, the two elements to be floated next to each other must be in the same container.

• Web design with AP div tags

  Hello Dreamweavers

  I am currently a tutorial, and the instructor is to design an entire web site using tags DIV PA, but not only that it deploys the % adding reagent website PA divs.

  I know that this method is wrong. I saw an other tutorials of instructors who said to keep away from this type of layout. But in this case, it seems to work well.

  PA DIV tags do not all mumbo jumbo and appear as a result remain in their positions without overlapping and causing a disaster page layout.

  So my question is why does he choose DIVS PA rather than the traditional div? would it be the tutorial I'm following are for the accelerated course of an easy start "how to build your first web site.

  Thus, it is the omission of the DIV TAGS, because its more difficult to explain how they work with CSS and the driftwood and margins and padding that lights etc?

  Thank you.

  Lynda.com library grew these last few months to include videos from other video tutorial companies.  A few black sheep may have slipped into the barrel.  Honestly, I don't know if any criteria Lynda uses for the revision of the content acquired in a merger.

  This 5-part tutorial covers a lot of material.  Well worth doing.

  Create your first web site in DW-

  http://www.Adobe.com/devnet/Dreamweaver/articles/first_website_pt1.html

  Nancy O.

• Div tags do not align

  I can't get my div tags to align correctly.  I have a DIV set to float left and the other right float.  I can get the first set of work, but as soon as I add in another series, they both float left.  I played around with the margins, borders and padding and nothing seems to work.  Here is the code:

  < style type = "text/css" >
  {.pageborder}
  Width: 795px;
  height: 1000px;
  border: medium solid #008478;
  do-family: Verdana, Geneva, without serif.
  do-size: 10pt;
  }
  {.prodboxleft}
  do-family: Verdana, Geneva, without serif.
  do-size: 10pt;
  background-color: #76c6be;
  text-align: left;
  Width: 369px;
  float: left;
  height: 150px;
  border: medium dashed #008478;
  top of the margin: 5px;
  right margin: 5px;
  margin-bottom: 5px;
  left margin: 12px;
  padding: 0px;
  }
  {.prodboxright}
  do-family: Verdana, Geneva, without serif.
  do-size: 10pt;
  background-color: #76c6be;
  text-align: left;
  Width: 369px;
  float: right;
  height: 150px;
  border: medium dashed #008478;
  top of the margin: 5px;
  right margin: 12px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  }
  < / style >
  < / head >

  < body >
  < div class = "pageborder" > < div class = "prodboxleft" > content of class "prodboxleft" goes here < / div >
  < div class = "prodboxright" > content of class "prodboxright" goes here < / div >
  < div class = "prodboxleft" > content of class "prodboxleft" goes here < / div >
  < div class = "prodboxright" > content of class "prodboxright" goes here < / div >
  < div class = "prodboxleft" > content of class "prodboxleft" goes here < / div >
  < div class = "prodboxright" > content of class "prodboxright" goes here < / div >
  < / div >

  You are welcome.

  When you get a chance, please mark "compensation float" as the correct answer.  It helps others who might find this thread in the forum search.

  Nancy O.

• Dreamweaver cs5.5 - div tags don't float next to eachother

  I'm trying to get 2 div tags to float next to each other for hours! I've been playing with the float and messing around with the margins, but what ever I don't the div is always somewhat my another div tag I want that they completely off. I tried to change the top and bottom margins, but that does not work either. How can I get them side by side? We call it "textbox" and the other "imagewrapper". The code is:

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 > Untitled Document < /title >

  < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "

  < link href = "SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "

  < link hand. CSS"rel ="stylesheet"type =" text/css"/ >

  < link href = "style2.css" rel = "stylesheet" type = "text/css" / > "

  <!-integrated styles for this page only-->

  < style type = "text/css" >

  {body

  margin: 0;

  padding: 0;

  font: 1em/1.5 ' Lucida without ","Lucida Sans Unicode ";

  }

  {#wrapper}

  Width: 1064px;

  margin: 0 auto; / * with width, this centers on screen page * /.

  Background: #FFF;

  text-align: center;

  }

  / * This styles image container * /.

  #thumbs p {}

  float: center;

  Width: 50px;

  height: 75px;

  / * This text caption styles * /.

  font: 14px italic/1.5 Geneva, Arial, Helvetica, without serif.

  color: #666;

  text-align: center;

  border: 1px solid silver;

  margin-top: 10px;

  right margin: 5px;

  margin-bottom: 18px;

  margin-left: 5px;

  }

  / * recommend using images of even size * /.

  #thumbs img {}

  Width: 50px; / * adjust the width to the photo * /.

  height: 75px; / * to the picture height adjustment * /.

  / * CSS3 drop shadows * /.

  -moz-box-shadow: 5px 5px 5px #666;

  -webkit-box-shadow: 5px 5px 5px #666;

  -khtml-box-shadow: 5px 5px 5px #666;

  box-shadow: 5px 5px 5px #666;

  }

  / * float clearing * /.

  #thumbs: after {}

  Display: block;

  visibility: hidden;

  height: 0;

  do-size: 0;

  content: "";

  Clear: left;

  }

  #wrapper #thumbs #imagewrapper {}

  height: 362px;

  Width: 280px;

  float: right;

  right margin: 720px;

  }

  #wrapper #thumbs #imagewrapper img {}

  height: 362px;

  Width: 280px;

  }

  {#wrapper #textbox}

  float: right;

  height: 300px;

  Width: 600px;

  right margin: 70px;

  }

  {.clearing}

  Clear: left;

  height: px;

  Width: 100%;

  }

  < / style >

  < / head >

  < body >

  < div id = 'wrapper' >

  < img src = "photos/header.png product and site" width = "1064" height = "116" alt = "header" / >

  <! - start menu - >

  < ul id = "MenuBar1" class = "MenuBarHorizontal" >

  < li > < a href = "#home.html" > home < /a > < /li >

  < li > < a href = "#" class = "MenuBarItemSubmenu" > shop < /a > < ul >

  < li > < a href = "#" class = 'MenuBarItemSubmenu' > women < /a > < ul >

  < li > < a href = "bwt.html" > top < /a > < /li > ""

  < li > < a href = "bws.html" > skirts/Shorts < /a > < /li > ""

  < li > < a href = "bwl.html" > pants/Leggings < /a > < /li >

  < li > < a href = "bwa.html" > Accessories < /a > < /li > ""

  < li > < a href = "bwd.html" > dresses < /a > < /li > < /ul > < /li > ""

  < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > men

  < ul >

  < li > < a href = "#" > Tops < /a > < /li >

  < li > < a href = "#" > money < /a > < /li >

  < li > < a href = "#" > Accessories < /a > < /li >

  < /ul >

  < /li >

  < li > < a href = "#" > semi Unique < /a > < /li >

  < /ul >

  < /li >

  < li > < a class = "MenuBarItemSubmenu" href = "#" > T-shirt Shop < /a > < ul >

  < li > < a href = "t-shirt shop.html" > men < /a > < /li >

  < li > < a href = 't-shirt shop.html' > women < /a > < /li >

  < li > < a href = "t-shirt shop.html" > single < /a > < /li >

  < /li > < /ul >

  < li > < a href = "clearance.html" > release < /a > < /li > ""

  < li > < a href = "#" > on < /a > < /li >

  < /ul >

  < h2 > < / h2 >

  < div id = "textbox" > < / div >

  < div id = "thumbs" >

  < div id = "imagewrapper" > < / div >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  <! - end wrapper - > < / div >

  < hr align = "center" size = "10" noshade = "noshade" class = "clear" color = "#999999" / >

  < div align = "left" > & copy; 2012, your footer text goes here < / div >

  < / div >

  < script type = "text/javascript" >

  var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})

  < /script >

  < / body >

  < / html >

  I made a sample for you here: http://forwardfocus.in/sandbox/leftrightfloat/

• Transfer of div tags PA with their content to another html file

  I'm kinda a newbie, I created my first website in depth and having a problem with the AP div tags.
  Initially, I created a template and used this model to create all my html code of the pages of content for the site.

  Now, I had to make changes to certain items and rather than clicking on each html file and this change, I wonder if there is a better way.

  I know that I can insert tags div of my stylesheet css to another html file but the problem is that it simply inserts the div without the content.  Is there a way to bring in a div, including all the

  content that is inside the div?

  Thank you very much

  Jason

  I am not good with code, I mostly do work that in design, so I don't know what to do with this...

  This will have to change if you're not bloody your forehead every day it bumping on the desktop.

  What is a div?

  It's a plan that contains elements (divs, images, forms, tables, etc., with CSS).

  How do I get this in Dreamweaver?

  View source in your browser.  Copy all.  In DW create an empty HTML page, click on mode code, select all and then paste.  You now have it in DW.  Review the code and CSS.  See if you can figure out what to do.

• Problem with the AP div tags... Help, please!

  I am very new to web design, and I learn a LOT here!

  So I created a Web site and did the layout with the AP div tags, not knowing exactly what they were, but at the point where they seem to give me the results I wanted...

  Now after all download and realize that it does not the way I expected, and did some research more than I understand they are the divs "absolute positioning", which is why most of my images and text don't stay centered with the main box when I view the page in a browser.

  Rather than repeat everything, I found this another option during a search: wrapping all AP divs in another that has the right properties (related lines of position and auto). I tried on a test page and it worked, but I tried exactly the same with one of my models and it does not work.

  Basically, I added a < div id = 'name here' > just below the < body > tag

  and then a < / div > just above of the < / body > tag

  then he gave a new style CSS (position: relative and margin: auto)

  Is someone can you please tell me why it does not work on my models? Or if you have a better solution to ensure that everything remains focused on my pages, I am totally open.

  (Please keep in mind, I know very little coding)

  Is my website: http://blissfullyeverafter.org/

  Thanks in advance!

  Basically, I added a

  just below of thetag

  and then a

  just above the tag

  then he gave a new style CSS (position: relative and margin: auto)

  A div tag is a block tag.  Tags block fill the width of their container.  Without attributing this div a width explicitly, it will extend from the left margin of the viewport to the right margin.  You can't focus such a tag!   The solution is to assign it a width.  Then the car to the left and right margins will kick in and cause its Center as you wish.

• alignment with the &lt; div &gt; tags

  I am having trouble getting my 3rd < div > tag align (id = flash). It is left in line with the edge of the tag '#content' < div >. Essentially left alignment on the edge of my centered layout. Here is my code, anyone can have an idea on what I'm missing? I am new to do not use tables.

  Thank you

  < head >
  < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"
  < Title > page < /title >
  < style type = "text/css" >
  {body
  do-family: Arial, Helvetica, without serif.
  background-color: #FFF;
  margin: 0px;
  padding: 0px;
  }
  #container {}
  margin: 0 auto;
  Width: 999px;
  }
  #content {}
  Width: 100%;
  }
  {#flash}
  position: absolute;
  top: 134px;
  left: 216px;
  }
  < / style >
  < / head >

  < body >
  < div id = "container" >
  < div id = "content" > < img src = "images/background.jpg" width = "997" height = "2400" / > "
  < div id = "flash" >

  This is a decision by aligning

  < / div >
  < / div >
  < / div >
  < / body >
  < / html >

  The same can be applied to the normal margins:

  {#flash}

  margin: 134px 216px 0px 0px;

  }

  Is that what you are looking for?

  Nick

• SPAN or Div tags in ul OK?

  IM using a drop down menu like this:

  http://www.HtmlDog.com/articles/suckerfish/bones/

  I must apply 3 for the 2nd level ul background images. If they were normal div is then I would just add 2 spans more or divs around them to achieve. Is it OK to do this with links and lists or copy the following code is not valid?

  Thank you

  You will need two things to tie up your images, if you do not li and one of their coupling. I have a feeling that you will eventually break the menu if interpose you a div between the ul and li menu items. In fact, you can insert a div tag (without success), but the div will show no depth. If you do outside the submenu ul, it will show always; If you put the div only around items of li inside the ul tag, it will hide and show, but will still have no height for her. Thus, no background image.

  What about spacing your menu items such as you can use a background on the AMT for the left side, background, border and low (see instructions) and use the border of the right hand on the li elements. You would need to engineer the border so there no rough air, but you should be able to function.

  If you apply a style of menu, you can also use to do, using two images sliding doors.

  Make a picture that is a path that is wider than your typical menu item and which includes all three borders. Export the border of the right hand as an image on its own. Don't include the lower border.

  Use the first image as the background of the li element.

  Use the second image as the background of the element has . Background-position: right; Background-repeat: no-repeat;

  You want to make sure that the item has has display: block; applied. Also, be sure to make Background-color: transparent;

  The right border image will be actually on top of the background image and border left, but placed on the right side.

  Check if this isn't what you want.

  Beth

• Transparent background of the div tag

  Hello, I use a bit CS5 and I wonder if there is a convenient way in the program to change the opacity of a div tag, back on the ground without having to deal with a lot of code.

  I prefer using a semi-transparent PNG image.

  See example of CSS opacity below:

  http://ALT-Web.com/sample.html

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB

• Confused about centering the div tags

  OK, I keep seeing the same answers a bit here, but don't always understand...

  2 things...

  (1) I already have my background image work and want to size (cultures such that it fills the background without stretch/compress and my monitor at home is a 22 "large format.)

  (2) can resize if need be, but have already 7 div tags (that is to say, banner, navbar, hand, etc.) I want positioned/nested in another tag div to be centered on the page.  I don't understand yet how nest them, how to center the div (nesting other) parent or how set the css to center the parent div tag

  I have to start all over again? ... or did I work with what I already have?

  Any help or thoughts would be greatly appreciated...

  3G

  three G Gregg wrote:

  How can I attach a hyperlink to text without changing the text in blue and underlined?

  http://www.w3schools.com/CSS/css_link.asp

  http://www.echoecho.com/csslinks.htm

  That should help, but I'm not sure what you mean by,.

  I know how to put on the side of the browser

  So I hope that I have not misunderstood.

  Martin

• Banner rotation 2 - How do you add links to images with div tags?

  I have a banner rotating images and need to add links to each image. I used jQuery Simple of Jon Raasch slideshow, suggested here.

  When asked how to add links to each image, he wrote "a more robust solution is to wrap each image in a div and target the div instead of the images (or anchor points). This would allow you to add text, images, etc. »

  Here is my code. Can someone show me how to wrap the images in the div tags and add a placeholder url as "index.html?

  ------------------------------

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  " < html xmlns =" http://www.w3.org/1999/xhtml ">
  < content meta = text/html"; charset = iso-8859-1 "http-equiv ="Content-Type"/ >"

  
  "< script type =" text/javascript"src ="... / jquery-simple-slideshow-example/jquery-1.2.6.min.js "> < / script >"

  < script type = "text/javascript" >

  
  function slideSwitch() {}
  var $active = $("#slideshow IMG.active");

  If ($active.length == 0) $active = $("#slideshow IMG:last");

  This allows to take images in their order of appearance in the tag
  var $next = $active.next () .length? $active.next)
  : $('#slideshow IMG:first');

  Uncomment the 3 lines below to shoot images in random order
  
  var $sibs = $active.siblings ();
  var rndNum = Math.floor (Math.random () * $sibs.length);
  var $next = $($sibs [rndNum]);

  
  $active.addClass('last-active');

  $next.css ({opacity: 0.0})
  .addClass ('active')
  . Animate ({opacity: 1.0}, 1000, function() {})
  $active.removeClass ('active last active');
  });
  }

  {$(function()}
  setInterval ("slideSwitch()", 5000);
  });

  < /script >

  < style type = "text/css" >

  / * the value width and height to match your images * /.

  {#slideshow}
  position: relative;
  height: 157px;
  Width: 220px;
  }

  #slideshow IMG {}
  position: absolute;
  top: 0;
  Left: 0;
  z index: 8;
  opacity: 0.0;
  }

  {IMG.active #slideshow
  z-index: 10;
  opacity: 1.0;
  }

  {IMG.last - active #slideshow
  z index: 9;
  }

  < / style >

  < / head >

  < style body = "" do-family: Arial, Sans-serif, without; ">"

  < h1 > < / h1 >

  <! - this will work with any number of images - >
  <!-set the current class about according to the image you want to appear as the default
  (if not, this will be the last image) - >

  < div id = "slideshow" >
  < img src = "donate.gif" alt = "Donate now" / > "
  < img src = "DVD.gif" alt = "Shop DVDs" / > "
  < img src = "legis3.jpg" alt = "Legislative coverage" align = "top" class = "active" / > < / div > "

  
  < / body >
  < / html >

  ----------------------------

  Each of the three lines img src should < div id = slideshow ">?"

  Thanks for any help.

  we210 wrote:

  No, it has not corrected the problem.

  Thanks again.

  Looking at the last code you have posted you have changed the url links to the two scripts jquery to dev/jquery.fancy.box-1.3.0.js etc.. It seems that the scripts don't maybe not in this folder 'dev '?

  
     

  The images do not turn has nothing to do with the block of css code or where it is inserted in thesection of the code, but has everything to do with getting links to the correct jquery scripts.

• Disorder by selecting the Div tags

  Hello

  Im trying to create a website portfolio for me but I'm having trouble with the selection of some div tags, I added to my page.

  

  As you can see here the top right divtag is selected/clicked on illustrated by give it a blue box around it. It allows me to add a rollover image to which is what I try to do with home' 'info' and 'contact' buttons shown above right. However when I click on or around the div tags that hold these buttons I can't "select" them so that the blue box appears around the edge and therefore impossible to add the rollover image.

  This is the encoding of the page, if it helps (I) normally work in the design window, I have not been taught in the coding

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 > Untitled Document < /title >

  < style type = "text/css" >

  {#wrapper}

  float: none;

  Width: 1500px;

  margin: auto;

  }

  {#p1}

  float: left;

  height: 350px;

  Width: 490px;

  margin left: 15px;

  top of the margin: 15px;

  background-image: url(images/testp1.jpg);

  }

  {#p4}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

  background-image: url(images/testp2.jpg);

  }

  {#p5}

  Clear: none;

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

  background-image: url(images/testp3.jpg);

  }

  {#p6}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  background-image: url(images/testp1.jpg);

  }

  {#p2}

  background-color: #333;

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  background-image: url(images/testp2.jpg);

  }

  {#p3}

  background-color: #999;

  float: left;

  height: 350px;

  Width: 490px;

  right margin: 15px;

  top of the margin: 15px;

  background-image: url(images/testp3.jpg);

  }

  {#p7}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

  background-image: url(images/testp3.jpg);

  }

  {#p8}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

  background-image: url(images/testp1.jpg);

  }

  {#p9}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  background-image: url (images/Logo1 - Tile.jpg);

  }

  {#home-btn}

  background-color: #999;

  float: left;

  height: 30px;

  Width: 30px;

  margin-top:-715px;

  margin left: 15px;

  background-image: url(images/home.jpg);

  }

  {#contact-btn}

  float: left;

  height: 30px;

  Width: 30px;

  margin-top:-625px;

  margin left: 15px;

  background-color: #FF6;

  background-image: url(images/contact.jpg);

  }

  {body

  left margin: 0px;

  margin-top: 0px;

  margin-right: 0px;

  margin-bottom: 0px;

  }

  {#info-btn}

  background-color: #09F;

  float: left;

  height: 30px;

  Width: 30px;

  margin left: 15px;

  margin-top:-670px;

  background-image: url(images/info.jpg);

  }

  < / style >

  < / head >

  < body >

  < div id = 'wrapper' >

  < div id = "p9" > < / div >

  < div id = "p8" > < / div >

  < div id = "p7" > < / div >

  < div id = 'p6' > < / div >

  < div id = "p5" > < / div >

  < div id = "p4" > < / div >

  < div id = 'p3' > < / div >

  < div id = "p2" > < / div >

  < div id = "p1" > < / div >

  < / div >

  < div id = "contact-btn" > < / div >

  < div id = "info-btn" > < / div >

  < div id = "Home-btn" > < / div >

  < / body >

  < / html >

  Any ideas?

  Cheers, Ryan

  I normally work in the design window that I've not been taught in the coding

  You will learn about code regardless if you make the effort. Start with these links:

  http://w3schools.com/

  http://www.csstutorial.NET/

  DW assumes that you have knowledge of HTML & CSS code.

  If you cannot or will not work with the code, you use the wrong tool.

  For the non-codeurs, Adobe offers 2 other options: Adobe Muse & portfolio

  Nancy O.

• Using DIV tag on the design of the site

  I need some help on the design of this site (just started using dreamweaver this week.

  I have Div tags within the div tags, to auto height adjustment (so it expands when more information is inserted), however this

  

  Answers to the questions of layout are contained in your code.  No screenshots.

  #1 the design mode is not reliable to test the merits of your layout.

  Use the Live View or preview in browsers.

  #2 when floating elements that it seems you are doing (we don't really know because you haven't we shown your code), it is often necessary set the CSS of the container parent overflow: hidden which prevents the collapse of margin.

  #3 don't forget to add a float of compensation to your CSS code once the tanks are no longer needed.

  For reference:

  • All about floats | CSS-Tricks
  • CSS - float and clear formatting

  Nancy O.