Div won't line up correctly

I maybe stupid but I need help. The red div at the bottom of the page attached is not lined up directly beneath the container above and is aligned to the left. Can anybody tell me where I'm going wrong as Iwant it to align correctly. Thanks for any help. Link below.
http://www.sunridgegraphics.co.uk/ac.html

A couple options right off the top of my head:
1) use the align="center" option inside your <div> tag
2) try inserting the red bar div inside the div you're trying to align it to. That way, no matter where the text div is, the red bar is always at the bottom of it.

Similar Messages

I'm trying to print onto mailing labels, but it won't line up correctly. It looks right on the template and the 1st row prints right. The text keeps moving down a line on each row of labels, preventing it from printing the rest of them correctly.

I'm trying to print onto mailing labels, but it won't line up correctly. It looks right on the template and the 1st row even prints correctly. The text keeps moving down a line on each row of labels, so the rest of it will not print correctly.

There are several ways you can go about this.
1. Most labels come with Word templates or downloadable Word templates. Simply open those in Pages.
2. Make a table with extra cells for the thin spaces between the labels and skinny those down to match the spaces. ie You have big fat cells for the actually labels and thin narrow empty ones for the gaps.
3. Make a floating Text box the size of one label, format with dummy text just the way you like it.
+Menu > Format > Advanced > Define as Placeholder text+
You can now drag and drop snippets of text, the addresses etc onto those and it will replace them matching the style of the existing text.
You duplicate that text box into position of the other labels by clicking on it with the command kety held down, then drag copy it up or across with the option and shift keys held down. Fine tune the positions with:
+Inspector > Metrics > Position+
Peter

Divs Won't Line Up

www.acemon.com
The site passes validation but doesn't display properly.
Underneath the header are two divs, "introtext1" and "introtext2" and even though the code for each is identical (aside from the left margin), they won't line up at the top.
There are four divs labelled "text", and when I start to add words to each, the adjoining div "clickhere" drops downward depending on the amount of words within the "text" divs.
Maybe my problem is only getting two hours sleep and I'm missing something obvious.
Thanks.

Add float: left; to your 'introtext2' css and amend the margin-left to 20px (as below)
#introtext2 {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #6F6;
float: left;
    height: 300px;
    width: 430px;
    margin-top: 20px;
margin-left: 20px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
The reason your 'clickhere' box moves is because you have your html code in the wrong order. It should be as below (note the 'text' closing </div> comes before the opening 'clickhere' <div> tag:
By the way you have your  comments for the closing </div> tags in the wrong place too. Below they are in the correct place.
<div class="choice">
       <div class="text">
<p><strong>The Basic Plan - $75 Complete</strong></p>
       <p>You get three pages featuring your house. The first page shows the front of your house, along with a description of features. The second page feature six pop-up windows, each with various rooms of your house. When someone clicks on an image, they see a larger version of the photo, along with a detailed description. The third page offers contact information, a MapQuest link to let prospective buyers find your house, and a space for your realtor's business card.</p>
       </div>
       <div class="clickhere">
       <a href="basic-1.html">
       <img src="Images/Click Sample.png" alt="Basic" width="150" height="50" /></a>
</div>
</div>

Div header tag - not displaying correctly

I thought I had resolved an issue with a div header tag, but - as per a reply in my 'text as gif' thread, possibly not!
The header contains three images; a logo, a banner (text), and a picture of a castle. These should display in a line.
When I first set it up, I realised that the castle picture was normally ending up below the other two on smaller screens etc.
So I changed the dims for my div container from min 760px/max 1260px, to a set width (960px). I then rejigged the three images so the widths were within 960px, with some to spare for the spacing (total widths of the three are 900: hspacing another 20 pixels). There is no padding/borders defined. Therefore the total should be well within the 960 width (?).
It looks fine on my PC (widescreen); in 3 browsers, using the restore down menu command (ie to make it not full screen), and by using the Dreamweaver multiscreen preview (phone, tablet, smaller desktop). It wasn't ideal (as scrolling required), but at least meant the header (and the rest of the screen) displayed correctly, ie in a horizontal line (and then sidebar - content - sidebar).
If I set my container width much smaller, most of the screen will be green (the body) in big screens.
If I rejig the dimensions, it's all a bit hit and miss (and why don't the current dimensions work?).
Do I need to define the width of the header (as well as the container)?
Help! Thank you
http://hertfordcarnival.org.uk/dev/Index.html

