Trouble aligning centered objects

Hi, I want to have 2 objects one a contact form the other is text with links along side each other centered.
I have enclose two images, one is my best outcome which was done using tables ( which I was not happy as I couldnt edit their margins ) and the secound is an edited image on ps to clarify what I want.
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="layout.css">
</head>
<body>
<div class="wrapOverall">
<div class="container" id="header container"><div class="header">
           <img class="logo" src="../Home/images/images/Home-Page_03.png" width="447" height="69" boreder="0" />
           <div class="navMain">
               <div class="navMain">
                   <ul>
                       <li><a href="#"><img src="../Home/images/Home-Page_06 home.png" width="52" height="13" border="0" alt="Home"></a>
                     <li><a href="#"><img src="../Home/images/Home-Page_08 portfolio.png" width="92" height="13" border="0" alt="Portfolio"></a>
                     <li><a href="#"><img src="../Home/images/Home-Page_10 pricing.png" width="57" height="13" border="0" alt="Pricing"></a>
                     <li><a href="#"><img src="../Home/images/Home-Page_12 about.png" width="54" height="13" border="0" alt="About"></a>
                     <li><a href="#"><img src="../Home/images/Home-Page_14 blog.png" width="40" height="13" border="0" alt="Blog"></a>
                     <li><a href="#"><img src="../Home/images/Home-Page_16 contact.png" width="79" height="13" boreder="0" alt="Contact"></a>
                   </ul>
               </div>
</div>
</div></div>

<center><table>
    <tr>
        <td width="208">
            <div id="leftContact">
              <h5><img class="email"><img src="images/images/Contact_Email.jpg" width="106" height="25">                </h5>
              <h5><img class="emailad"><a href="#"><img src="images/images/Conatct_Email_ad.jpg" width="175" height="23"></a></h5>
              <h5> </h5>
              <h5> </h5>
              <h5><img src="images/images/Contact_Follow.jpg" width="168" height="25"></h5>
              <h5> <a href="#"><img src="images/images/Contact_fb.jpg" width="103" height="23"></a></h5>
            </div>
        </td>
        <td width="500">
            <div id="rightContact"><iframe width="500" height="550" frameborder="0" src="http://www.foxyform.com/form.php?id=355482&sec_hash=cd579c6c6a8"></iframe></div>
        </td>
    </tr>
</table></center>

<div class="container" id="footer"><div class="footer">
                <img src="../Home/images/images/Home-Page_25-copyright_25.png" alt="" width="166" height="30" class="copyright" boreder="0"/>
                    <div class="fbLike">
