Trouble putting div tags side by side in the center

Hi All,
I am having trouble in centering two div tags side by side, both have the correct floats of left and right, margins set to auto but in the browser view each div is on the very edge of the browers, I have tryed playing with the margins and so on but what ever i seem to do i am unable to correct this, does any one how to solove this or has experianced it before??

A live link is the best way to get help here.
http://alt-web.com/DEMOS/3-CSS-boxes.shtml
First center your parent container.
CSS:
     #wrapper {
          width: 900px; /**adjust width as req'd**/
          margin: 0 auto:
          overflow: hidden; /*to contain floats*/
          border: 1px dotted red; /*for demo purposes*/
HTML:
     <div id="wrapper">
          Everything else goes inside this container
     </div>
Nancy O.

Similar Messages

Javascript to put in a print button that prints the center of my pdf

I have a manual which is 942x792pt and want in adobe reader when a print button is pushed it only prints the 8.5 x 11" (612x792pt) center section of the page layout.
Tried to find a way to put navigation and print buttons outside a 81/2 x 11 page size but failed, now thinking this is an alternative option. Anyone come across a script which would do this or a method of putting nav buttons outside document print area.
Z
Here is an example of one someone has accomplished this in.
http://www.mediafire.com/?h62z5y341wyky66
Thank you in advance.

You might consider using the app.addToolButton method to create your navigation buttons. When executed from a script within the document, the buttons appear in a floating window and don't go away when you adjust the zoom, as they do with the sample you linked to.

Div tag problem

Hi there,
i am creating a website.i seem to be having a bit of trouble with div tag...i think.the navigation bar and the main content seem to be overlapping each other.any ideas?id appreciated any help.
thanks.
<body>
<div id="header">Heading</div>
<div id = "nav">
<ul id="Fyp">
<li><a href="html/Index.html">Home</a> </li>
<li><a href="html/Conventional.html">Conventional Encryption</a></li>
<li><a href="#">Public Key Encryption</a>
    <ul>
<li><a href="html/PublicKey-Confidentiality.html">PublicKey-Confidentiality</a></li>
<li><a href="html/PublicKey-Authentication.html">PublicKey-Authentication</a></li>
<li><a href="html/Public Key-Confidentiality and Authentication.html">Public Key-Confidentiality and Authentication</a></li>
    </ul>
</li>
<li><a href="#">MAC Encryption</a>
    <ul>
<li><a href="#">MAC - Message Authentication</a></li>
     <li><a href="#">Message Authentication and Confidentiality (Plaintext)</a></li>
     <li><a href="#">Message Authentication and Confidentiality(Ciphertext)</a></li>
</ul>
</li>
   <li><a href="#">HASH Encryption</a>
       <ul>
            <li><a href="#">Encryption after Concatenation</a></li>
            <li><a href="#">Encryption before Concatenation</a></li>
              <li><a href="#">Authentication</a></li>
            <li><a href="#">Authentication and Confidentiality</a></li>
           <li><a href="#">Secret Value</a></li>
          <li><a href="#">Secret Value and Encryption</a></li>
     </ul>
    </li>
   <li><a href="#">Self Test</a></li>
</ul>
</div>
<div id="main_content">
<p> </p>
<p>This is the home page for Message Authentication and Digital Signatures.This page will explain the funamental basis of these elements.</p>
<p> </p>
<p><strong>Authentication</strong>:</p>
<p><a name="#Authtentication"></a>
The Authentication service is concerned with assuring that a communication is authentic. Authentication acts as an warning or a alarm signal. The function of the authentication service is to assure the recipient that he message is from the source that it calms to be from.</p>
<p> </p>
<p><strong>Confidentiality</strong>:</p>
<p><a name = "Confidenitiality"></a>
Confidentiality is the protection of transmitted data from passive attacks. This makes sure that the message sent can not be read by anyboby except for the intended recipient .
</p>
<p> </p>
<p><strong>Public Key:</strong></p>
<p><a name = "Public Key"></a>
</p>
<p><strong>Digital Signature:</strong>
<p><a name = "Digital Signature"></a></p>
</p>
<p><strong>Integrity:</strong>
<p><a name = "Integrity"></a> </p>
<p><strong>MAC Function:</strong></p>
<p><a name = "MAC"></a> </p>
<p>A MAC (Message Authentication Code) is a small fixed size block of data that is appended to the message. The technique assumes hat two communicating parties say (Source A and B) share a common secret key(k). When A sends a message to B, it calculates the MAC as a function of the message and the key. The recipient performs the same calculation on the received message using the same key, to generate a new MAC. The received MAC and the calculated MAC are then compared. If the received MAC matches the calculated MAC, then the message is said to be authentic.</p>
</p>
</div>
<div id="footer">
<p>
Footer - all about the designer and contact links go here
</p>
</div>
</body>
</html>

