Text / images do not align properly

Good Afternoon Everyone
Many of you will more thank likley tell me to look up different tutorials however my problem is that i learn as i go along ( im like a sponge) the way i learn is by getting it wrong to begin with.
My question is. when i sometimes add an image or text they are perfectly inline for where i want them to be. however when i go into live mode, they are either too high up or too low down.
How do i correct this? ive tried to switch between relative, absolute ect. but all i see that changes is that in absolute i can move the text / image
If you could tell me what im doing wrong and how to fix this this would be great..
I am very new to this and i am wanting this to be a great project...
Thank you in advance

Hi there.
As you will see form the image the "tj lettings is way out of line in the design just to show how bad it is in the live version. im wanting both pieces of text to sit above the grey banner.
the code for the website is as follows ( I think):
<!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" />
<title>Untitled Document</title>
<style type="text/css">
.a {
    font-family: "Century Gothic";
    font-size: 16px;
.white {
    color: #FFF;
.blue {
    color: #09F;
.white {
    color: #FFF;
    font-family: "Century Gothic";
    font-size: 16px;
.telephone {
    font-family: "Century Gothic";
    font-size: 16px;
    color: #09F;
.colouredbox {
    font-family: "Century Gothic";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #09F;
    background-color: #999;
    height: 20px;
    width: 150px;
</style>
</head>
<body bgcolor="#0099FF">
<div id="TJ" style="position: absolute; left: 356px; top: -46px; width: 285px; height: 274px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 230px; color: #FFF;"><P align="center" class="tj">TJ</P></div>
<div id="undertrim" style="position: absolute; left: -3px; top: 393px; z-index: 2;"><img src="website/Undertrim_BLue.png" width="1454" height="500" /></div>
<div id="Tjlogo" style="position: absolute; left: -95px; top: -36px; z-index: 1; : height: 285px; width: 252px;"><img src="website/logo2.png" width="500" height="500" /></div>
<div id="arrowgrey" style="position: absolute; left: 223px; top: 434px;"><img src="website/BannerArrow.png" width="42" height="29" /></div>
<div id="bannertop" style="position: absolute; left: 0px; top: 224px; z-index: -1; width: 1406px; height: 49px;"><img src="website/bannertop.jpg" width="1450" height="50" /></div>
<div align="center" id="email" style="position: absolute; left: 345px; top: 220px; width: 413px; font-size: 18px; font-family: 'Century Gothic';"><p> <span class="blue">e:</span> <span class="white">[email protected]</span></p></div>
<div id="tele" style="position: absolute; left: 947px; top: 222px; width: 203px;"><p class="telephone"><span class="blue">t:</span></span> <span class="white">01159 875 747</span></p></div>
<div id="twitter" style="position: absolute; left: 851px; top: 275px;"><img src="website/twitter.jpg" width="60" height="59" /></div>
<div id="instagram" style="position: absolute; left: 926px; top: 274px; width: 54px; height: 56px;"><img src="website/insta.jpg" width="55" height="59" /></div>
<div id="topprop" style="position: absolute; left: -3px; top: 275px; z-index: -2;"><img src="website/Riverbank launch 030.JPG" width="1453" height="617" /></div>
<div id="Lettings" style="position: absolute; left: 652px; top: -176px; width: 693px; height: 215px; font-size: 152px; color: #FFF; font-family: Georgia, 'Times New Roman', Times, serif;"><p>Lettings</p></div>
<div id="bannertag" style="position: relative; left: 0px; top: 430px; z-index: 2;"><img src="website/bannertop.jpg" width="222" height="21" /></div>
<div id="pofw" style="position: absolute; left: 12px; top: 438px; z-index: 3;"><p class="white">Top Property of the week</p></div>
</body>
</html>

Similar Messages

Images not aligning properly in table cells

I have a simple table (1 row, 4 columns).
Three of the images have identical dimensions (108 x 200 pixels). After placing them each into a cell of the table, the middle image is not aligned with the other two. Instead, it is higher in the cell.
I looked at source code, and everything appears to be identical. Also, every image has the default setting for alignment (center, middle).
How can I fix this?
Thanks

OK thanks for posting a link to your site. The error is in Line 73 . The code snippet looks like this:
Click on the above picture to get a magnified version of it and you will see that in Line 73 you have something like this:
& nbsp;
Delete it and your problem is solved.
Good luck.

Images,css not appearing properly after accessing the reverse proxy page.

Usecase :
1) OHS1 with mod_osso agent deployed.
2) OHS1 configured as reverse proxy.It points to the webserver(OHS2) of the app1.
OHS1(mod_osso agent installed)-->OHS2(app1 webserver)
3) httpd.conf entry in OHS1:
ProxyRequests Off
<Proxy *>
Order deny,allow
Allow from all
</Proxy>
ProxyPass /test/ http://tkcltkcl.padma.xxx.com:8088/test/
ProxyPassReverse /test/ http://tkcltkcl.padma.xxx.com:8088/test/
4) The direct url for appl1 works as per expectation. The reverse proxy redirects from the OHS1 correctly to the app1 OHS webserver accessing the app1 url.But the contents in the redirected app1 url are not aligned properly.Images,css,placement of html links are not appearing properly on the page.
Do we need to do any other configuration in the revere proxy setup so as to avoid the misalignment on the redirected page?
Thanks.

Hi:
Thanks for the reply! I have been UTTERLY scrupulous about
keeping precisely time-matched and points-in-my-process-matched
copies of the project folder for logical, "scientific" testing in
RH5 and RH7, on precisely matched content.
I have never even tried to open an RH7-processed copy of the
project in RH5 because I was warned strongly against this action.
It boils down to this; I cleaned up, FANATICALLY, all those
illegitmate filenames, ran the project again in 5, still got
impermissible missing images (and I mean MORALLY impermissible,
because I'm doing the right thing!)
Then, I took that project folder, copied it, and opened the
exact same ingredients, via the .xpj file, in RH7. Same missing
images.
WAIT! Left out something important in first post! Dang; this
was important! I've fixed missing images, had them appear properly
upon compilation, then had others that HAD been right, come out
missing. Have also had reimported, re-placed images come out upon
compilation following repair, and then go missing again on third or
later, subsequent compilations. Maddening.
Am EXTREMELY reluctant to delete CPD file, because the last
time I did that, I lost EXTENSIVE work I'd done on TOC and Index.
Not cool at all.
Hope this wasn't too cranky; truly grateful for help. Just
very frustrated.
Thanks!

Why do QTVR interactive images do not function properly or at all?

QTVR interactive images do not function properly. Check this page out in firefox and then in safari and see the difference.....
http://www.edfruinphotography.com/MILLCITY_2.html

I have Safari 5.1.7. I am using Mac Snow Leopard.
That page is using Flash as well as Quicktime. With Firefox, when I drag the cursor, there is no movement until I let go of the button. That makes it very jerky.
You could try disabling hardware acceleration and see if that works better with Firefox, in Preferences > Advanced > General.

IPad air Smart Cover not aligning properly

Is anyone else having issues?
My nice new iPad air arrived on Tuesday, 3 days latter I received my apple Smart Cover! Why not send them together? That's another storey.
After a days use, I notice that the cover is not aligning properly, then I read online that it could be an issues with the actual iPad not the cover, anyone else having these problems?
Experienced outcomes?
Regards
Norm.

You don't have this option?
Open Settings->General->Lock/Unlock...make sure it is toggled on.
Also, try restarting the iPad then check Settings again.
When the iPad recognizes that the cover is installed that setting should appear and as I can recall, it defaults to that setting being ON. Are you using an Apple Smart Cover or a third party cover. If it's an Apple cover & that setting doesn't appear, take the cover back to the store & exchange it, there may be a problem with the magnet placement in the cover. If that doesn't fix the issue then you may have to make an appointment at a Genius Bar to have them run a diagnostic on your iPad.

Images are not displaying properly i.e Broken

images are not displaying properly i.e Broken .they are not opening in any website even in facebook

Hi Himanshu,
Tools>Internet Options>Advanced tab, click the "Reset" button.
Close all open IE windows and then start IE and try again.
Post consumer questions about IE to http://answers.microsoft.com (Help>Online Support menu from IE.)... at the answers forum you have to select what version of windows and IE you are using with your question...
which you did not stipulate here.
You can also choose at answers your preferred language and receive an answer in your preferred language.
Also include with your questions to answers, the FULL address of any websites you are having problems with... so that the support engineers can visit and test the web page...
Just saying Facebook is not sufficient as when you say 'pictures' are not displaying...perhaps you mean 'video' pictures... also websites like Facebook have different addresses for different parts of the world.
eg. http://facebook.com.au/ or http://youtube.com.au/nasa
This forum is for questions from System Administrators who manage 100's of computers that use IE with IEAK and GPO.
Regards.
Rob^_^

New Macbook Pro Lid not Aligned Properly

Hi all,
I received my new 2010 15" HR i7 Macbook Pro earlier this month (May) and have been very happy with it up until yesterday when I noticed that the screen lid and the rest of the body do are not aligned properly when the lid is closed. There is an offset of about 1.5mm in the left-to-righthand direction.
The computer is only weeks old and hasn't been dropped or mishandled, so I was wondering where I stand here. It's not a massive deal really, but I feel as a virtually brand new machine, this thing should be perfect. Would I be entitled to a replacement for this defect, and if so, how long would I likely be without a machine whilst I send it back etc. (it has some customisations so can't be exchanged in a retail store).
Thanks in advance

Hi chapowski and welcome to Apple Discussions!
You are asking questions here which we don't really have any way of answering. Your best bet is to contact Apple ((44) 0844 209 0611 in the UK) and let them know your problem, and ask what they can do for you.
Just FYI, Apple typically does not replace computers unless they are unable to repair them. Since it is not a stock machine, a repair would likely take less time than a replacement anyway.
Best of luck.

Content not aligning properly?

I'm Having trouble getting my content to align properly, it looks right in dreamweaver but when I put it (doesn't matter what internet browser) it is not aligned the same way it is in dreamweaver. The site is www.thecrowdedroom.ca It's pretty obvious what isn't linging up.... The nave container the page identifier and the page content
Here's my code, I've put the code for the style sheets below the source code
SOURCE CODE:
<html>
<head>
<title>crowded room - home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="stylesheet1.css" rel="stylesheet" type="text/css">
</head><center>
<body>
<div id="container">
<div id="navbar" align="left">
        <ul>
            <li><a href="CRhome.html"><img src="images/home-button.jpg" alt="Home" width="75" height="23" border="0"></a></li>
            <li><a href="CRprojects.html"><img src="images/projects-button.jpg" alt="Projects" width="87" height="23" border="0"></a></li>
            <li><a href="CRinfo.html"><img src="images/rundown-button.jpg" alt="Info" width="131" height="23" border="0"></a></li>
            <li><a href="CRcontact.html"><img src="images/contact-button.jpg" alt="Contact" width="89" height="23" border="0"></a></li>
        </ul>
</div>
<div id="display">
<img src="images/home-display.jpg" width="182" height="34">
</div>
<div id="content">
Welcome to the Crowded Room<br><br>
Home of Web Developement, Media Production, and Event Planning<br>
Take a look around, check out our current and past projects
</div>
<div id="footer">
Copyright © 2009 CROWDED ROOM PRODUCTIONS. All rights reserved
</div>
<this is the container div nothing goes below it>
</div>
</body></center>
</html>
STYLE SHEETS
#container {
    background-image: url(images/CRhome.jpg);
    background-repeat: no-repeat;
    height: 800px;
    width: 800px;
    margin-top: 30;
    margin-right: auto;
    margin-left: auto;
#container #navbar ul {
    list-style-type: none;
    clip: rect(auto,auto,auto,auto);
    height: 4px;
    width: 100px;
#container #navbar ul li {
    margin-top: 6px;
#navbar {
    height: 100px;
    width: 100px;
    float: none;
    margin-top: 202px;
    margin-left: 50px;
    position: absolute;
    left: 254px;
    top: 87px;
#display {
    position: absolute;
    left: 311px;
    top: 630px;
#content {
    letter-spacing: normal;
    text-align: left;
    word-spacing: normal;
    overflow: auto;
    height: 122px;
    width: 760px;
    margin-top: 635px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    position: absolute;
    font-family: "Myriad Pro";
    font-size: 14px;
    font-style: normal;
    line-height: 25px;
    vertical-align: middle;
    left: 284px;
    top: 30px;
#footer {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 9px;
    height: 14px;
    width: 800px;
    position: absolute;
    text-align: center;
    left: 283px;
    top: 785px;
    margin-top: 30;
    margin-right: auto;
    margin-left: auto;
#contentpic {
    letter-spacing: normal;
    text-align: left;
    word-spacing: normal;
    overflow: auto;
    height: 150px;
    width: 200px;
    margin-top: 635px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    position: absolute;
    font-family: "Myriad Pro";
    font-size: 14px;
    font-style: normal;
    line-height: 25px;
    vertical-align: middle;
    left: 12px;
    top: 32px;
#contentwordpic {
    letter-spacing: normal;
    text-align: left;
    word-spacing: normal;
    overflow: auto;
    height: 150px;
    width: 560px;
    margin-top: 635px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    position: absolute;
    font-family: "Myriad Pro";
    font-size: 14px;
    font-style: normal;
    line-height: 25px;
    vertical-align: middle;
    top: 31px;
    left: 214px;

http://www.thecrowdedroom.ca
I can tell you that having no document type declaration (DTD) on the first line of your HTML docs is not a good thing and sends your page into Browser Quirks Mode.
DW   automatically applies a doc type to new pages so you may have copied & pasted this code from someplace else ??
To fix this problem, Go to File Menu > Convert > Select a Doc type that fits your coding skills. Either XHTML or HTML (transitional).
HINT: It's a good idea to use HTML heading <h1> <h2> <h3> or paragraph <p> tags around your text content for search engines to find. Heading 1 carries greater importance than heading 2 and so on...
Related Links:
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
HTML & CSS Tutorials - http://w3schools.com/
Creating your first website in DW CS4 -
http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html
Good luck with your project,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Div tags not aligning properly

I can not get my div tags to align properly. I have one div tag set to float left, and the other to float right. I can get the first set to work, but as soon as I add in another set, they both float left. I have played around with margins, borders, and padding and nothing seems to be working. Here is the code:
<style type="text/css">
.pageborder {
width: 795px;
height: 1000px;
border: medium solid #008478;
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
.prodboxleft {
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
background-color: #76c6be;
text-align: left;
width: 369px;
float: left;
height: 150px;
border: medium dashed #008478;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 12px;
padding: 0px;
.prodboxright {
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
background-color: #76c6be;
text-align: left;
width: 369px;
float: right;
height: 150px;
border: medium dashed #008478;
margin-top: 5px;
margin-right: 12px;
margin-bottom: 5px;
margin-left: 5px;
padding: 0px;
</style>
</head>
<body>
<div class="pageborder"><div class="prodboxleft">Content for class "prodboxleft" Goes Here</div>
<div class="prodboxright">Content for class "prodboxright" Goes Here</div>
<div class="prodboxleft">Content for class "prodboxleft" Goes Here</div>
<div class="prodboxright">Content for class "prodboxright" Goes Here</div>
<div class="prodboxleft">Content for class "prodboxleft" Goes Here</div>
<div class="prodboxright">Content for class "prodboxright" Goes Here</div>
</div>

Thank you, unfortunately that is not the issue. The border is set in pixels and it is wide enough to accommodate the floated containers. As I mentioned in my first post, the first set of containers work perfectly, then the second set does not, and yet a third set does. It is almost as if there is something in the middle of the space that is not allowing the containers to behave properly. I have attached a screen shot to show what I am talking about.

Front panel not aligning properly on scale print

So I've created a custom print VI with various graphics that I'd like to print on an 11x17 sheet of paper in landscape mode, but for the life of me I can't get the thing to align properly. I want the front panel to print centered with 0.1 - 0.2 inch margins all around, but instead of doing this, the front panel will sometimes print aligned to the left and top or other times to the right and top (with wrong margins always on two sides, sometimes three or four). I'm using a programmatic call to the easy print function that scales the front panel to fit on this size. However, even after making the proportions of objects on the VI 11:17 (vertical: horizontal) I still can't seem to get this thing to center properly. Any ideas of what the problem could be?

Ok, So I created a blank VI with a 1280 x 1978 frame decoration, yet the print preview in labview still doesn't seem to show the thing with proper alignment.
Looking at the picture, looks like it's aligned along the right and top of the page rather than uniformly centered. Ideally, the frame would uniformly cover all the edges around the page in the preview. I suspect this is an issue with LabVIEW and not my printer, as I can set my printer to borderless printing.
Any ideas?
Attachments:
print align.JPG ‏22 KB

Icon image is not shown properly in LInux

Hi,
I am creating a JDialog as follows:
JDialog jd = new JDialog(frame, true);
in the frame, I have set the icon using
frame.setIconImage(image),
but the image set to this is not shown properly in Linux, but it is shown clearly in windows,
can anybody show some light here.
thanx,
Raj

I would put my money on the fact that since your application is timing out, it is dropping any state that your View Objects otherwise had before the application timeout.
So upon reauthorizing and reaccessing the application (and going directly to the detail page) the View Object is reinstantiated and only knows to go to its default data set which is 111.
If my assumption is correct, I don't think you could really implement this without a lot of trouble.

Viewing header info not aligning properly

I've been using Microsoft Entourage for about 6 years or so and decided to try out the Mail program. I'm running Mail 2.1.2 on OS 10.4.11. Everything is working fine except the way the emails are displayed. Header info, "From" and "To" are not aligning up properly with the names.
The sender's name (email address) is at the top and there are approx 12 line spaces (blank) before the "From:". "Subject" and "Date" info are aligned properly. Following the Date info, the receiver's name and email address is displayed followed by about 12 line spaces (blank) before the "To:". This makes the header info take up a lot of space with empty area.
I tried changing fonts and sizes with no luck. I ran all the updates which also didn't fix the problem. FYI, I use the Suitecase to manage my fonts.
Any suggestions will be greatly appreciated.
Thank you!

This is a font issue. You’ve probably either disabled or removed a font that Mail needs to work properly (e.g. Helvetica):
Font Management in Mac OS X Tiger and Panther
You can only change in Preferences the fonts that Mail uses for some things. The font that Mail uses for other things, and for message headers in particular, is fixed (Helvetica).

I'm attempting to create a pdf from InDesign and the Illustrator image does not appear properly.

I'm attempting to create a pdf from InDesign and the Illustrator logo does not appear properly. The logo has a light blue color background with a black to white gradiant over it with a multiply designation set at 100%. I flattened the logo in illustrator before importing into InDesign. When the pdf is created, the blue background of the logo drops out and the only thing showing is the graduated screen of black. PLEASE HELP!!!!!!

Thanks for your reply Peter,
I'm on Mac OSX (10.5.8) using Acrobat 7 Professional and Acrobat
Reader 9 to view the pdf. I created it by exporting. Attached is a
screen capture of the letterhead. Since I posted, I sent a test pdf to
my partner's computer eventhough it didn't look right on my system and
she said it looked fine to her. I've restarted my computer and tried
again and still get the same results.
Thanks for your help,
Pat Boullion
Boullion Graphics
281 444-5749
Fax: 281 444-6507
CONFIDENTIALITY NOTICE
The information in this email may be confidential and/or privileged.
This email is intended to be reviewed by only the individual or
organization named above.
If you are not the intended recipient or an authorized representative
of the intended recipient, you are hereby notified that any review,
dissemination or copying of this email and its attachments, if any, or
the information contained herein is prohibited. If you have received
this email in error, please immediately notify the sender by return
email and delete this email from your system.

Having problems with text, some images are not displaying properly

when opening an image( as screenshot) in firefox support forum, the close button is not showing instead a number code is shown in a box

That is a font problem.<br />
It looks that the font that is used doesn't have a glyph for this character: &#x2716; - ✖
*http://www.alanwood.net/unicode/dingbats.html
You can consider to install the DejaVu font.
*http://www.alanwood.net/unicode/fonts.html
*http://dejavu.sourceforge.net/wiki/index.php/Main_Page
I see more little boxes with a hex code that indicate that the used font is missing those glyphs and Firefox doesn't seem to be looking for them in another font as would normally happen.

Images not aligning properly in SWF

Hi, I'm working on a flash piece with buttons that display images when you rollover them. When I publish the fla the thin lines are blurry and look out of alignment even though they are perfectly aligned when I zoom in on the fla.

Cool. Thanks!
-Pat

Text / images do not align properly

Similar Messages

Maybe you are looking for