Placement of div tag error

Hi-

I placed the text in a div tag that is encapsulated within another div (Figure 1), but I can't seem to identify the appropriate location. I tried to solve the problem assuming that the placement of the div is incorrect. However, I cannot place a div within the area I want (red arrow indicates the proper placement), therefore, the text appears at the bottom of here where it should, under this seemingly div. foreign to one another any help to solve this is greatly appreciated. Thank you!

Two images: Web site in the browser (left) and in Design view of Dreamweaver (right).

Try 2 col fixed, left-sidebar, header & footer.

Nancy O.

Tags: Dreamweaver

Similar Questions

Place div tags into div?

Hello, (if the powers of David answers that points all yours are)
OK, it turns out that I build all wrong CSS sites. How can I place a div in a div without getting the really complex layout.css file? See the example below

Hello, (if the powers of David answers that points all yours are)

What happens if my answer is wrong, if?

How can I place a div in a div without getting the really complex layout.css file?

It's very simple. You just place the div inside the other div and give it an identifier.
```
  
    This is the page heading
  
  
    This is another heading
    This is paragraph.
  
  
    Copyright 2009. Me
  
```
Create the CSS for each ID, for example:
```
body {
  background-color: #F00;
  color: #000;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}
#wrapper {
  background-color: #FFF;
  width: 760px;
  margin: 0 auto;
}
#header {
  background-color: #CCC;
}
#mainContent p {
  font-size: 85%;
}
#footer p {
  font-size: 70%;
  font-weight: bold;
}
```
A page pretty hideous, but it illustrates the principles.

I also suggest you take a look at the layouts CSS in Dreamweaver CS3 and CS4. There is an article about them here: http://www.adobe.com/devnet/dreamweaver/articles/css_starter_pages.html. There are also a lot of articles CSS and tutorials here: http://www.adobe.com/devnet/dreamweaver/css.html.

Where is the box "Start a new line" when adding to a div tag?

Since I have updated Dreamweaver, when I add a div tag I don't see the box "Start A New Row. The checkbox only I see is "Insert as an element of fluid". This option has been deleted or has been moved to a new location?

Hi MichaelMuirhead,

We have updated fluid grid 12.2 release of DW, as well as in CC version.

Unlike before, now DW intelligently recognizes when a fluid page is opened and the Structure category converts to the category fluid layout.

That is when it is inserted any item in the category of Structure on a fluid page, it will be inserted with light CSS to make it fluid, unless that other user tips.

The idea is to build support for almost all the structural elements as fluid elements, rather than just support Div as an element of fluid. Therefore, insert fluid Grid Layout tag Div has been removed.

