Div text moves

Hi all... I'm running dreamweaver cs4. I'm having a problem
with a div... I inserted a "draw ap div tag" and entered my text
and it is exactly where I want it.. However, when I preview it in
my browser, the text has moved... why would this happen?? Thanks in
advance guys!!!

Be aware that this page is a bit long in the tooth. I am
waiting on my
"round toit" to arrive so I can rewrite the LAWS. 8)
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
==================
"bregent" <[email protected]> wrote in
message
news:gkp351$abt$[email protected]..
> Absolutely positioned divs don't move - everything is
moving around it.
> This is
> one of the best reasons not to use AP Divs for layout.
You should only use
> ap
> divs once you understand how they work, and then use
them only for
> specific
> functions.
>
>
http://www.great-web-sights.com/g_layerlaws.asp
>

Similar Messages

AP Divs (layers) move when I open my website on different window size.

First of all, this is my first time trying to make a website.
I'm doing an assignment for my class and i found it difficult for me to fix. I have spend 4-5 hours researching online but nothing work for me.
Well,the problem is the AP Divs (layers) move when I open my website on different window size(iphone,ipad).
The website only look right on 1366 x 786 resolution. Please take a look at my 2 pics below:
And I don't know how to make the website to fit on the iphone and ipad so that I don't have to scroll down or sroll to the right to view the whole thing.
Please someone help me!
The code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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" />
    <meta name="viewport" content="width=device-width" />
<title>Boston Green Community College</title>
<style type="text/css">

</style></head>
<body>
<div class="container">
<div class="header"><a href="#"><img src="Pictures/34d-1.png" alt="Insert Logo Here" name="Insert_logo" width="619" height="90" id="Insert_logo" style="background-color: #C6D580; display:block;" />
    <div id="apDiv11"><font color="#f4f1f1">
<script type="text/javascript">
var d=new Date()
var weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var monthname=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
document.write(weekday[d.getDay()] + " ")
document.write(d.getDate() + ". ")
document.write(monthname[d.getMonth()] + " ")
document.write(d.getFullYear())
</script></font>
</div>
    <div id="apDiv1">


<form name="cse" id="searchbox_demo" action="http://www.google.com/cse">
<input type="hidden" name="cref" value="" />
<input type="hidden" name="ie" value="utf-8" />
<input type="hidden" name="hl" value="" />
<input name="q" type="text" size="40" />
<input type="submit" name="sa" value="Search" />
</form>
<script type="text/javascript" src="http://www.google.com/cse/tools/onthefly?form=searchbox_demo&lang="></script>
                              </div>
                                </div>
<div class="content">
    <center><img src="Pictures/DFDF11.png" width="959" height="556" longdesc="Pictures/junior-2-960x.jpg" /></h1></center>
</div>
<div class="footer">
     <img src="Pictures/RRR1.png" width="202" height="70" />
     <div id="apDiv3">
       <p> </p>
       <p><a href="Job.html">Jobs</a>         </p>
       <p><a href="Art Gallery.html">Art Gallery</a>         </p>
       <p><a href="Contact us.html">Contact Us </a></p>
    </div>
    <div id="apDiv4"><center>
<P>About</P>
<a href="visiting.html">visiting</a> | <a href="Map.html">maps </a>| <P><a href="About.html">about BGCC</a></P>
<P>Academic</P>
<P><a href="Courses.html">schools+courses</a></P>
<P>Admissions </P>
<P><a href="cost & aid basics.html">cost & aid basics </a>| <a href="Apply now.html">join BGCC</a>
<P>Studen Life</P>
<P><a href="Athletics.html">Athletics</a></P>
<P>Greenforce Education</P>
<P><a href="Career.html">career center</a></P>
</center> </div>
     <p><font size="2" color="black">BGCC | 99 GreenField | Boston, MA 02199 |617-0101-1000| TTY 617-0202-9944|</font></p>
    <div id="apDiv9"><a href="Donate.html" target="_blank"><a href="Donate.html"><img src="Pictures/three-green-logo.jpg" width="218" height="99" longdesc="Pictures/three-green-logo.jpg" /></div>
    <div id="apDiv8"><a href="Apply now.html" target="_blank"><a href="Apply now.html">
<img border="0" src="Pictures/cxgvxdvxgd.jpg" alt="Apply Now" width="218" height="99"></a></div>
</div>
</div>
</body>
</html>

That's what APDivs do. This is the single most common problem new people have with web page layouts. DO NOT use positioning. You don't need it. Start over. Learn to use CSS floats, margins and padding to align elements.
Below is a basic HTML5 Layout. View source in browser to see the code.
http://www.alt-web.com/sandbox/HTML5-BasicLayout.html
Nancy O.

Text Moves When Zooming/Printing