Hi there, I started off using one big image, but it didn't look right with regards to size and placing (ie I wanted the logo on the left edge, the castle on the right edge, etc). When you say slice, what do you mean? One image in from fireworks, and then ... ? Thanks again
Date: Wed, 7 Dec 2011 01:37:10 -0700
From: [email protected]
To: [email protected]
Subject: Div header tag - not displaying correctly
    Re: Div header tag - not displaying correctly
    created by osgood_ in Dreamweaver - View the full discussion
Datafan55 wrote: I thought I had resolved an issue with a div header tag, but - as per a reply in my 'text as gif' thread, possibly not! Why not just use one big image then you wont have a problem of with the alignment. Certainly don't use 'vspace' and 'hspace' to position the images. If you want to use 3 seperate images start by setting them us as one complete image then slice it into 3 images. Then use the following css to position the images side by side. #header img If the total sum of the width of the images is the same or does not exceed 960px then the images should be in a nice row side by side. They will actually sit side by side without using 'float' but you'll get a small gap between them which will be added to the sum of the width which will exceed 960px causing the third image to drop onto the next line.
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4068499#4068499
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4068499#4068499. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Line col "corrected" ?

I originally posted this in the wrong forum, and was advised
to continue the discussion here. Thanks to Danillo Celic, I have a
partial understanding of what's ocurring, but my problem hasn't
been resolved, so here goes again, with more detail.
Original post (somewhat edited):
> Using Dreamweaver CS4 on a Mac
>
> Upon opening some of my pages, I get a box showing HTML
Corrections:
> "Corrected invalid HTML" then in the box it shows "Line
94 Col
> 179 : Closed a <img> tag that was left unclosed."
This box has a "Continue"
> button that I click on to dismiss it; however, the same
message occurs each
> time I open that page and nothing ever seems to actually
get corrected, even
> after working on the page and saving it.
>
> I understand the Line 94 portion, but the Col 179
portion baffles me, because there are not that many characters on
that line, only 97 characters.
>My question then is twofold.
> 1. What is the Col 179 referring to if there are not
that many characters on the line in question?
> 2. How do I get the Line/Col correction to actually
_stay_ corrected? The tag looks closed to me.
I don't want to turn off the auto-correction. I'd just like
to have the corrections stick once I've been informed that they
have been corrected. I haven't uploaded the page in question yet,
but have included the line of code that is being referred to, and
can upload the page if it needs to be viewed in its entirety for
someone to help. Thanks.

I originally posted this in the wrong forum, and was advised
to continue the discussion here. Thanks to Danillo Celic, I have a
partial understanding of what's ocurring, but my problem hasn't
been resolved, so here goes again, with more detail.
Original post (somewhat edited):
> Using Dreamweaver CS4 on a Mac
>
> Upon opening some of my pages, I get a box showing HTML
Corrections:
> "Corrected invalid HTML" then in the box it shows "Line
94 Col
> 179 : Closed a <img> tag that was left unclosed."
This box has a "Continue"
> button that I click on to dismiss it; however, the same
message occurs each
> time I open that page and nothing ever seems to actually
get corrected, even
> after working on the page and saving it.
>
> I understand the Line 94 portion, but the Col 179
portion baffles me, because there are not that many characters on
that line, only 97 characters.
>My question then is twofold.
> 1. What is the Col 179 referring to if there are not
that many characters on the line in question?
> 2. How do I get the Line/Col correction to actually
_stay_ corrected? The tag looks closed to me.
I don't want to turn off the auto-correction. I'd just like
to have the corrections stick once I've been informed that they
have been corrected. I haven't uploaded the page in question yet,
but have included the line of code that is being referred to, and
can upload the page if it needs to be viewed in its entirety for
someone to help. Thanks.