Steps to insert a fluid element:
1. Select Insert > layout.
2. Select the item you want to insert. (that's to say Div or header or footer etc.) 3. in the dialog box that appears, enter a new class name, or enter a value for the code. The selected item is inserted on the page layout.
(4) to insert a fluid normal/no item uncheck the box "Insert as a fluid element" check box in the previous dialog box.

Now to answer the second part of your concerns "the box"Start A New Row"missing."

All elements inserted on a fluid page, start on a new line by default. If the user wants to place the item in the previous row, then is possible by clicking on the button "Move up a line" who arrives on the FG HUD element, after the insertion of this element.

Please refer page to better understand.

For more details on the update browse to: http://helpx.adobe.com/dreamweaver/using/fluid-grid-layout-dreamweaver .html

Here is the link to the new video on how to design a page of FG using new FG in paragraph 12.2 DW.

http://blogs.Adobe.com/Dreamweaver/2013/02/updated-fluid-grids-in-Dreamweaver.html

Please note that the 'Layout' category in paragraph 12.2 has been renamed most appropriate sounding 'Structure' category in DW CC.

It will be useful.

Please come back for questions or concerns.

Thank you

Puneet

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.

Image in the div tag

Hello Dreamweavers.
IM placing an image in my div tag and trying to style it with css, just to see what CSS has really cos Im new.
IM adding the background image on the Center, but his only is not all the div, the leash of shadows
on the left and right, so how can I place an image to occupy any of the div tag?
Thank you.

I disagree with what Kenneth has recommended. He uses Flash to resize a background to the size of the viewport.

Here are some tips:

If you use a background image: url("..) (' / images/background.jpg "); in your CSS, the div will not develop to the background fill the div. So, if you have an image you want to show in a div (and don't want other images and text to sit on it, the best way to do so is not to set the image as a background.

If you do not want the image in the background, and you want the div to be the same size as the image file, you must determine the dimensions of the image and make the height and the width to your equal to the div.

The other way is to have your CSS resize your background to fill a div with a predefined size. If you follow these steps:

{#mydiv}

Width: 860px;

height: 700px;

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

background-size: 100% 100%;

}

This before you set the size of your div and make your background image to fill this div. If your background is close to the sheer size of the div, it will look like very well, but if you're stretching a background a lot smaller than your div, you can see a few grain. In this case, the use of Photoshop to aperture this context can be a good idea.

White space between the Div tags

I use DW CS4. I need to help, reducing the white space between the DIV tags I have the white space between smaller gray line and my nav bar. I see all the places where there are margins or padding. Can anyone help? Here's the code. Thank you.
< body bgcolor = "#CCCCCC" onload = "MM_preloadImages('..)." /_img/HOMEover.jpg ',' /_img/COMPANYover.jpg ','... / _img/PROJECTOR TSover.jpg ', '... CASE STUDIESover.jpg/_img / ','... / CONTACTUSover.jpg/_img ') ">"
< div id = "container" >
< div align = "left" >
"" < p > < img src = "... / _img/Nute_Logo_tag_060612.gif" alt = "logo" name = "logo" width = "113" height = "74" hspace = "5" align = "absbottom" id = "logo" / > < / p >
< / div >
< div id = "header" > < / div >
< div id = "content" > < / p >
< table border = "0" cellpadding = "0" cellspacing = "0" >
< b >
"" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'bluebar',", 1) ' onmouseover = "MM_nbGroup ('over', 'bluebar',","1)" onmouseout = "MM_nbGroup ('out')" > < img src = "... / _img/bluebarup.jpg" alt = "" name = "bluebar" width = "118" height = "15" border = "0" id = "bluebar" onload = "" / > < /a > < table >
"" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'Home',", 1) ' onmouseover = "MM_nbGroup ('more', 'Home','... / _img/HOMEover.jpg ',", 1) "onmouseout ="MM_nbGroup ('out')"" > < img src = ""... / _img/HOMEup.jpg ' alt = "Click HOME to go to the home page" name = "home" width = "115" height = "15" border = "0" id = "home" onload = "" / > < /a > < table >
"< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down"," group1', 'society', ", 1) ' onmouseover =" MM_nbGroup ('more', 'society', "..") " "(/ _img/COMPANYover.jpg', '', 1)' onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/COMPANYup.jpg "alt ="Click to go to our services COMPANY"name ="company"width ="122"height ="15"border ="0"id ="company"onload =" "/ > < /a > < table >"
"< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down","Group 1","projects",", 1) ' onmouseover = "MM_nbGroup ('more', 'projects',..." "(/ _img/PROJECTSover.jpg', '', 1)' onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/PROJECTSup.jpg ' alt = 'PROJECTS click to see our projects' name = 'projects' width = "122" height = "15" border = "0" id = "projects" onload = "" / > < /a > < table > "
"" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'studies',", 1) ' onmouseover = "MM_nbGroup ('more', 'studies,'... / _img/CASE STUDIESover.jpg',", 1) "onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/CASE STUDIESup.jpg "alt ="click on the CASE STUDIES to see examples of projects' name = "added" width = "150" height = "15" border = "0" id = "added" onload ="" / > < /a > < table >
"" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ("bottom", "group1', 'contactus',", 1) "onmouseover =" MM_nbGroup ('more', 'contactus','... / _img/CONTACTUSover.jpg ', ", 1)" onmouseout = "MM_nbGroup ('out')" > < img name = "contactus" src = "... / _img/CONTACTUSup.jpg" border = '0' alt = "" onload = "" / > < /a > < table >
< /tr >
"< / table > < img src =" "alt =" "name ="mainphoto1"width ="780"height ="264"id ="mainphoto1"/ >

Thank you for all your help. I solved it by adding a padding to my header (grey line).

The alignment of the div tags/content

I have a div class = "wrapLinks" (unordered list) and a div class = "slider" (image carousel), and both are within the class = "content" div At some point, "wrapLinks" were in the top left of the content. After you create the div class is 'slider', the 'wrapLinks' have been 'pushed' down under the "cursor" that comes from taking up space at the top left of the content. Ideally, I want the two (aligned horizontally) inline with eachother. First, I tried to change the margin for both classes of div in the css, but that doesn't seem to work. I then tried to add "float: left;" to the "wrapLinks" and "float: right;" for the "cursor" in the css, but that also does not work. I also try to put a button on the cursor. I think that's what we call a 'floating div tag", but not sure. I feel that I write the CSS properly for each class of div.
Any ideas on what I can / should I do?
I have provided a reference image.

Even with the following addition/changes, the carousel seems too wide to fit completely on the page:

.wrapLinks UL

{

margin: 10px 0px 0px;

padding: 4px 0px 0px;

do-family: "Arial Unicode MS";

/ * + 9px placement: shift-346px; * /

position: relative;

left: 9px;

top:-346px;

}

.float-right

{

float: right;

margin: 225px 60px banner 0px 0px;

/ * + placement: Maj 51px-301px; * /

position: relative;

left: 51px;

high:-301px;

}

/*################*/

. Slider

{

/ * + placement: Maj 248px 8px; * /

position: relative;

left: 248px.

top: 8px;

}

Tables, div tags, or both

I think I asked this question a long time ago but I now move to finalize my website and I don't know if a table in a div is a good idea.
I have a div wrapper, header, navigation, mainbody and footer. All are in my template and the editable area only is the mainbody.
I could place a right div, div left and eventually a div Center and have several div tags in these 3 major divs.
Or I could use tables on some of my pages, I use photographs (of kitchens).
I think I have about 9 small thumbnail images on the left side of the page and each would change a larger image to the right of the page.
I think that when I do the math, a table can be better even if it's among the divs.
I am causing future pain or is it the right way around it.
Thank you for taking the time to read my short story and I hope you can help me.
concerning
Michael

So overall you DESIGN your page layout in FW or PS, slice on the optimized graphic elements that appear on the page and then build the page in DW adding some interactivity, you need on the page when you create the HTML code. This interactivity could lead to jQuery, or one of the many commercial/non commercial extensions already mentioned.

It is not suitable for any production work, all circumstances, allow your graphic application write HTML of your page.

Div tag is not growing with content... Help please!

Hello
First of all, I'm pretty new to this so I'm stoopid, so it is possible that I am.
I built a page CSS based with DIV tags What I'm trying to achieve is a html body that has a #wrapper centered on the page, then a #header, #nav, #banner, #content and #footer consecutively to the bottom of the page. Then inside I want to place a #leftColumn and a #rightColumn. What I have achieved. I have a problem with is to have the content div expand with the divs two columns it contains. I've included the main.css file I use below as well as the source code for the "content" of the page section. Any help would be greatly appreciated.
See you soon,.
Philamon
@charset "UTF-8";
{body
color: #FFF;
text-align: center;
margin: 0px;
padding: 0px;
}
{#wrapper}
color: #000;
text-align: left;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin left: auto;
}
#header {}
color: #000;
top of the margin: 12px;
margin-bottom: 12px;
}
#content {}
color: #000;
width: auto;
margin-top: 0px;
padding-top: 0px;
padding-left: 5px;
overflow: auto;
}
#footer {}
color: #000;
top of the margin: 5px;
margin-bottom: 0px;
clear: both;
text-align: center;
bottom: 0px;
left: 0px;
right: 0px;
position: relative;
}
#logo {}
color: #000;
height: 71px;
padding-bottom: 10px;
padding-right: 5px;
}
#nav {}
color: #000;
height: 28px;
}
#banner {}
color: #000;
height: 200px;
text-align: center;
}
{#leftColumn}
color: #000;
float: left;
width: 70%;
padding-right: 5px;
padding-bottom: 30px;
padding-left: 5px;
}
{#rightColumn}
color: #000;
float: right;
width: 20%;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 30px;
}
{.fltrt}
float: right;
}
< div id = "content" >
Welcome to the Division of Groundswell < h1 > < / h1 >
< div id = "left column" >
Mission statement < h2 > < / h2 >
< p > The Groundswell Division aims to: < /p >
< p > participate in mold in the future of the Australian performing arts industry by attracting new audiences, are working to find new forms and contribute to broaden the scope of the arts scene in Australia. < br / >
Provide vital, diverse and stimulating of public art works, both locally in Melbourne, in the Australia and abroad. < br / >
Provide a platform for practitioners of the arts of the local scene that are currently underutilized within the industry. < br / >
Offer an umbrella for independent artists present their works within an established business support. < br / >
All decisions regarding the control and artistic direction in an open and honest forum by members of the democratic Committee of the society. < /p >
< / div >
< div id = "by" rightColumn >»»
Subheading < h2 > < / h2 >
< p > Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut developed and pain magna aliquyam erat, sed diam voluptua. At vero eos and accusam and justo duo dolores and ea rebum. STET clita kasd gubergren, no sea takimata sanctus is Lorem ipsum dolor sit amet. < /p >
< / div > < div id = "leftColumn2" >
< h2 > < / h2 >
< / div >
< / div >