Hi everyone,
My wife is going to school for graphic design and is having a huge problem with InDesign. When placing text in very precise locations, the text moves when she zooms in/out significantly. Even when it shows the text being in the perfect location at 100% (although it is not perfect when zooming in or out), it will be moved when the file is exported as a PDF or printed. Needless to say this is causing major problems for her. We have already reset the program preferences with no luck. She is using the Design Premium CS5.5 version of InDesign on a MacBook Pro with OSX Lion.
As a side note, I tried the same tasks on my Windows 7 PC with Design Standard CS5 with no problems. We compared the program settings and made sure there were no differences but it still happened on her Mac. Any help is greatly appreciated. Thanks!
Aaron

Hi everyone,
I'm really sorry for the delay. I took screenshots at each zoom where the type shifted. Here are the screenshots:
@4000%
@300%
@125%
@100%
The reason that I don't believe it is simply monitor inconsistencies is due to the fact that whether I align the type at 4000% or 100%, the print still doesn't match the on-screen display. If I align at 100%, the print is still off by the same amount as these screenshots. Thanks again for your help.
Aaron

Text moves on publish

Since updating to 2014.0.1.30 my design and preview/publish sites don't match up.
Tested with Firefox, IE and Chrome.
When preview or publish, the text moves to the right of the screen. The text is not pinned or anything.
Everything works fine when publishing in the old 7.3 build 5.
As you can see in the three examples below the "next gallery" button moves to the right of the screen
In the preview, a second scroolbar shows up just under the pictures, besides the normal one that shows up on the bottom of the browser, I did not add this myself.
I want to use the new muse update but I can't really trust it to start editing my site in it.
The site is a simple horizontal scrolling portfolio website.
Please help
Thank you

I am actually very curious about the answer as well. Every time I try to publish a website my preview does not match with my design in Adobe Muse. See image below (just a random example I made ). Only made two rectangles and placed an image on the master page, that's it. The left image is my design in Adobe Muse, the right one is my preview.

Text moves when I don't want it to.

I've been putting text in an HDV project with no animation at all and when it is rendered in FCP it moves slightly on the first frame. Usually it fixes itself when I re-render but this time it keeps doing it. Does anyone know how to fix this.
Vince

And it is costing me money.< </div>
Apple never promised you'd get rich using their software. Motion has many inexcusable quirks but many of us in the motion graphics business have found ways to get around them. Many techniques have been assembled over a long decade of using After Effects or slogging through Apple's lies and broken promises in Motion's earlier versions.
I have no idea what you're building but you might be able to stop spending time and money trying to make everything work in a single project:
Use your main comp as a reference system for timing your text effects and then create your text elements as a separate composition. Nest them together in Motion or bring them into FCP.
Breaking complex projects into separate elements saves tons of processing time and makes revisions fairly easy.
bogiesan

My Text Moves Position Depending on the Browser I Use

I'm having a bit of trouble getting my text to stay put in
different browsers. For the text on my left side buttons, I've been
placing the text in an APdiv and centering the text on the button.
It stays put in IE, but the APdiv moves to the top of the button
(table cell) in Mozilla and to the bottom of the button (table
cell) in Safari.
I tried using the CSS Rule Definition window to place the
APdiv in an absolute "top" position and I'm still having the
same problem.
I read the section on absolute positioning on
Dreamweaver CS3 The Missing Manual but nothing I've read has
really helped and like I said, I already tried absolute
positioning.
I'm new at this and the site I'm working on is for my class
final and I'm really trying to get it right. I'm only good with
basic coding, so if your helpful answer includes code, please be
very specific about where to place it in he code section of the
page.
I haven't uploaded my actual site yet, but I have an image of
the home page holding my place. You can view it
here. The buttons are placed as
rollover images inside a table and the text I'm using in the APdiv
on top of that is not the text that appears on the buttons (had
issues and decided to go simple with DWs fonts - used the set
Geneva, Arial, Helvetica, sans-serif).
I'm working on a PC running Windows XP Media Ed. w/ SP2 if
that makes any difference. And I"m using DW CS3.
Please help ASAP - the site is due Wed. 12/12.
Thanks in advance.