<script type="text/javascript">
// BeginOAWidget_Instance_2149022: #OAWidget
    var urlToLike = 'http://www.facebook.com/DKphotos.net';
    if (urlToLike == '') {
            urlToLike = window.location.href;
      urlToLike = encodeURIComponent(urlToLike);
      var font = encodeURIComponent('arial');
document.write ('<iframe src="http://www.facebook.com/widgets/like.php?locale=en_US&href='+urlToLike+'&layout=button_cou nt&show_faces=false&width=450&height=150&action=like&font='+font+'&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; border-color:#ffffff; overflow:hidden; width:450; height:150"></iframe>')
// EndOAWidget_Instance_2149022
</script>
    </div>
            </div>
    </div></div>
</div>
</body>
</html>
CSS
@charset "utf-8";
/* CSS Document */
body {
    background-image: url(images/bg_body.jpg);
    background-color: #ffffff;
    background-attachment: fixed;
    background-position: top;
    margin: 20px;
    .wrap {
        position: relative;
        margin: 100;
        /*replace 900px with your width*/
        width: 1920px;
.wrapOverall {
    width: 1920px;
    display: inline;
.container {
width: 100%;
min-width: 1100px;
max-width: none;
.header {
    background-image:url url(images/images/Home-Page_03.png);
    background-repeat:no-repeat;
    background-position:top center;
    height:97px;
.header img.logo{
    float: left;
    margin: 10px 15px 0px 15px;
.navMain {
    margin:15px 12px 12px 0px;
    float:right;
.footer img.copyright{
    float: left;
    margin: 5px 15px 0px 15px;
.footer div.fbLike{
    float:left;
    margin: 5.6px 0px 0px 0px;
/*    General Navigation Rules   */
.navMain ul {
    margin:0px;
    padding:0px;
.navMain ul li {
    margin: 0px;
    padding: 0px 15px;
    list-style: none;
    display: inline;
.navMain ul li a {
    margin:0px;
    padding:0px;
.navMain ul li a:hover {
.leftContact img.email{
    margin:0px 0px 0px 0px;
.rightContact{
    margin:40px 0px 20px 0px;
    #header, #footer {
        width:100%;
        float:left;
        #footer {
    position: fixed;
    bottom: -125px;
    z-index: 999999;
    background-color: #FFF;
.header img.logo{
    float: left;
    margin: 10px 15px 0px 15px;
Thanks

Use a CSS parent container width of about 900px and center it with margin-left and margin-right of auto.
#container {
width: 900px;
margin:0 auto;
border: 1px dotted red;
Use floats and margins to align inner elements (boxes) within the parent container.
http://alt-web.com/DEMOS/3-CSS-boxes.shtml
Nancy O.

Similar Messages

Align centers with one object stationary

My simple questions is how do you use Align Vertical/Horizontal Centers when you want align one object (say a label) to the center of another object without actually moving the first object?
Currently I just move the second object by hand and visually center it since the Align Centers button moves both objects.

That topic comes up occasionally. There is no "anchor point" object available in LV. It is something that I have wanted sometimes.
If this is important to you, post an idea on the LabVIEW Ideas Exchange Forum. If you can make a good case and many people agree with you, it might get implemented in a future version of LV.
Lynn

Script to align selected objects to artboard

Hello, I was wondering if anyone had a simple solution to aligning selected items to the artboard. I was going to create an action but then realized it would be more convenient for me to include it in my script file....I have a script to align objects with each other but they dont align to the artboard. Any suggestions?

Hello volocitygraphics,
here is a quick&dirty solution.
Note that the result may be different, if clipping masks are exists in the document.
Please test it at first on copies of your documents. Use it on your own risk.
// ArtboardCenterAroundSelectedPaths.jsx
// works with CS5
// http://forums.adobe.com/thread/1336506?tstart=0
// (title: script to align selected objects to artboard)
// quick & dirty, all selected items will be centered at the active artboard
// (include clipping paths !visible result can be different)
// regards pixxxelschubser 19.Nov. 2013
var aDoc = app.activeDocument;
var Sel = aDoc.selection;
if (Sel.length >0 ) {
    var abIdx = aDoc.artboards.getActiveArtboardIndex();
    var actAbBds = aDoc.artboards[abIdx].artboardRect;
    var vBounds = Sel[0].visibleBounds;
    vBounds_Li = vBounds[0];
    vBounds_Ob = vBounds[1];
    vBounds_Re = vBounds[2];
    vBounds_Un = vBounds[3];
if (Sel.length >1 ) {
    for (i=1; i<Sel.length ; i++) {
        vBdsI = Sel[i].visibleBounds;
        if( vBounds_Li > vBdsI[0] ) {vBounds_Li = vBdsI[0]};
        if( vBounds_Ob < vBdsI[1] ) {vBounds_Ob = vBdsI[1]};
        if( vBounds_Re < vBdsI[2] ) {vBounds_Re = vBdsI[2]};
        if( vBounds_Un > vBdsI[3] ) {vBounds_Un = vBdsI[3]};
    aDoc.artboards[abIdx].artboardRect = [vBounds_Li +((vBounds_Re - vBounds_Li)/2-(actAbBds[2]-actAbBds[0])/2), vBounds_Ob -((vBounds_Ob - vBounds_Un)/2+(actAbBds[3]-actAbBds[1])/2), vBounds_Li +((vBounds_Re - vBounds_Li)/2-(actAbBds[2]-actAbBds[0])/2)+(actAbBds[2]-actAbBds[0]), vBounds_Ob -((vBounds_Ob - vBounds_Un)/2+(actAbBds[3]-actAbBds[1])/2)+(actAbBds[3]-actAbBds[1])];
    } else {
        alert ("No selection");
I hope so, the document coordinatesystem is the same as in CS6+
Have fun

Align New Objects to Pixel Grid by Layer

It would be very nice to have the setting "Align New Objects to Pixel Grid" at the layer level.

kaanungur,
I am afraid you have come across the Live Rectangle bug sorry feature where it refuses to align to the Pixel Grid.
To get round it in each case, it is possible to Expand the Live Rectangles to get normal old fashioned rectangles, or to Pathfinder>Unite, or to use the Scale Tool or the Free Transform Tool.
A more permanent way round that is to create normal old fashioned rectangles, after running the free script created by Pawel, see this thread with download link:
https://forums.adobe.com/thread/1587587

Trouble understanding static objects

Hello,
I have trouble understanding static objects.
1)
class TestA
public static HashMap h = new HashMap();
So if I add to TestA.h from within a Servlet, this is not a good idea, right?
But if I just read from it, that is ok, right?
2)
class TestB
public static SimpleDateFormat df = new SimpleDateFormat();
What about TestB.df from within a Servlet? Is this ok?
example: TestB.df.format(new Date(1980, 1, 20));

There is exactly one instance of a static member for every instance of a class. It is okay to use static members in a servlet if they are final, or will not change. If they may change, it is a bad idea. Every call to a servlet launches a new thread. When there are multiple calls, there are multiple threads. If each of these threads are trying to make changes to the static memeber, or use the static memeber while changes are being made, the servelt could give incorrect results.
I hope that helped..
Thanks
Cardwell

Align New objects to pixel grid does not seem to work - Windows 7

Here is another issue I've been struggling with for a while.
Scenario:
1. Working on a web UI, so want to use pixel grid, which is handy. So I create a new document, web profile and making sure 'Align New Objects to Pixel Grid' is selected:
2. Yay! We have a nice and clean new document, cannot wait to start drawing rectangles! But let's double-check if everything is hunky dory:
3. Right! Let's go and start making rectangles!
4. And NOOOOOOOO!!!! As you can see in the image above, the rectangle is not aligned to pixel grid (look at the values), and it's "Align to pixel grid" option is not selected. Let's triple-check our options:
So yeah, there you go. It's all lies! You have to check the check box AFTER you create the shapes FOR EACH SHAPE!
Illustrator why you do this?! What am I missing here?!
Windows 7 Ultimate
AI 18.1.1 (64-bit)

kaanungur,
I am afraid you have come across the Live Rectangle bug sorry feature where it refuses to align to the Pixel Grid.
To get round it in each case, it is possible to Expand the Live Rectangles to get normal old fashioned rectangles, or to Pathfinder>Unite, or to use the Scale Tool or the Free Transform Tool.
A more permanent way round that is to create normal old fashioned rectangles, after running the free script created by Pawel, see this thread with download link:
https://forums.adobe.com/thread/1587587

Cannot Align Two Objects On Each Other

I have done a completely clean install of Creative Cloud CS6 on my mac on Mountain Lion. First time opening Illustrator, and I cannot center two vector objects on each other. Rather, when I click to center them (vertically or horizontally) it actually pushes them further apart! It also appears to be arbitrarily selecting another object on my art board when I select these two (there is no grouping overlap, it makes no sense). I've looked around before, and have 'align to selection' checked, and 'snap to grid/snap to point' unchecked in the 'view' dropdown. Going to try to trash my preferences, but this is literally the first time I've opened it, so I can't see how that would be an issue!
I use this tool CONSTANTLY in what I do, so this is really troubling. Has anyone had a similar problem and fixed it? Thanks so much!!

I held down Option+Command+Shift while opening Illustrator (as offered in another thread as a way to trash/reset preferences). I know it did this as I had changed the color scheme to light grey, and it's back to dark grey.
Opened up original file. Now, I can center things horizontally alright, but vertically jumped the both of them way down the page.
Created a new file. Could center horizontally, centering vertically did absolutely nothing—no jumping down the page, no doing what it should be doing...nada.

What's your fastest way to center align two objects without moving one of them?

I will greatly appreciate your tips.

Use the align palette and set one object as a key object. Choose align to: and set that to key object(if not already set)
Select one group
Shift click to add the next group to the selection
then click on an group again to set this as a key object (the outline will turn bold since CS4 to signify the is a key object)
choose an alignment in the align panel

Auto align & distribute objects in a grid?

i love the align & distribute 'tools' i use them all the time.
but it has always appeared thay they are only good for a single row of objects.
is this correct or is it possible to select a 'grid' of objects and have them evenly aligned & distributed?

Yup it's here Christoph..
http://www.scriptsrus.talktalk.net/distLayers.htm

Align all objects to gridlines

Does anybody know script, which allign all items in my document to the nearest gridlines. I know, I can do it manually, but I have many objects in different places and it would take a lot of time.

kaanungur,
I am afraid you have come across the Live Rectangle bug sorry feature where it refuses to align to the Pixel Grid.
To get round it in each case, it is possible to Expand the Live Rectangles to get normal old fashioned rectangles, or to Pathfinder>Unite, or to use the Scale Tool or the Free Transform Tool.
A more permanent way round that is to create normal old fashioned rectangles, after running the free script created by Pawel, see this thread with download link:
https://forums.adobe.com/thread/1587587

Direct Select Align to Object in Group

As it is, when you direct select an object and align to it, they both move even if you click one to align to. If this behavior could be made consistent with the normal select where you can click one of the objects again to target the "align to" it would help.

This "Feature" needs to go! I can't cntrl+click shapes to edit them anymore. WHY would adobe remove this / change this???
Answered my own question: Photoshop CC - Cannot control + click to select a different shape while using the pen tool?

Having trouble with creating objects from instances created with ClassLoade

Hi.
I'm having a bit of trouble with casting an instance of an object from a custom ClassLoader. Don't worry - the code isn't for anything sinister - it's for one of those life simulation thingies, but I want to make it modular so people can write their own 'viruses' which compete for survival. You know the score.
Anyway. I've got the beginnings of my main class, which seems to load the class data for all 'virus' classes in a folder called 'strains'. There is a abstract class called AbstractVirus which declares the method calls for how the viruses should behave and to get textual descriptions, etc. AbstractVirus is to be subclassed to create working virus classes and these are what my main class is trying to load instances of.
Unfortuantely, I can't cast the instances into AbstractVirus objects. The error I've been getting is 'ClassCastException' which I presume is something to do with the fact that my ClassLoader and the Bootstrap ClassLoader aren't seeing eye-to-eye with the class types. Can anyone help? This line of programming is really new to me.
My code for the main class is below:
/* LifeSim.java */
public class LifeSim {
public LifeSim() {
    /* Get a list of all classes in the 'strains' directory and store non-
     * abstract classes in an array. */
    Class virusClasses[] = null;
    try {
      /* Get a reference to the file folder 'strains' and make sure I can read
       * from it. */
      java.io.File modulesFolder = new java.io.File("strains");
      if (!modulesFolder.isDirectory() || !modulesFolder.canRead()) {
     System.out.println("Failed to find accessible 'strains' folder");
     System.exit(-1);
      /* Get a list of all the class files in the folder. */
      String virusFiles[] = modulesFolder.list(new ClassFileFilter());
      if (virusFiles.length == 0) {
     System.out.println("No virus strains in 'strains' folder");
     System.exit(-1);
      /* Create an array of class objects to store my Virus classes. Ignore the
       * abstract class as I cannot instantiate objects directly from it.*/
      virusClasses = new Class[virusFiles.length];
      VirusClassLoader classLoader = new VirusClassLoader();
      int j = 0;
      for (int i = 0; i < virusFiles.length; i++) {
     String virusName = "strains/" + virusFiles;
     Class tempClass = classLoader.loadClass(virusName);
     if (tempClass.getName().compareToIgnoreCase("strains.AbstractVirus") != 0) {
     virusClasses[j++] = tempClass;
} catch (ClassNotFoundException ncfe) {
System.out.println("Failed to access virus class files.");
ncfe.printStackTrace();
System.exit(-1);
/* TEST CODE: Create an instance of the first virus and print its class
* name and print details taken from methods defined in the AbstractVirus
* class. */
if (virusClasses.length > 0) {
try {
     // Print the class name
     System.out.println(virusClasses[0].getName());
     Object o = virusClasses[0].newInstance();
     strains.AbstractVirus av = (strains.AbstractVirus) o;
     // Print the virus name and it's description
     System.out.println(av.getQualifiedName());
     System.out.println(av.getDescription());
} catch (InstantiationException ie) { ie.printStackTrace(); }
     catch (IllegalAccessException iae) { iae.printStackTrace(); }
public static void main(String args[]) {
new LifeSim();
class ClassFileFilter implements java.io.FilenameFilter {
public boolean accept(java.io.File fileFolder, String fileName) {
if (_fileName.indexOf(".class") > 0) return true;
return false;
class VirusClassLoader extends ClassLoader {
private String legalClassName = null;
public VirusClassLoader() {
super(VirusClassLoader.class.getClassLoader());
public byte[] findClassData(String filename) {
try {
java.io.File sourcefile = new java.io.File(filename);
legalClassName = "strains." + sourcefile.getName().substring(0,sourcefile.getName().indexOf("."));
java.io.FileInputStream fis = new java.io.FileInputStream(sourcefile);
byte classbytes[] = new byte[fis.available()];
fis.read(classbytes);
fis.close();
return classbytes;
} catch (java.io.IOException ioex) {
return null;
public Class findClass(String classname) throws ClassNotFoundException {
byte classbytes[] = findClassData(classname);
if (classbytes == null) throw new ClassNotFoundException();
else {
return defineClass(legalClassName, classbytes, 0, classbytes.length);
Thank you in advance
Morgan

Two things:
I think your custom ClassLoader isn't delegating. In general a ClassLoader should begin by asking it's parent ClassLoader to get a class, and only if the parent loader fails get it itself. AFAIKS you could do what you're trying to do more easilly with URLClassLoader.
Second, beware that a java source file can, and often does, generate more than one class file. Ignore any class files whose names contain a $ character. It's possible you are loading an internal class which doesn't extend your abstract class.

Centering Object Vertically on Page when exporting to ePUB

I am preparing my first ePUB book using InDesign 5.5. I would like to center the graphic object on the title page, but I cannot figure out how to center an object vertically on a page. Although I can achieve the intended result on my screen in InDesign, when I export to ePUB, the object goes to the very top of the page and is no longer centered vertically. I have a few other pages (the dedication page, the copyright page, etc.), where I have text that I would like to have centered vertically on the page -- same problem. Please help. Thanks.

Irregardless of what you are doing in your InDesign document, an ePub export has to follow the very strict rules of HTML -- and not even the full set as we know it from (semi)formatted web pages, but a subset thereof. There is absolutely no guarantee you can export all you can do in InDesign to an ePub, in fact, there is only very little that survives this radical downsaving.
Besides, I'd have to check but I don't think Adobe intended InDesign to be the once-and-future ePub Layout Engine. Rather, its export is to facilitate cross-publishing, and helping you on your way creating the eBook of your (e)Dreams -- but you have to do the finalizing with some better targeted software.
But, basically, your premise -- that you can put something "at the bottom of an e-page" -- is wrong to begin with! A proper eBook can be reflowed, the font and its size can be changed, the reading window can be resized (on some devices) or rotated from landscape to portrait and back (on some devices). So there is no concept of a "page", and everything you pull off to "be" at the bottom might appear at the top for other views.

Align multiple objects

Hi Scripters,
I have selected 3 graphic frames in my current page. Now I want to use "align horizontal centers". It is possible do this in CS2 using javascript?
thanks in advance
regards
a r u l

Hi
try this, Im conform in CS3
app.menuActions.item("Align to Selection").invoke();
app.menuActions.item("Horizontal Align Center").invoke();

Troubles with save object in request

Hi All!
I have trouble with saving EditCurrentRecord in request. In JDeveloper everything works fine. But when I try to run on iAS with Apache/Jserv I get jsp compilation error:
java.lang.NoSuchMethodError: javax.servlet.ServletRequest: method setAttribute(Ljava/lang/String;Ljava/lang/Object;)V not found
I have this problem with a lot of my pages.
First time I thinks problem is in my code. By after removing every line of my custom code and leaving only JD code, I get the same error. Some pages works fine, another no! They are looks very simillary.
I also take a look at servlet code. It's look great.
Anybody have this problem?
null

Hi Dev,
Please check the FG 'STRD', it should have FM for your requirement.
Like FM 'TR_OBJECT_INSERT' or TR_OBJECTS_INSERT etc.
Best Regards,
Swanand

Trouble aligning centered objects

Similar Messages

Maybe you are looking for