You should be able to get #content to expand changing overflow: auto; to overflow: hidden; in the style of #content {...}.

That may seem paradoxical, but overflow: auto; you will get scroll bars, not expansion. He might not even have you that, if you do not have a specified height. Overflow: hidden; should be #content stretch to lock up the sidebar divs.

Beth

The < div > tag button missing?

I'm quite crazy here, try to insert a < div > tag... I'm still a beginner, learn to work with CSS, etc. My tutorial now wants me to insert a div via either:
* Insert Div tag button in the common category of the Insert panel/bar
* or use Insert > layout objects > tag Div
Now: If I'm going to INSERT at the top of the page, there is no OBJECT PAGE layout to choose...
I finally found what I think is common the Insert panel and even the category, but there is no button "Insert a div tag" (only, insert image, insert the rollover image, insert a table to insert generator).
Am I missing something? I'm in error 'view' somehow? Do I have to buy an add-on? What's wrong?
Thanks for your replies!
Pipo

No wonder I've been confused :-)

Dreamweaver 4 (technically, version 4) and Dreamweaver CS4 (technically version 10) are completely different (about 8 years apart) versions

http://en.Wikipedia.org/wiki/Adobe_Dreamweaver#Version_history

You need a tutorial for Dreamweaver 4 (old version), CS4 (the current version).