Hello,
Can you paste the whole page's code, from start to finish?
We need to see the CSS as well as the page layout to offer
some suggestions.
The problem is definitely with the Absolutely Positioned DIVS
(Layers), but
it could be anything from different browsers default margins
to invalid code
surrounding what you've shown.
Take care,
Tim
"iigot2bme" <[email protected]> wrote in
message
news:[email protected]...
>
I believe this is the code that contains the text:
> <div align="center"><a
href="bio.html">Artist<br />
> Biography</a></div>
> </div>
> <div class="top_buttons" id="Layer3"><a
> href="resume.html">Resume'</a></div>
> <div id="Layer4">
> <div align="center" class="top_buttons"><a
> href="contact.html">Contact<br />
> Information</a></div>
> </div>
> <div class="top_buttons" id="Layer5">
> <div align="center"><a
href="shows.html">Shows<br />
> & Awards </a></div>
>
>
>
And this would be the code for the table and buttons:
> <table width="139" border="0" cellpadding="0"
cellspacing="0"><tr><td
> height="96"><table width="139" border="0"
cellpadding="0" cellspacing="0">
> <tr>
> <td height="96"><a href="bio.html"
onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('sb1','','images/template/2sb1.gif',1)"><img
> src="images/template/1sb1.gif" alt="sb1" name="sb1"
width="134"
> height="78"
> hspace="4" vspace="19" border="0" id="sb1"
/></a></td>
> </tr>
> <tr>
> <td height="19"> </td>
> </tr>
> <tr>
> <td height="75"><a href="resume.html"
onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('sb2','','images/template/2sb2.gif',1)"><img
> src="images/template/1sb2.gif" alt="sb2" name="sb2"
width="135"
> height="77"
> hspace="4" border="0" id="sb2"
/></a></td>
> </tr>
> <tr>
> <td height="35"> </td>
> </tr>
> <tr>
> <td height="75"><a href="contact.html"
> onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('sb3','','images/template/2sb3.gif',1)"><img
> src="images/template/1sb3.gif" alt="sb3" name="sb3"
width="135"
> height="77"
> hspace="4" border="0" id="sb3"
/></a></td>
> </tr>
> <tr>
> <td height="35"> </td>
> </tr>
> <tr>
> <td height="77"><a href="shows.html"
onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('sb4','','images/template/2tb4.gif',1)"><img
> src="images/template/1sb4.gif" alt="sb4" name="sb4"
width="135"
> height="77"
> hspace="4" border="0" id="sb4"
/></a></td>
>
> As much as I hate to admit it, code isn't my thing - I'm
a designer - and
> a
> student. If there is a code issue, please be precise in
telling me how to
> fix
> it.
>
> Thanks so much.
>

How to I make my text move up in smartphone view

Hi,
Using the fluid grid layout. I would like my description text to move from under the image up to the right-hand side of the image when in phone view. I'm not sure what to do. Thanks.
http://cupcakemary.skeeterz71.com/_cm_mockup/menu.html
Desktop view
Smartphone view

You can do it if you remove 2 <p> and replace it with just 1 <p> for both img and text. But, this is not recommended.
On a phone dimension, if you test using an actual phone, you'll notice you're better off having image & description after each other rather than having them side by side. This will make it 'easy on the eye' - especially if the description is longer than the img height, your alignment will break.
If you want to make it look nicer, I'll recommend that you align everything to screen center on phone resolution.

Exporting Text Movie

I've created a continuously scrolling text track in Quicktime which is to be played as an (1440x1080 / 1280x720) movie by itself, not imposed on a video track.
I have too much text to work with easily in programs like LiveType. I've got pretty much everything working in the Quicktime player itself, except that despite playing around with the positioning {textbox...}, I can't stop the text meeting the very edges of the window.
I tried to export the .mov file to FCP so that I could deal with positioning, but it's an incompatible file because it's still basically a text track. I'm also unable to export to DVD Studio Pro. I can import it into iMovie, but again the text goes right to the edges of the screen.
Any suggestions would be great. Thanks.

Add an all black image file sized 1280X720 (scaled) to the entire text track movie.
Adjust the text track dimensions or scale it in the Movie Properties window to move it from the edge of the image track.

Background image fill div, text with padding

I have a div set up with a width of 182px, and the padding is T:15 R:10 B:15 L:20. The text in the div works with these parameters, but when I add my background image (a bar of color) also 182px, it does not fill the div, only about 75% of it. I'm learning as I go, so any advice would be appreciated.

gregjb wrote:
I have a div set up with a width of 182px, and the padding is T:15 R:10 B:15 L:20. The text in the div works with these parameters, but when I add my background image (a bar of color) also 182px, it does not fill the div, only about 75% of it. I'm learning as I go, so any advice would be appreciated.
Padding is added to the dimensions of the <div>. So your <div> is really 182px wide plus padding left and right 30px = 212px
So your background image needs to also be 212px wide.
HOWEVER if you do want your <div> to only be 182px wide set its width to 152px wide to take into account the padding.

New Pages - inserting a picture makes text move - why! Urgent

With the old pages you could insert a number of things on top of or next to each other and it was fine
Now, when I have some text in a text box, or some images, and try to place a new image next to it, it causes the existing items to move!
Why?!
Please help me fix this, I'm desperate!

To adjust the positioning of an object, tap on it to select, then tap the formatting icon (paint brush), tap Arrange and select the relational position you wish to use.
This might help: http://help.apple.com/pages/ipad/2.2/#/tand6205cf6d