Here ya go.
body {
margin:0px;
padding:0px;
text-align:center;
font-size:1.0em;
font-family:trebuchet ms, tahoma, arial, sans-serif;
#container {
text-align:left;
margin:0px;
width:1270px;
border:1px black solid;
padding: 0px;
#header {
text-align:center;
width:1270px;
#width:1022px;
height:100px;
font-size:2.0em;
background-color:white;
color:white;
padding-top:0px;
padding-right:0px;
border-bottom:1px black solid;
#nav {
width:1270px;
#width:1270px;
height:24px;
font-size:0.8em;
background-color:#20548E;
color:black;
border-bottom:1px black solid;
#main_content {
width:1270px;
#width:1022px;
font-size:0.9em;
background-color:white;
color:black;
border-bottom:1px black solid;
#footer {
text-align:center;
width:1270px;
#width:1022px;
height:100px;
font-size:1.0em;
background-color:#20548E;
color:white;
border-bottom:1px black solid;
#Fyp
{ margin: 0;
     padding: 0;
#Fyp li
{ float: left;
list-style: none;
font: 12px Tahoma, Arial;
#Fyp li a
{ display: block;
background: #20548E;
padding: 5px 12px;
text-decoration: none;
border-right: 1px solid white;
width: 140px;
color: #EAFFED;
white-space: nowrap;
#Fyp li a:hover
{ background: #1A4473;
#Fyp li ul
{ margin: 0;
   padding: 0;
   position: absolute;
   visibility: hidden;
   border-top: 1px solid white;
#Fyp li ul li
{ float: none;
   display: inline;
#Fyp li ul li a
{ width: auto;
   background: #9F1B1B;
#Fyp li ul li a:hover
{ background: #7F1616;

Inserting Images into Dreamweaver through Div Tag

Hi im quite new to Dreamweaver and i've got CS3...I've just
designed and sliced up a website in Photoshop and have started to
compile it together in Dreamweaver using HTML and CSS. I've just
added a Div tag and added images into the page and i've got stuck,
i cant seem to put another image next to one iv already placed
their.
I need help on how to work with Div Tags and applying images
so that i can fix my website like a Jigsaw.
I have provided the code i hav in my HTML so far...

Maybe this will help you -
Taking a Fireworks comp to a CSS-based layout in Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
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
==================
"DThandi" <[email protected]> wrote in
message
news:gk8anj$4qc$[email protected]..
> Let me show you the before and after images of the site
im working on,
> then
> maybe what im trying to describe can become more
clearer...Your right that
> i do
> need some basic understanding, I actually used to know
the answer to my
> own
> question but since i havn't played around with
Dreamweaver for a while i
> seem
> to have forgotten.
>
> This was the image on Photshop:
>
http://i187.photobucket.com/albums/x151/ohhchakdeh/SAMPLE.jpg
>
> This is where I am stuck now:
>
http://i187.photobucket.com/albums/x151/ohhchakdeh/stuck.jpg
>
> These are all the small images i have sliced up from
Photshop:
>
http://i187.photobucket.com/albums/x151/ohhchakdeh/Untitled.jpg
>
> As you can see i have trouble coding in HTML. So far i
have been
> following a
> tutorial video showing me how to had images and align
them through Div
> Tag...But now i am trying to put images side by side in
the Navigation
> area and
> on top of and underneath each other. As you can see i
have Home.jpg and
> Home-Scrap.jpg. Home Scrap needs to go under Home and
both of them images
> need
> to go next to image Left-Short.jpg.
>
> Thank You
>

CS4 Div Tags Help Needed

I just upgraded to CS4. In dreamweaver I am trying to build a
site that I designed in Photoshop to Dreamweaver using all Div
Tags. I can get the container to center, but when I place other
divs on top, they wont stay where I put them. I have taken absolute
positioning off, but then they fly off position totally. How to get
around this? I have tried relative, fixed and inherit, all with the
same result. I just cant figure it out. Can anyone help me?

Most of which are erroneous guesses.
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
==================
"Ian Edwards" <[email protected]>
wrote in message
news:ggb7c1$qtg$[email protected]..
> Hi
>
> it would he if you uploaded the code so we can see it.
If you do that then
> no doubt you will be deluged with solutions.
> cheers
>
> Ian
> "martcol" <[email protected]> wrote in
message
> news:ggavg8$gf7$[email protected]..
>>
quote:
Originally posted by:
[email protected]
>> ....when I place other divs on top, they wont stay
where I put them. I
>> have
>> taken absolute positioning off, but then they fly
off position
>> totally.
>>
>> Do the< div> tags sit under each other rather
than if it is what you
>> want, sit
>> side-by-side? Or do they actually, "fly off
position?" Have you thought
>> about
>> the "float" property?
>>
>> Sometimes, leaving off a single closing tag in my
code can have
>> catastrophic
>> results for positioning - have you checked if your
HTML validates.
>> Often, that
>> can be a useful way of checking if your code is the
problem.
>>
>> Martin
>>
>

Help with floating a Div tag?

I am having difficulty properly floating a div tag in my site. The page is http://www.planetwhistler.com/bandbs.html The Div on the bottom of the second column with 'content for right_bandb_div' goes here will not properly float to the right of the Div to the left of it. I have floated the 'right_bandb_' div to the left with enough of a margin to clear the div tag in the first column, I have also put the code for 'right_bandb' before the code for the div to the left of it but for some reason it won't properly place itself. Thanks for any help provided.

I realize my Template isn't exactly like yours, but you can learn from it.
http://alt-web.com/TEMPLATES/CSS-centered-round-boxes.shtml
1) apply min-height values to all your .boxes.
2) add a float clearing between rows.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Moving div tags?

Sorry for all the questions but if I finally understand then
I will stop asking. Here is the html code for my site so far:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>ivoog! - New & used electronics,
apparel, collectibles, sporting goods & more at low
prices.</title>
<style type="text/css">
#ivoog {
margin: 15px auto 0;
body{
width: 950px;
margin: 0px auto;
</style>
</head>
<body>
<div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
height:99px"><img src="ivoog.gif" style="width:252px;
height:74px; margin-left:10px; margin-top:11px"></div>
<div id="Search"
style="background-image:url(Search%20Box.gif); width:950px;
height:46px"></div>
<center><p><img src="slogan.gif"
style="width:637px; height:44px;
margin-top:-19px"></p></center>
<div id="Categories" style="background-image:url(LCB.gif);
width:236px; height:621px; margin-top:-13px"></div>
<div id="Quick Help" style="background-image:url(BB.gif);
width:475px; height:140px; margin-top:3px"></div>
<div id="Start Shopping"
style="background-image:url(MSB.gif); width:432px; height:339px;
left: 457px; top: 216px;"></div>
</body>
</html>
I want my "Start Shopping" div tag to be 5px to the right of
the "Categories" div tag. I CANNOT use the position:relative or
margin-top:example or something like that because if you open the
page in IE, and change the width of your browser then the Start
Shopping div tag will stay in the same place while everything else
moves. How can I make it so the tag will be 5px to the right from
Categories? What is the code and where do I put it? Please explain
to me like you would to a person who does not know HTML. Thank you!
Please help! I am TIRED! THANKS!

<div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
height:99px"><img src="ivoog.gif" style="width:252px;
height:74px;
margin-left:10px; margin-top:11px"></div>
<div id="Search"
style="background-image:url(Search%20Box.gif);
width:950px; height:46px"></div>
<center><p><img src="slogan.gif"
style="width:637px; height:44px;
margin-top:-19px"></p></center>
<div id="Categories"
style="background-image:url(LCB.gif); width:236px;
height:621px; margin-top:-13px; float:left;border:1px solid
red;"></div>
<div id="Start Shopping"
style="background-image:url(MSB.gif); width:432px;
height:339px; left: 457px; top:
216px;margin-left:5px;border:1px solid
green;"></div>
<div id="Quick Help" style="background-image:url(BB.gif);
width:475px;
height:140px; margin-top:3px;clear:both;"></div>
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
==================
"hahahaadobeman" <[email protected]> wrote
in message
news:[email protected]...
> Sorry for all the questions but if I finally understand
then I will stop
> asking. Here is the html code for my site so far:
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
> <title>ivoog! - New & used electronics,
apparel, collectibles,
> sporting
> goods & more at low prices.</title>
> <style type="text/css">
> #ivoog {
> margin: 15px auto 0;
> }
> body{
> width: 950px;
> margin: 0px auto;
> }
> </style>
> </head>
>
> <body>
> <div id="ivoog"
style="background-image:url(Top%20111.gif); width:950px;
> height:99px"><img src="ivoog.gif"
style="width:252px; height:74px;
> margin-left:10px; margin-top:11px"></div>
> <div id="Search"
style="background-image:url(Search%20Box.gif);
> width:950px;
> height:46px"></div>
> <center><p><img src="slogan.gif"
style="width:637px; height:44px;
> margin-top:-19px"></p></center>
> <div id="Categories"
style="background-image:url(LCB.gif); width:236px;
> height:621px; margin-top:-13px"></div>
> <div id="Quick Help"
style="background-image:url(BB.gif); width:475px;
> height:140px; margin-top:3px"></div>
> <div id="Start Shopping"
style="background-image:url(MSB.gif);
> width:432px;
> height:339px; left: 457px; top: 216px;"></div>
> </body>
> </html>
>
> I want my "Start Shopping" div tag to be 5px to the
right of the
> "Categories"
> div tag. I CANNOT use the position:relative or
margin-top:example or
> something
> like that because if you open the page in IE, and change
the width of your
> browser then the Start Shopping div tag will stay in the
same place while
> everything else moves. How can I make it so the tag will
be 5px to the
> right
> from Categories? What is the code and where do I put it?
Please explain to
> me
> like you would to a person who does not know HTML. Thank
you! Please help!
> I am
> TIRED! THANKS!
>
>
>

JS with div tags

hi to all, i m ferly new with this and english is not my native lenguage so i struglle with tutorial, i need help with this i need to place this code
JS:
$(document).ready(function(){
$('.slider2').bxSlider({
     slideWidth: 300,
     minSlides: 2,
     maxSlides: 2,
     slideMargin: 10
HTML:
<div class="slider2">
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar1"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar2"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar3"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar4"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar5"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar6"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar7"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar8"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar9"></div>
<div class="slide"><img src="http://placehold.it/350x150&text=FooBar10"></div>
</div>
into content for Layout Div Tag "LayoutDiv5" to work properly
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MANORA</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="Untitled-1.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">

<script src="respond.min.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1">
    <p> </p>
    <p> </p>
</div>
<div id="LayoutDiv2"></div>
<div id="LayoutDiv8">T
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Item 1</a>      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Untitled Item</a>
        <ul>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Untitled Item</a>
        <ul>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
      <li><a href="#">Item 2</a></li>
      <li><a href="#">Item 3</a>      </li>
    </ul>
</div>
<div id="LayoutDiv3"> </div>
<p> </p>
<p> </p>
<p> </p>
<div id="LayoutDiv5">This is the content for Layout Div Tag "LayoutDiv5"</div>
<div id="LayoutDiv6">This is the content for Layout Div Tag "LayoutDiv6"</div>
<div id="LayoutDiv7">This is the content for Layout Div Tag "LayoutDiv7"</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 tried to put at each line but wont work
thank you

actually, i just figured this out, but am still haveing issues... i have the container, then the other div tags inside of it. i am using the div tags as columns inside of the container, but the container background color (gray) does not go all the way down until the rest of the page ends, or where the body ends. i think that it has to do something with the "height:", but am not sure. is there any way that you can put one div tag equal to that of another div tag so that it goes down the whole page like it is suppose to?
here is my code:
.container
    background-color: #666666;
    width:75%;
    margin-left:auto;
    margin-right:auto;
    height: 100%;
what is wrong?

Can you change the default code that targets a new window to change the content in a div tag instead

I created a database for store locations. I was able to display the list of stores. Here though I don't want the list to show the number in front of it... I still need to find the CSS to edit my results for this one. However, more importantly, I don't want to open my results in a new window, I want to be able to target a DIV tag instead.
This is the code that is created to display the list of stores.
{module_webapps,5665,a,,,_blank,,50,,1}
Currently it opens a blank window. I'd like to target a div tag on the right of the list area where the store info can appear.
Perhaps the gurus at adobe can upgrade this feature? Target DIVs instead of new or blank windows, or using frames. Below is the screen of the links created from the DB.
Below is the blank window that it opens.
Would like to make it open in a div to the right of the list. Not sure how to change to core code that was created to make that change.

I'm doing something wrong. I have the list showing the stores in CA
<div class="flip" id="woodcontainer" style="width: 160px; height: 23px;">
<h1>CALIFORNIA</h1>
</div>
<div class="panel">
<script>
$("#infochange").load("{module_webapps,5665,c,41140}"); /* this creates the list of stores in CA where #infochange is the DIV I am targeting.
</script>
</div>
<br />
The code for the DIV where I want the details to load.
<div id="infochange"></div>
This doesn't make sense because I need to have something in the DIV as a holder of some sort?

Quick question about div tags

How do you make a div tag only as wide as the content that is
inside of it, rather than the width of the cell that surrounds
it?

<div style="width:200px; float:left">
Would give you a div 200px wide and floated to the left. You
can similarly
float another div to the right of this div etc. When you are
done with a row
of divs, you would want to clear the float so that the next
set of divs
starts with the extreme left as the reference point. To clear
a float you
would use style="clear:both;" or style="clear:left;" etc.
Please do some
reading on all this before you start experimenting else
you'll run into a
multitude of issues.
You cannot lose until you give up !!!
"AngryCloud" <[email protected]> wrote in
message
news:f133f2$jk4$[email protected]..
> How do you make a div tag only as wide as the content
that is inside of
> it, rather than the width of the cell that surrounds it?

AP DIV tags

Back in 2003 when i was making web sites i would create the layout by using some sort of tag which i cant remember the name of. I think it was called a table tag (but definitly not the sort of tables you would get in MS word). It definitly was not a frameset.
You would draw a "area" which i think appeared in green and then draw spaces within that area which things could be placed in.
I cannot find this tag/function in dreamweaver cs5
what i have discovered is a AP DIV tag which works in a similar way excet the boxes can be drawn anywhere and not limited to your pre defined area and the code for them appears in the head (the old one was in the body)
does anyone know what i am talking about and are AP div tags a good alternative to my old method?
also if i change the ID name these boxes convert into ordinary div tags (by that i mean the look like ordinary div tags in design view) why is this?

I do like using AV divs to position objects like you would with indesign or ms publisher.
you say its able to cause display problems due to resolutions and accessability
I design my pages with 1024x768 in mind as this is typically the lowest resolution anyone will use but it is perfectally acceptable and sites which use it and fill the rest of the width screen with a background look clean. (this forum does this in fact)
if AV divs are such a bad idea what is a good alternative method of page layout?
Also ive noticed that divs and av-divs generate the exact same HTML code. so how exactly do they differ (other than the fact that dreamweaver lets you postition one in the same way you would position an object in indesign but does not allow this with the other)?

Div tag rendering issue in GroupLayout

Hi,
In my jspx page I have div tag to contruct a box with header inside that I am showing some data.
So I have div class="planHeaderBox" in panelGroupLayout in my jspx1 page and this grouplayout will be refreshed from my bean class when ever I click on button in jspx1 page.
Issue is every time I click on the button div tage is rendering and adding the headerbox in page(multiple boxes are coming), So how do I make div tag to be executed only once and when ever I click on button
only the data should get refreshed not the div tag. Do I need to use switcher or any other way do I have?
Please provide your inputs.
Thanks in advance.

That is the reason why you shouldn't do this.
Can't you get your design using adf tags only?
Timo

Div tags - changing link properties

Hi,
My page has two colors. In the top is the navigation and the
links need to be white due to the dark background. I did not plan
to use links in the body itself, but have been forced. The body
color is #efe9d1 and my links need to be dark. I am trying to use a
different style I named .bodylink to accomplish this. I have used a
div tag, and I am having the following problems. On my design view
of the page all my linked fonts are bold and white. When I view it
in my browser the navigation fonts are not bold and the second link
is correct. (note: in design view the body does not view correctly,
but the navigation does)
My script is attached.
Please tell me what I am doing wrong.

Read these -
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
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
==================
"Little Ricky Productions"
<[email protected]> wrote in message
news:fntbk0$qkm$[email protected]..
> Hi,
>
> My page has two colors. In the top is the navigation and
the links need
> to be
> white due to the dark background. I did not plan to use
links in the body
> itself, but have been forced. The body color is #efe9d1
and my links need
> to
> be dark. I am trying to use a different style I named
.bodylink to
> accomplish
> this. I have used a div tag, and I am having the
following problems. On
> my
> design view of the page all my linked fonts are bold and
white. When I
> view it
> in my browser the navigation fonts are not bold and the
second link is
> correct.
> (note: in design view the body does not view correctly,
but the navigation
> does)
>
> My script is attached.
>
> Please tell me what I am doing wrong.
>
> a:link {
> color: #FFFFFF;
> text-decoration: none;
> font-weight: bold;
> font-family: Verdana, Arial, Helvetica, sans-serif;
>
> .bodyLink {
> color: #a14e23;
> text-decoration: none;
> font-weight: bold;
> font-family: Verdana, Arial, Helvetica, sans-serif;
>
> <tr>
> <td align="left"
valign="bottom"><div><p><a
> href="mediavision.html" target="_blank"
>
class="bodyLink">Attendees•Articles•Videos</a></p></div></td>
> </tr>
>

Where is the "Start New Row" check box when adding a div tag?

Ever since I updated Dreamweaver, when i add a div tag i no longer see the "Start A New Row" check box. The only checkbox i see is "Insert as a Fluid Element". Has this option been removed or has it been moved to a new location?

Hi MichaelMuirhead,
We have updated Fluid grid in 12.2 release of DW as well as in CC release.
Unlike before, Now DW smartly recognizes when a Fluid page is open and Converts Structure category to Fluid layout category.
I.e. when any element is inserted from Structure category on to a fluid page it will be inserted with required CSS to make it fluid, Unless user advices otherwise.
The idea is to enhance the support for almost all the structural elements as fluid elements, rather than just supporting Div as a fluid element. Hence, Insert Fluid Grid Layout Div Tag has been removed.
Steps to Insert a fluid element:
Select Insert > Layout.
Select the element that you want to insert. (i.e Div or Header or footer etc) 3. In the dialog that appears, enter a new class name, or enter a value for the ID. The selected element is inserted on the layout.
4) To insert a normal/non fluid element uncheck 'Insert as fluid element' check box in previous dialog.
Now to answer second part of your concern " Regarding missing "Start A New Row" check box"
All the elements inserted on a fluid page, start in a New row by default. If user wants to place the element in previous row then in can be achieved by clicking "Move Up a row" button which comes up on FG element HUD, after inserting that element.
Please refer Screen shot for clearer understanding.
For more details on update navigate to: http://helpx.adobe.com/dreamweaver/using/fluid-grid-layout-dreamweaver .html
Here is the link to new Video on how to design a FG page using new FG in DW 12.2.
http://blogs.adobe.com/dreamweaver/2013/02/updated-fluid-grids-in-dreamweaver.html
Please note that "Layout" Category in 12.2 has been renamed to more appropriate sounding "Structure" Category in DW CC.
Hope it helps.
Kindly revert for any issues or concerns.
Thanks,
Puneet

How do you make div tags line up in Dreamweaver CS6?

Is there any way to make the div tags indent so that the opening & closing tags line up vertically? When use Apply Source Formatting, sometimes the ending tag is at the end of a line of code instead of wrapped to the next line and linked up with its beginning tag. Are there any settings to make this happen or extensions for this?

Thank you! That works if I set the Line Breaks to "Before, Inside, and After."
However, to help me visually divide each <div> container from the following code, is there anyway to either have Apply Source Formatting:
Leave the line breaks I've inserted after each </div> tag, i.e., stop removing the link breaks I wanted
Add another line break after the end </div> tag in my code?

Trouble putting div tags side by side in the center

Similar Messages

Maybe you are looking for