Should I format type within the div tag?

I would like to know what is considered more acceptable:
1. If I < p > in a < div > tag
(- a) I could specify placement type by specifying the padding in the < div > tag where I could specify the margins for the < p > in the < div > tag.
(b) I could specify the type of formatting in the < p > < div > tag.
Which would be better?
What is the preferred method in regard to < a > s in a < div > tag?
Thank you!
Mark

Block: Occupies the entire available width, with a new line before and after (display: block ;))
is a block element

Inline: Takes only as much width as it needs and imposes no new lines (display: inline ;)) is an item online

Useful resources:

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

http://www.Dave-Woods.co.uk/index.PHP/block-and-inline-elements-part-one/

http://www.maxdesign.com.au/presentation/inline/

--

Nadia

Adobe® Expert community: Dreamweaver

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

Unique templates CSS | Tutorials | SEO articles

http://www.DreamweaverResources.com

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

Book: Ultimate CSS reference

http://www.SitePoint.com/launch/005dfd4/3/133

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

http://Twitter.com/nadiap

tag < error page > - in the web.xml file
Hi all

I wrote a web application deployed on weblogic 10.3.
in one of my pages JSP say JSP1 a java.lang.RuntimeException type exception is thrown.

and I tag error pages configured in my web.xml file
That is to say
> error pages <
java.lang.RuntimeException < exception type > < / exception type >
error.html < location > < / location >
< / error pages >