Is it posible to make a figure or text move across the slide?

Hi...
i am using KN3 and need to know if is posible to move a figure or text across a slide.
For instance, a textbox start on left upper corner and then it moves to right lower corner?
it is possible to do?
thanks in advance

Steve Jobs did showcase that capability in his last address "It's Showtime". I am sure it will find its way into Keynote 4, due out in January (presumably). In the mean time, the only work around I can think of is as follows:
Make five or more duplicates of the text you are trying to move
1) Make your first copy of the text appear in the upper left.
2) Introduce the next copy of the text slightly lower ad to the right with "dissolve in" at the same time as the first text dissolves out.
3) Introduce the third copy of the text even lower and to the right with "dissolve in" at the same time as the second text copy dissolves out.
4) Repeat this procedure until the last copy of the text "dissolves in" in the desired final location.
The more copies of the text you make, and the less the distance between the two text boxes, will yield a smoother transition, creatiing the effect that the text box is moving.
I did that recently with an image in a presentation and it looked quite nice. I used twelve copies to move an image from the left to the right

Changing a JLabel text moves everything around -- and it shouldn't

I have this problem where whenever I call setText() for this one JLabel, it moves everything around. It doesn't have anything to do with the length of the text, because if I replace it with the same exact string, it still moves stuff around.
I understand it's really hard to troubleshoot these things w/o source code, but I was wondering if this is a problem someone has seen before?
I'm not going to post my code just because it's too long and I won't ask anyone to go through it for me.
Basically it is a JFrame with 2 JPanels laid out w/ GridBagLayout, and each JPanel has it's own GridBagLayout
Thanks

well, Ironically, while I was creating that code sample thing I figured out what was going on myself. I was confused because of some misdirection--- the issue was not with the JLabel, that was just where the symptoms showed.
thanks anyway, and sorry for the delayed response -- i only work part time...

FCE HD Titles - text moves down screen

Hello all. When I first started to use FCE I made a title using the in-programme title system and the text displayed etc just fine. Now when I make the same kind of title the text looks much the same in the Controls pane but it tends - usually - to move itself down to the bottom of the picture when in the video pane. Needless to say I am not adding carriage returns before the text, but still down it goes as though I had done.
The text is centered - but what other controls I wonder are there perhaps that I'm not understanding that are causing this to happen?
Ancilliary question; is it possible to italicise one word in a title without the whole text being italic as well?
Many thanks
Stephen
PS its FCE HD 3.0

OK, thanks. Firstly, I was simply using what's within the programme, I tried Boris and the other complicated thing and it was rather fiddly for what I need, at the moment at least.
I went to Effects then Text then Text (all on the top left box), which opens with SAMPLE TEXT. changed the font to Baskerville and changed the colour. I then, having made a combination of font, colour etc, copied that Text item into other videos which need the same style and indeed actual text.
I've just done that again and the text stays in the middle, just fine.
But in the one in the video that actually matters, the text is up in the top of the Controls pane (under Parameters) but when you leave Controls it aligns with the bottom of the box.
That any help? Thanks again...

Entire DIV (text and images) not displaying in IE7 & IE6, says Browserlab. All other browsers OK.

Please help. I am baffled. I have created this small web site here and Browserlab shows that when using IE7 & IE6, there is an entire DIV that is not displaying at all. All other browsers seems to be OK. I have removed all 'position' attributes, with no Z-indexing on anything. I floated the top left section (to the left) and then floated the top right section ( to the right). It is the section to the right that is not displaying.
Here is a pic for most browsers. Everything seems OK.
And here is a pic showing Browserlab in IE7;
What could be causing my display problems?
Many thanks for any help.
Dave F.

Thank you. I had changed (and saved) the positioning to get rid of the absolute attribute. But for some reason, the change did not actually make it into my CSS stlye sheet. I had to manually code in the floats to left and right.
Then my problem was solved.
Now I just need to find out why my changes are not being properly saved in the CSS style sheet.
Thanks again! You definitely led me down the right path. Much obliged.

My text moves to the wrong place when I apply motion blur!

Hello friends! thanks in advance for any able to solve my problem. when ever I apply motion blur to moving text it repositions the text permanently.... I have to delete the motion blur effect in order to have it text stay on course...any suggestions?

"Delete the motion blur effect"? Sounds like you are applying an effect, rather than turning on motion blur.
Please provide a detailed explanation of the process that causes the problem. If possible, post a screengrab as well.
Note that Motion Blur, at its core, does alter the position of animation by blurring the disnace between two moments in time. When you activate motion blur, it samples the position of your text at multiple points in time to create the illusion of motion blur. If your text is moving very fast, the results can be surprisingly major.

Div text moves

Similar Messages

Maybe you are looking for