My G4 won't open iTunes correctly. It appears open in the dock but

my G4 won't open iTunes correctly. It appears open in the dock but no window will open and it won't show in the menu on top. When I click on an mpe on the decktop or load a CD, nothing happens. I have reloaded the program, upgraded, etc.

I am had the same problem for a whole day after upgrading my itunes, and now that problem stopped and I have now moved on to other problems....
http://discussions.apple.com/thread.jspa?threadID=384666&tstart=0
Any explination on this would help a bunch...
thanks
g5 imac & g3 imac dv Mac OS X (10.3.7)

I have been using a Google moderated group with a robo receptor which suddenly turns down my message submission because it won't "word wrap" correctly. I have made no changes in my messages to the forum so the problem must be with my end. Any Ideas?

I have been using a Google moderated group with a robo receptor which suddenly turns down my message submission because it won't "word wrap" correctly. I have made no changes in my messages to the forum so the problem must be with my end. Any Ideas?

I have been using a Google moderated group with a robo receptor which suddenly turns down my message submission because it won't "word wrap" correctly. I have made no changes in my messages to the forum so the problem must be with my end. Any Ideas?

Fixed Position Divs Won't Position Correctly

Hi,
I'm using Dreamweaver CS5 and trying to put a series of thumbnail images within a div using the fixed position method. They look great in Live View but when the page is posted they shift way off to the left. Here's the page:
www.acemon.com/features.html
It looks pretty bad in Firefox and absolutely awful in Internet Explorer.
I added background colors to the various divs (partly to help me locate them correctly) and I want to center the photos in the greenish box. I'm a fairly new Dreamweaver user and spent about two hours trying to figure out what I'm doing wrong.
Thanks,
-Ace-

Thank you. I am in your debt.
Here's my previous site. Each time I learn a little more and can add better features.
www.TheFreeSkiBus.org

CS4 Photomerge Won't Align Images Correctly

I've used PS CS4 successfully several times to create panoramic images. I decided to re-do a panorama that I had created with an older version a few years ago, but CS4 won't align the images correctly. It keeps trying to make the horizon into a wavey line. It also is not giving me the option of adjusting its results. Is there anything I could do to fix this?

You probably don't want to hear this, but Photoshop CS5 apparently has improved horizon handling over CS4. I've noticed the horizons in my panos are coming out better with CS5.
That said, have you tried "Cylindrical" mode instead of "Automatic"?
-Noel

Netbook Asus : won't turn off correctly after suspend/resume

Hello,
I don't know if it is Archlinux related as I did not test it recently with others distributions, but I did not have this problem one year ago with Archlinux. Probably it appeared with one of the updates, but I can't tell when or what.
I have a netbook Asus EEEPC 1005P. Everything works fine, I can turn it off correctly if I don't close the lid when on battery.
If I do close the lid when on battery, (using laptop-mode and acpi-eeepc-generic, as suggested in the wiki), the netbook goes on suspend. It is the default behavior, and nothing is wrong here. I can use it correctly when re-opening it. But then it won't shutdown correctly.
When turning it off (by pushing the power button, or launching the command "halt" or "dbus-send [blabla-freedesktop-consolekit].Stop"), the system starts stopping the daemon, and then the screen goes all fuzzy, lines and pixels fly and blink all over the screen. And it becomes impossible to turn the computer off, even when pressing the power button down for five (or more) seconds. I have to take the battery off.
Does anyone have the same problem ? (and/or know how to remove it)
Thanks a lot,
Regards,
kholo

I had a similar problem that was caused by a wireless usb card in the netbook. Maybe look at the modules loaded for wifi and unload it manually before doing a suspend and see if the problem continues.

My divs won't behave themselves....