so when this exception is thrown by the JSP1, user should redirected to error.html
but it's not not this

and instead, is to show the http 500 error saying "website cannot display the page. and url in the address rest bar also the same IE specific JSP1.

What could be the problem. What additional configuration should be doe for tag < error page >-?

Thank you
Try/Check with the following options
(1) If you test with IE error page, try again with other browsers such as Mozilla Firefox.
(2) make sure that your web.xml file is to have the DTD element.
(3) try to place the item of after details of the servlet mapping in web.xml.
(4) If you are using IE, tweak with the following option of the IE browser
Simplified Tools--> Internet-->--> HTTP Error Messages Advanced Options show
(5) check error.html file is available in the correct location (this is under the location context root)

Sync to iphoto with Iphone hangs on during synchronization. In addition the google map can be charged when I click on the places of Mediathek. Error message: "this page has not loaded correctly Google Maps. See the JavaScript console for more technical de

Sync to iphoto with Iphone hangs on during synchronization. In addition the google map can be charged when I click on the places of Mediathek. Error message: "this page has not loaded correctly Google Maps. See the JavaScript console for more technical details. »

Perhaps the reason for the problem of synchronization is the problem with the loading of google map?

Error message: "this page has not loaded correctly Google Maps. See the JavaScript console for more technical details. »

Apple has not renewed the contract with Google to access Google servers.

If the old version of iPhoto, which are still using Google's servers for the cards and places are either crashing or hanging. Places are only work in iPhoto 9.5.1 or newer, who use places of Apple servers.

There is more support for iPhoto from Apple. You must update iPhoto 9.5.1 with the Mavericks. It would work well, only it is no longer buying this update to Apple.

Perhaps the reason for the problem of synchronization is the problem with the loading of google map?

It is very likely. If iPhoto work very well when you are offline, then your problems will be caused by the connection failed to Googles servers.

See this: Bug: iPhoto 9.4 crashing when viewing the scene

How to remove a Smart Tag error: bad URL - ST_REJECTED_QUERY_STRING

Hello
Whenever I entered this site www.gcr.com.my, this message "Smart Tag error: Malformed URL - ST_REJECTED_QUERY_STRING ' will appear followed by a dialog box with the Web site named www.USAGC.org until I closed everything, but this annoying message will reappear.

Can you please help to get rid of them.

TQ.
Chin

Hello

The reset Firefox feature can solve a lot of problems in restaurant Firefox to its factory default condition while saving your vital information.
Note: This will make you lose all the Extensions, open Web sites and preferences.

To reset Firefox, perform the following steps:
1. Go to Firefox > help > troubleshooting information.
2. Click on the button 'Reset Firefox'.
3. Firefox will close and reset. After Firefox is finished, it will display a window with the imported information. Click Finish.
4. Firefox opens with all the default settings applied.
Information can be found in the article Firefox Refresh - reset the settings and Add-ons .

This solve your problems? Please report to us!

Thank you.

I can not installed any program, not even place dating 8007000 b error code from my windows, and for windows live menssenger error is Microsoft.VC 80.le CRT version 8.0.50727.42 _

I can not installed any program, not even place dating 8007000 b error code from my windows, and for windows live menssenger error is Microsoft.VC 80.le CRT version 8.0.50727.42

Do a system restore:
http://www.SevenForums.com/tutorials/700-system-restore.html

Try to repair:
http://www.SevenForums.com/tutorials/3413-repair-install.html

Placement of div tag error

Similar Questions

This is the page heading

This is another heading

Maybe you are looking for