I am trying to to put two divs within another div and I can't get them to behave...
Imagine a two smaller divs contained by a larger div.
I want an image in one of the small boxes to float left and then in the smaller box floating right I want text floating to the right of the image.
No matter what I do, the text won't go up beside the image. It wants to go beside the image but only start at the bottom of the image.
I am sure the boxes are within the larger box and I am sure that the widths of the two small boxes are smaller than the width of the bigger box.
(I am creating classes that define the size and position of the divs... am I missing a setting?)
Anybody have this problem before and know a solution?
Thanks...

If you get the maths correct - works like a charm - no need for that extra <div> surrounding the two small floated <divs>
<!DOCTYPE HTML">
<html>
<head>
<meta http-equiv="charset=UTF-8">
<title>Untitled Document</title>
<style>
.classifiedbox {
width: 875px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: thin solid #000000;
.classifieddescription {
height: 35px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
text-align: center;
font-weight: bold;
font-size: 24px;
.classifiedpic {
width: 260px;
height: 260px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
.classifiedbox div div {
.classifiedtextdes {
width: 595px;
float: left;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-align: left;
text-indent: 10px;
font-size: 18px;
.classifiedobjectbox {
float: left;
width: 270px;
height: 265px;
.classifiedcontactbox {
width: 875px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
clear: both;
</style>
</head>
<body>
<div class="classifiedbox">
<div class="classifieddescription">Description Goes Here</div>
<div class="classifiedobjectbox"><img src="swapshop/0001/mccarverRound.png" alt="" class="classifiedpic"/></div>
<div class="classifiedtextdes">This is a round coffee table made out of scratchy stuff that I don't know what it is. It's great for a large living room. You can tell from the magazine pictured how large it is.</div>
<div class="classifiedcontactbox">Contact box
<div>Phone #</div>
<div>Email</div>
</div>
</div>
</body>
</html>

Pages ' suddenly won't let me correct documents.08

Am using pages '08 It suddenly won'tlet me correct existing document. it puts strike thru but i cant delete or add charcters,!!!
Please help!!!
It is not doing this on all my documents. When I try to make changes it does a grayout & also pots a small vertical mark in the lsft margin of that line. What is going on. I "upgraded" to Maverix a couple of months ago but this problem just started. any Ideas?

You have Traking changes on. Go to Edit > Turn off Tracking.

Trouble getting Fluid Grid Div's to line-up

Hello - I've a problem with some "Fluid Grid Div's" I'm using on a "Responsive Website" I'm building and I'm hoping someone can point me in the right direction.
- Working In CS6 DW -
My "Mobile" version looks OK as a 1-column but my "Tablet" and "Desktop" version that are supposed to be 2-column have problems.
On the "Tablet" and "Desktop" the title bar in black with the orange text "SELL IT" is the problem.
When I added it to the "Desktop" version and sized it to fit over my text column (Div) that's it's suppose to go over - it pushes the text column that should be under it off to the left and I can't seem to get it to go under it.
What's really puzzling is, if I make the "SELL IT" bar 100% in width (960px) then the text column (Div) falls under it fine, but when I reduce the width of my "SELL IT" bar to the same width as the text column (Div) that goes under it - all it does is push the text column (Div) off to the left as it's doing in the page I've posted.
The "Tablet" version has some issue's also but I think if I can get the "Desktop" version fixed, it'll give me the knowledge to get the "Tablet" version working right.
I added the "EVENTS" title bar in first and sized it and got to fit perfectly, but when I added the "SELL IT" title bar - my problems started.
Please help a newbie out in the Dreamweaver CS6 world!
Thanks,
Flip
I've posted a page that represents my issue.
http://www.wakeupgraphics.com/ici_t/index03t.html

I have to agree with Ben. Despite Adobe's hype, FGLayouts feature is not for beginners. You need a firm grasp of HTML, CSS, RWD and CSS Media Queries to use it correctly.   Most beginners don't use it right.
Your HTML code is too fussy and cluttered for such a simple page. When I see excessive use of <span> <br> and <div> tags it makes me cringe. Why are you making things so complicated? You have all the style hooks you need with plain HTML selectors. h1, h2, h3, p, dl, dt, dd. Incidentally, I don't like the extra scroll bar. It's going to be sheer hell to navigate on a mobile device.    Copy & paste this code into a new, blank document.   Save and preview in browsers.
<!doctype html>




<html class="">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>test_ici</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/tcycleslider.css" rel="stylesheet" type="text/css">
<style>
/**CSS Reset, fixes the box model in % layouts**/
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
/**links**/
a img { border: none }
a {
    text-decoration: none;
    color: #F90
a:visited { color: #999 }
a:hover, a:active, a:focus {
    color: #CFF;
    text-decoration: underline
body {
    background: #000 url(http://www.wakeupgraphics.com/ici_t/images/BG_LRG3bg-lr.jpg);
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: 100%;
    color: #EEE;
.gridContainer {
    background: rgba(51,51,51,0.5);
    border: 1px solid #000;
    width: 96%;
    margin: 0 auto;
#Div1, #Div2{
    background: rgba(0,0,0,0.3);
    border-radius: 15px;
    margin:0 0.5% 0 0.5%;
h2 {
    font-family: Arial, "Arial Bold", "Arial Bold Italic", "Arial Italic";
    font-size: 225%;
    font-weight: bold;
    color: #F60;
    background: #000;
    border-radius: 10px 10px 0 0;
dl {
    margin: 4% 0 0 4%;
    padding: 1%;
    font-size: 80%;
    color: red;
    padding-bottom: 20px
dt {
    font-style: italic;
    font-weight: bold;
    line-height: 2.5em;
    text-decoration: underline;
    color: #EEE;
dd {
    font-size: 75%;
    color: #EEE
/* Special Rules for Tablets, Desktops */
@media only screen and (min-width: 500px) {
.gridContainer { width: 80%; }
#Div1, #Div2 {
    width: 49%;
    float: left;
footer {
    clear: both;
    display: block;
</style>

<script src="respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<header> Header </header>
<div id="Div1">
<h2>SELL IT</h2>
<dl>
<dt>1965 Mustang Convertible </dt>
<dd>Matching numbers; original engine and transmission, correct exterior color and interior color. The paint and interior are new, just restored, red with white interior and top; 6 cylinder, automatic, power steering, power top, detailed engine compartment and trunk restored floor pans and exterior sheet metal. </dd>
<dt>1968 Corvette Convertible </dt>
<dd>VIN 194678S423292, New 350 engine, 4 speed transmission, New red paint, interior and top black, stainless steel brakes, Looks and drives great like new. </dd>
</dl>
</div>
<div id="Div2">
<h2>EVENTS<a href="http://www.impatientcreations.com/Events/index.htm" title="Events" target="new"></a></h2>
<dl>
August 20014
<dt>Last Saturday Montgomery, AL Cruise Night </dt>
<dd> When: Sat, August 30, 6pm – 10pm</dd>
<dd>Where: Montgomery, AL (<a href="https://www.google.com/maps/place/7900+Vaughn+Rd,+Montgomery,+AL+36116/@32.338249,-86.1784 629,17z/data=!3m1!4b1!4m2!3m1!1s0x888c2b7e9d1c573b:0x9c731719fc4988c5" title="Flip's_Grill" target="new">map</a>)</dd>
<dd>Description: Flip's Grill at Vaughn & Taylor Roads</dd>
<dd>Info: Bryant, 334.290.7509</dd>
</dl>
<dl>
September 2014
<dt>1st Friday Gadsden Cruise Nights</dt>
<dd>When: Fri, September 5, 7pm – 10pm</dd>
<dd>Where: Gadsden, AL (<a href="https://www.google.com/maps/place/Gadsden+Museum+of+Art/@34.0130619,-86.0228765,12z/data=! 3m1!5s0x888a3ea4574b4387:0x5aa4120bf25ef6e0!4m5!1m2!2m1!1sgoogle+map,+Museum,+Broad+Street +in+downtown+Gadsden!3m1!1s0x888a3ea44eefd4f1:0x644cd4cdf002c6dd" title="Broad St_cruisenight" target="new">map</a>)</dd>
<dd>Description: Broad Street, Downtown</dd>
<dd>Info: 256.390.4787</dd>
</dl>
<dl>
<dt>1st Saturday at Dairy Queen in Alabaster</dt>
<dd>When: Sat, September 6, 8am – 12pm</dd>
<dd>Where: Alabaster, AL (<a href="https://www.google.com/maps/place/780+Colonial+Promenade+Pkwy,+Alabaster,+AL+35007/@33.237 7613,-86.8018635,17z/data=!3m1!4b1!4m2!3m1!1s0x888925952b6ac7d9:0x3b5e48d7f61499e1" title="DQ_Alabster" target="new">map</a>)</dd>
<dd>Description: 1st Saturday at Dairy Queen in Alabaster</dd>
</dl>
<dl>
<dt>1st Saturday Hoover AL Cruise Night</dt>
<dd>When: Sat, September 6, 8am – 12pm</dd>
<dd>Where: Hoover, AL (<a href="https://www.google.com/maps/place/Old+Patton+Chapel+Rd,+Hoover+Square+Shopping+Center,+Hoo ver,+AL+35216/@33.3929789,-86.8073922,17z/data=!3m1!4b1!4m2!3m1!1s0x888922095c428053:0xc85 2d493c0ea3860" title="KrispyKream_Hoover" target="new">map</a>)</dd>
<dd>Description: Dixie Vintage Automobile Club KRISPY KREME COFFEE CRUISE IN, Highway 31 at Old Patton Chapel Road</dd>
<dd>Info: Gary Adams 205-706-7614</dd>
</dl>
</div>
<footer> Footer </footer>
</div>
</body>
</html>
EDIT: I changed Layout1 and Layout2 to Div1 and Div2.

HT1918 why does my app credit card billing information change every time I have an update on my phone? then it won't let me correct it

Ok when I install an app, even a free one, it always asks for my log in then takes me to the app. Never have problems with this unless my phone has an update, as soon as I install an update, my billing information get's messed up so it won't allow me to download or update apps. I've gone in to correct the billing information, which was only the security code from the back of my card, and it will not accept the changes. How do I fix this?

Amylovelyy wrote:
Every time I try to download an app it says billing info is incorrect but its all correct ...
Contact iTunes Customer Service and request assistance
Use this Link > Apple Support iTunes Store Contact
Amylovelyy wrote:
... it won't let me sign in using a diff apple id ...
Settings > iTunes and App store > Apple ID = Sign Out... Then Sign In using the preferred Apple ID.
It should be Noted that anything Downloaded with a Particular Apple ID is tied to that Apple ID and Cannot be Merged or Transferred to a Different Apple ID.

S_ALR_87013543 report not showing line item correctly

Hi all,
The S_ALR_87013543 report or any other cost plan report not showing the line item report correctly.
eg When the S_ALR_87013543 report executed it showing 100 as a plan value against one of cost element when we double click and go to line item report it showing only one entry of 50 which is wrong.
when i checked the COSP table for the wbse with that cost element it has two entries with value type 1 and 29. value type 29 says value from sales order and 1 as plan .
My query is why S_ALR_87013543 report not showing the correct value or shall it not pick the value from value type 29.
regards
Shiv

Hi Preeti,
Thanks for the updates but one more issue. In one case COSP has a one entry for value type=1 with Busniess transaction SDOR but it was not shown in line item report. it says " no line item were selected". inspite of entry in COSP.
Screenshot of report attached,.
when i checked the drill down report for line item it says no line item found.
Any idea what went wrong
Regards
shiv

Div won't line up correctly

Similar Messages

Maybe you are looking for