Center div 1 place div 2 to the right of div 1

I'm in the middle of putting together a template, basically I want my content centered on the page, but I want to create a div in the right area for ads.
See link http://www.kiddoclicks.com/
I want the white area to say in line with my main image which is centered.
When I get my white div to center the right div is messed up
any help appreciataed.
Jacey

*Press the F10 key or tap the Alt key to bring up the "Menu Bar" temporarily if the menu bar is hidden.
*Use "Firefox > Options" instead of "Tools > Options" if the menu bar is hidden.
Firefox 4+ versions have two bookmark buttons with a star in the Customize window.<br />
One star button has a drop marker that open a Bookmark menu.<br />
The other star button without the drop marker opens the bookmarks in the sidebar.<br />
You can drag the Bookmarks menu button with the drop marker in the Customize window from the toolbar palette on a toolbar (e.g. Navigation Toolbar or Tab Bar or to the left side of the Bookmarks Menu Items).
You only see the Bookmarks Menu button if the Menu bar with the Bookmarks menu is hidden (View > Toolbars or Firefox > Options).<br />
If the Bookmarks Toolbar is visible then the Bookmarks Menu button is displayed on the Bookmarks Toolbar as part of the Bookmarks Toolbar Items (bookmarks), but you can move it from the right side to the left side of the Bookmarks toolbar if the Customize window is open.<br />
Otherwise the Bookmarks Menu button will appear on the right side of the Navigation Toolbar.

Similar Messages

Error "need to place tarball in the right location" jre & jdk upgrade

Using pacaur to upgrade seom AUR packages - namely jre and jdk Iget this set of errors, ad infinitum:
Due to a change in how Oracle handles the Java SE License Agreement
you are required to:
1) accept the license and download the tarball (jre-7u4-linux-x64.tar.gz) yourself:
http://www.oracle.com/technetwork/java/javase/downloads/jre-7u4-download-1591157.html
2) move it to $startdir (/tmp/pacaurtmp-larry/jre/)
-> If saved in ~/Desktop/, ~/Downloads/ or /tmp/, it will be auto-moved for you
-> Press any key to continue..
==> ERROR: You need to place the tarball in the right location
-> Press any key to retry (or Ctrl-C to cancel)..
==> ERROR: You need to place the tarball in the right location
I have downloaded the java tarball and placed it in the correct directory. Still get same errors as above,
any ideas why?

Thanks for your offering. I have a bit of house cleaning and rearranging due
to my knowing I bought the CS4 software and had installed it and thinking
things would work as before I did not realize that by buying and installing
another software program Proshow Producer on an external HD and then
learning from the company that it had to be on C:/ to work properly. That
forced moving other things around, like CS2, CS3 and CS4 and leaving CS on
C:/ then reinstalling Producer as CS works fine for the pictures used in
Producer and all related files on C: as all my other working photos had to
move with the software!! With 5 and a half terabits on 6 external HD's I got
careless and did not properly set things set up as I should have in
anticipation of my current problem and Adobe's programers, not being mind
readers programmed things to look on C: when CS2,3, and 4 lived elsewhere.
It's all a mess but I do have my serial numbers and did discover, thanks to
your Creative Suite Cleaner Tool offering I found a link to Adobe's original
CS4 trial files that I was told by Adobe were no longer available due to CS6
and I can re-download CS4 there and use it since at the moment my CS4 is
hiding from me. I think a clean re-installation should work before running
the 'cleaner' with its' gottchas. I shall send a later follw up when things
are successfully reloaded. If you think of anything else of value, I would
certainly appreciate your knowledge!
Fred Kirby

I want my content div to the right of sidebar

I'm building a page from scratch (to my specs for layout of
other pages in my site), blank HTML, fixed at 780 pixels. I have
all of my divs in place but I want my sidebar (which will be my nav
bar) to the left of the page and all the way down, and to the left
of my content, but my content is positioned under my sidebar and
spans across the width of the page. I want my content to the right
of the sidebar and under the header. Can someone tell me what rules
I should edit to get this to happen.
I attached my code. Thanks.

Hello,
Float the sidebar left, like so:
#sidebar {
font-family: Arial, Helvetica, sans-serif;
background-color: #e8e8e8;
width: 200px;
float: left;
Give the content div a left margin of 210px.
I also added some padding. Adjust as needed.
#content {
background-color: #121922;
padding: 10px;
margin: 0px 0px 0px 210px;
font-family: Arial, Helvetica, sans-serif;
color: #e8e8e8;
The content of the divs will determine the height.
If you want the sidebar to appear to be the same height as
the content div,
check out this technique:
http://www.alistapart.com/articles/fauxcolumns/
Take care,
Tim
"Rock Artist" <[email protected]> wrote in
message
news:[email protected]...
> I'm building a page from scratch (to my specs for layout
of other pages in
> my
> site), blank HTML, fixed at 780 pixels. I have all of my
divs in place but
> I
> want my sidebar (which will be my nav bar) to the left
of the page and all
> the
> way down, and to the left of my content, but my content
is positioned
> under my
> sidebar and spans across the width of the page. I want
my content to the
> right
> of the sidebar and under the header. Can someone tell me
what rules I
> should
> edit to get this to happen.
>
> I attached my code. Thanks.
>
> <!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>Photo Gallery</title>
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> <div id="wrapper">
> <div id="header"></div>
> <div id="sidebar">This will be my navigation bar
with all of my pages
> listed............right here.........</div>
> <div id="content">Content for id "content" Goes
Here and I wonder if I
> fill
> this up some that it will actually move to the right off
my sidebar and it
> did,
> but why is my content section not going all the way to
the top next to the
> header div? Maybe I should give it a fixed size and
float it to the right.
> </div>
> <div id="footer">Content for id "footer" Goes
Here</div>
> </div>
> </body>
> </html>
>

Can someone tell me how to get a div to the right of current div? See site

I'm tryin so hard to do an all CSS site instead of using tables. Very tough! Can someone look at http://www.duenorthdesign.com/pcm and tell me:
1) How to get a new div to line up to the right of the current (light green) one. Currently it is below it. I"ve tried floating the left one left so the new div would go to the right. Strange results! Tried floating it to the right.... UGH. I've never felt so stupid in my life!
2) Also, why does my content run outside of my div (the light green article)? Shouldn't the div expand accordingly?
Thanks so much, you are all so helpful!

Both your questions can be answered by amending your css selector from this :
.twoColFixLtHdr #container #mainContent #feature2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 20px;
    height: 300px;
    width: 300px;
    background-color: rgba(240,244,230,1);
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 5px;
To this:
.twoColFixLtHdr #container #mainContent #feature2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 20px;
    width: 300px;
    float: left;
    background-color: rgba(240,244,230,1);
    margin-top: 10px;
    padding: 5px;
and this one:
.twoColFixLtHdr #mainContent {
    padding: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background-color: #FFF;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 203px;
to this:
.twoColFixLtHdr #mainContent {
    padding: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background-color: #FFF;
    overflow: hidden;
Then add this one to your css styles:
#feature3 {
float: left;
width: 300px;
margin-left: 20px;
display: inline;

Div Placement

Hello,
I have a site with divs instead of tables. I would like to
get an image (div 2) to stay in the bottom right of
another div (div 1).
(div 1) will have text.
I have placed the small div (div 2) with the image in the
background before the end of (div 1).
I have floated it right and cleared it left. If I pad or
margin (div 2) into a (div 1) and make div one a fixed height it
would work butt then as I add content to (div 1) I have to change
all those settings.
I would like to not have to change those.
I have not used any positioning and wonder if this is the
solution...? But in testing so far no luck.
Any ideas?

Just nest containers there, and let each carry its own
background. That's
the only way you're going to reliably get that image where
you want it.
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
==================
"rayezra" <[email protected]> wrote in
message
news:fn673o$m9d$[email protected]..
> As for your image, why not make it the background image
for the container,
> and position it right bottom.
>
> Yeah that is a thought but the top bar is currently
taking the background
> position. I guess I could pull the top bar and make it a
div at the
> top...humm.
> A thought but I was pondering changing the background
anyways because I
> wanted
> a gradient there.
>
> I was just hoping I had missed something with CSS that
would have allowed
> for
> a Div to stay in the right bottom corner of another Div,
like when you
> position
> something "Fixed" on a page. But when testing using
absolute positioning
> it
> takes my Tabs away...
>
> No bigs I will keep experimenting different ways. A good
learning
> experance I
> guess.
>
> Thanks for your time Ace.
>

Can't get DIV to position at bottom of header div

I have created a man nav div inside the header div so that I could position it at the bottom of the header div. I selected the main nav div and applied positioning elements, however, no matter what values I give, the div is unresponsive and stays at the top of the header. Shouldn't I be able to do this? Or do I need to place the nav menu div outside of the header div?
Thanks for some quick feedback.
Samantha

Samantha, can you give us a link to your page, or at least copy in your code (see instructions at the top right of the Forum page). We will be able to give you a MUCH better answer if we can see where you are.
But, without your code, if you place a position: relative; on the header div and a position: absolute; on the nav div, you should be able to include something like bottom: 0;
Here's a small sample of what I am talking about:
<!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">
     div#header {
          width: 300px;
          margin: 0 auto;
          height: 100px;
          background-color: blue;
          position: relative;
          color: white;
          text-align: center;
     div#nav {
          width: 250px;
          height: 40px;
          background-color: white;
          border: solid 1px red;
          position: absolute;
          left: 25px;
          bottom: 0;
          color: red;
</style>
</head>
<body><div id="header">Here is some header text.
<div id="nav">Nav stuff here</div></div>
</body>
</html>
Copy this into a new page on your Dreamweaver and take a look at what it does.
Beth

Website scrolls to the right in Firefox

my website scrolls to the right in Firefox but not in any other browsers. can anybody suggest how to fix? THX! the website is www.truthcafe.net

The DIV above it with the ads have floating elements. In such a case you need to add a clearing DIV to prevent content from being placed to the right of it. You can either add an extra DIV with style="clear:both" under the last DIV.ai (preferred). In that case you need to remove the height:35px from the containing DIV as well (width: 750px; height: 35px;). Or you can add the style="clear:both" to the DIV with the shifted content (<nowiki><div style="text-align: center; clear:both"></nowiki>).
You should always be careful with specifying the height. It is always better to let the browser do this in case of increased font sizes or other changes made by visitors.<br />
<br />
<pre><nowiki>
<div id="1974125074" align="center">
<div class="bnu"></div>
<div style="width: 750px;">
<div class="ai" style="margin-right: 5px;"></div>
<div class="ai" style="margin-right: 5px;"></div>
<div class="ai" style="margin-right: 5px;"></div>
<div class="ai" style="margin-right: 5px;"></div>
<div style="clear: both;"></div>
</div>
</div>
<div style="text-align: center;">
<div style="width: 900px; margin: auto;">
<div>
<table>
</table>
</div>
</div>
</div>
</nowiki></pre>

How to make the value axis (Y) on the right?

the value axis(Y) of the stacked column chart is on the left default. how to make it on the right?
thanks.

e,
Numbers Charts do not have the option to move the value axis to the right side. You can turn off the display of Value Labels, using the Chart Inspector, and make your own value labels from a text box or small table column and place them to the right of the chart.
Regards,
Jerry

Using Divs/Layers - am I going in the right direction?

Decided to give divs a try and get away from tables cause
everyone says I
should :-)
Teaching myself from scratch about them and just wanted
guidance on how it
is going so far.
I am trying to construct my template and have created one
test page.
http://www.mmmcommentaries.com/test/index.htm
I am creating the site by just setting up a div for each area
- main body,
menu, banner.
Is this the right way to do it or is there a better way? I
suppose I am
still thinking like a tables user in that I am setting up a
cell (div) for
each item.

If you remove this line -
<?xml version="1.0" encoding="iso-8859-1"?>
your page will render in Standards mode in IE, rather than
quirks mode. You
don't need that line currently, so it's safe to delete.
Your concern about the menu is well placed. Horizontal menus
always run the
risk of breaking when the text is resized in the browser.
Yours will too.
But, to spread things out a bit, you need to manage the
padding and the
width of the div#nav ul li a rule.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Koenig" <[email protected]> wrote in
message
news:e3rn3o$54h$[email protected]..
> Thanks very much for those links - spent an interesting
morning teaching
> myself this (I think!)
>
> I am hoping you can help me with a small problem.
>
> I have a menu bar on it now - just as simple thing but I
want to make the
> text for the menu items bigger without making the items
run onto two
> lines.
>
> There seems to be plenty of space on the line for them
to sit but I have
> played around with the settings and forthe life of me
can't work it out.
>
>
http://www.mmmcommentaries.com/test/index.htm
>
> Thx
> Trev.
>
>

Divs seemed to be pushed to the right

The divs containing two images and unordered lists are pushed to the right of the div. The only thing I can think of is that the list even though the display is none is still pushing the text and image to the right.
like so.
What do you think?
nsmcleaning.com

Both lists in the container div. There are two divs within the container div tha t each contain a list. One is residential and the other is commercial. Thanks!

Why aren't my CSS and div tag boxes displaying the background images I'm plugging in?

I'm using the CSS dialog boxes to places images via the background image option into my dreamweaver site. Everything looks fine in dreamweaver but when I view it any of the browsers, two of the images I've place as div tag background images don't work....the overal background image of the site works, but these don't show up ....
here's my code if it helps to answer
<!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>Main</title>
<style type="text/css">
body {
background-image: url(images/realgrade.jpg);
background-repeat: repeat-x;
text-align: center;
html, body {
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
padding-top: 25px;
#wrapper {
width: 930px;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
background-image: url(file:///Macintosh%20HD/Users/jimmymoreira/Unnamed%20Site%204/images/possible%20image. jpg);
background-repeat: no-repeat;
#header {
height: 192px;
width: 237px;
background-image: url(images/logo_fill.jpg);
background-repeat: no-repeat;
position: absolute;
left: 35px;
top: -25px;
#mainNav {
background-color: #33F;
height: 200px;
width: 272px;
float: left;
margin-top: 233px;
#maincontent {
height: 600px;
width: 608px;
float: right;
margin-bottom: 45px;
padding-right: 25px;
background-repeat: no-repeat;
background-position: center 270px;
background-image: url(file:///Macintosh%20HD/Users/jimmymoreira/Unnamed%20Site%204/images/opaqueMaincontent .png);
#sidebar {
background-color: #F36;
height: 250px;
width: 272px;
clear: left;
float: left;
#footer {
height: 525px;
width: 870px;
clear: both;
padding-top: 45px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
background-image: url(images/footer_image.jpg);
background-repeat: no-repeat;
margin-top: 45px;
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
    <p> </p>
    <p> </p>
    <p> </p>
</div>
<div id="mainNav">
<p> </p>
</div>
<div id="maincontent"></div>
<div id="sidebar"></div>
<div id="footer"></div>
</div>
</body>
</html>
here's what I'm going for
here's what I'm getting in the browser
Please help!

Your image files are pointing to your hard drive, not your server. You have this
background-image: url(file:///Macintosh%20HD/Users/jimmymoreira/Unnamed%20Site%204/imag es/opaqueMaincontent.png);
and you should have this
background-image: url(imag es/opaqueMaincontent.png);
Also, is your images file named imag es?
Gary

Slideshow-Images not displaying in the right place on the screen

I am trying to use the SlideShow widget for the first time. I have a pretty basic slideshow with six images that I want to display. When I preview it in IE or Firefox,what I get is really weird. The first image displays in the right place. The second displays in the right place, but with a black box underneath it. The third displays under where it's supposed to go, with a black box above it. After this, the images alternate between where they're supposed to be and just below that, with a black box of the same size in the second location. I've looked at the source of other webpages that have working slide shows, and I don't see a difference between what I'm doing and what they're doing. Here is what I think is the relevant code. Can anyone suggest a way to fix this?
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryThumbnailFilmStripPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-81003-5']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</style>
<link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2141543: #ImageSlideShow */
#ImageSlideShow {
width: 426px;
height: 303px;
border: solid 1px #000000;
background-color: #717c96;
#ImageSlideShow .ISSClip {
background-color: #000000;
/* EndOAWidget_Instance_2141543 */
</style>
<script type="text/xml">

<div class="column2">
<div id="thumb">
<div>
<ul id="ImageSlideShow" title="">
    <li><a href="images/balloon1a.jpg"><img src="images/baloon1a.jpg" alt="" /></a></li>
    <li><a href="images/balloon2a.jpg"><img src="images/baloon2a.jpg" alt="" /></a></li>
    <li><a href="images/balloon3a.jpg"><img src="images/baloon3a.jpg" alt="" /></a></li>
    <li><a href="images/balloon4a.jpg"><img src="images/baloon4a.jpg" alt="" /></a></li>
    <li><a href="images/balloon5a.jpg"><img src="images/baloon5a.jpg" alt="" /></a></li>
    <li><a href="images/balloon6a.jpg"><img src="images/baloon6a.jpg" alt="" /></a></li>
</ul>
                                                      <script type="text/javascript">
// BeginOAWidget_Instance_2141543: #ImageSlideShow
var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
widgetID: "ImageSlideShow",
injectionType: "replace",
autoPlay: true,
displayInterval: 8000,
transitionDuration: 2000,
componentOrder: ["view"]
// EndOAWidget_Instance_2141543
                                                      </script>
<h3 align="center"><br />A Different Way of Thinking</h3></div>
</div>
</div>

If you have a look at basic_fs.css, you will notice that the styles taget a class called BasicSlideShowFS.
Yet when I look at the constructor, the class is missing as in
var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
    widgetID: "ImageSlideShow",
    widgetClass: "BasicSlideShowFS",
    injectionType: "replace",
    autoPlay: true,
Because you are not using the thumbnails (filmstrip), I am wondering why you did not implement the basic slideshow, which will make it a lot easier for you.
Gramps

How to keep the right sidebar on this website from going under the main content (center) column?

Hi...is there a way to keep the right sidebar on this website from going under the main content (center) column when the browser window is made smaller? It would be great if the middle (main content) column could get smaller instead of the sidebar moving under the text when the window is made smaller. I'm working with a fluid layout and this is the first time I've tried this. Any help would be appreciated. Here is the link to the website:
http://www.elynncohen.com
and here is my code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Your Career Direction Career and College Counseling</title>
<meta name="Keywords" content="career counseling, college counseling, job search, career choice, college options, career options, work, jobs, new opportunities, career change, new career, new job" />
<meta name="Description" content="Your Career Direction :: Career and College Counseling" "Considering your college choices & career options" "Preparing for the world of work after college" "Seeking a new position to further your career"
"In-transition and considering new opportunities"
"Seeking to make a significant and meaningful career change" />
<meta name="Publisher" content="Your Career Direction, LLC" />
<meta name="Copyright" content="Copyright 2012, Your Career Direction, LLC. All rights reserved." />
<meta name="Author" content="Lisa Mark" />
<meta name="Language" content="en-US" />
<meta name="distribution" content="global" />
<meta name="revisit-after" content="10 days" />
<meta name="Robots" content="All" />
<link rel="Index" href="index.html" />
<link rel="Site Map" href="sitemap.html" />
<script type="text/javascript" src="//use.typekit.net/ifb2bte.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<style type="text/css">

</style></head>
<body><script type="text/javascript">
function pageWidth() {
return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
function pageHeight() {
return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
</script>
<div class="container">
<div class="header">
    <p class="clearfloat"><a href="#index.html" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Your Career Direction Logo" name="Insert_logo" width="50%" id="Insert_logo2" style="background: #FFF
    ; display:block;" /></a></p>
    <div id="Quote"><img src="images/quote.gif" alt="Choose a job you love" width="355" height="81"></div>
    <p class="clearfloat"> </p>
</div>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="#">Home</a></li>
      <li><a href="#">High School Students</a></li>
      <li><a href="#">College Students</a></li>
      <li><a href="#">Parents/Educators</a></li>
      <li><a href="#">Professionals</a></li>
      <li><a href="#">Bio</a></li>
      <li><a href="#">Q & A Blog</a></li>
      <li><a href="#">Testimonials</a></li>
    </ul>
</div>
<div class="content">
<p>Given today's competitive job market, global economy, and changed corporate culture,
we can no longer depend upon others to ensure our professional futures. Choosing or
changing your career direction requires self-reflection, career education and an action plan.</p>
<img src="images/Whether-you-are-.gif" alt="Whether you are considering your college choices and career options" width="197" height="31" align="left">
<ul>
      <br><br><li><strong>Considering your college choices & career options</strong></li>
      <li><strong>Preparing for the world of work after college</strong></li>
      <li><strong>Seeking a new position to further your career</strong></li>
      <li><strong>In-transition and considering new opportunities</strong></li>
      <li><strong>Seeking to make a significant and meaningful career</strong> <strong>change</strong></li>
    </ul>
<img src="images/Onethingisforsureraster.gif" width="352" height="49" alt="One thing is for sure, we all want to direct our own careers, our own lives!">
<br><p> Building a successful and rewarding career requires linking your interests, education and experience with employment trends, growth industries, and career choices. It takes making smart decisions about your college major, vocational training and continuing education options. With enthusiasm, persistence and top notch job search skills, you can succeed in finding a path to career that is right for you.</p>
<p> We are your advocate. We listen, assess, strategize, inspire, counsel, and network on your behalf. With a personalized, holistic approach, we'll work with you to help you create an action plan; a path designed to get you to where you want to go and become what you want to be.</p>
<img src="images/yourcareerourpassionraster.gif" width="441" height="20" alt="At Your Career Direction, YOUR career is our passion!"> </div>
<div class="sidebar2">
    <p><img src="images/Counselingastudent.gif" width="100%" alt="Lisa Mark counseling a student"></p>
    <p>Our mission is to help you explore, choose and create your direction for an exciting and rewarding career path.</p>
     <p>We incorporate our experience with today's job market and career counseling expertise with your passions and interests. We'll introduce you to new career ideas, target companies and generate job and internship opportunities for you.</p>
     <p>We provide step by step guidance to ensure your success during the college application, job interview
and decision making process.
</p>
</div>
<div class="footer">
    <div id="footer">
      <h6 align="left"> Your Career Direction, LLC • 96 Harvard Avenue, Maplewood, N.J. 07040 • (973) 996-0207 • [email protected]</h6>
         </div>
    <p> </p>
</div>
</div>
</body>
</html>

You should make your sidebar1 and sidebar2 fixed positioned. Make your content DIV fluid.
This should help you: http://www.glish.com/css/7.asp

Epub doesn't have the words in the right place

I am using indesign cs6 on windows and this is a fxed epub. In Dreamweaver I changed css to reflect where I wanted the words to go on page 4. When I go back to epub the words are not in the correct place. this is a children's book and needs to have the words ontop of the image. Here is the code:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
          <head>
                    <title>arobbyroo-4</title>
                    <link href="css/idGeneratedStyles.css" rel="stylesheet" type="text/css" />
          </head>
          <body id="arobbyroo" xml:lang="en-US">
                    <div class="_idGenObjectLayout-1">
                    <div class="Basic-Graphics-Frame _idGenPageitem-1">
                                        <img class="_idGenPageitem-1" src="image/pg4.jpg" alt="" />
                    <div class="mainbody "/>
                      <p class="page04a">Robby the Roo built a canoe.</p>
                         <p class="page04b">with intentions of paddling away..........</p>
          </div>
          </body>
</html>
In indesign the words are in the paragraph syle mainbody. When I first epub this the words are on different pages. So I moved them onto the correct page and put in the css. here is part of the code
p.page04a {
          position: absolute; font-size: 20px;          font-family: Arial, sans-serif;
          top: 47px; left: 60px; height: 33px; width: 165px;
p.page04b {
          position: absolute; font-size: 20px; font-family: Arial, sans-serif;
          top: 621px; left: 298px; height: 56px; width: 219px;
Thanks,Jen

Hello William,
Thank you for the question. It sounds like you would like to delete some songs off of your iPad. I have a couple of suggestions.
First, I recommend swiping the individual songs on the album to get the delete option:
Remove a song that’s been downloaded. Swipe left, then tap Delete.
If the you are not getting a delete option and song has a cloud icon to the right of it, this indicates the song is being streamed from iTunes in the Cloud.
You can choose to hide all songs that are not downloaded on to your iPad in Settings:
Just show music that’s been downloaded from iCloud. Go to Settings > Music, then turn off Show All Music.
iPad User Guide - iTunes Match
http://help.apple.com/ipad/7/#/iPad99f373c1
Alternatively, if the song was purchased from iTunes, you can hide the song by accessing the iTunes Store on the computer:
To hide your purchases
Open iTunes on your Mac or PC.
From the Store menu, choose Store > Sign In, and then enter your Apple ID and password.
Go to the iTunes Store.
Click Purchased from the Quick Links section on the right side of the iTunes Store.
Choose a content type by clicking on Music, TV Shows, Apps, or Books from top.
Hover your cursor over the item you want to hide.
You will see an "X" either to the right or left top corner of the item.
Click the "X" to hide that item. A confirmation dialog will appear once you click the "X."
iTunes Store: Hiding and unhiding purchases
http://support.apple.com/kb/HT4919
You will need to quit and relaunch the Music app on your iPad after hiding the purchase on your computer before seeing the changes.
Thank you for using Apple Support Communities.
Best,
Sheila M.

Inserting styled table in a left floated DIV causes dropdown of right floated DIV

Seems fine without the table see http://www.fearlessselling.net/index.html
But adding a styled table bumps right side DIV down
http://www.fearlessselling.net/index2.html
Are the two table and .bordertable CSS styles in conflict with each other?
http://www.fearlessselling.net/fearless.css
Your wisdom willl be appreciated.

Running your css file through the w3schools validator found a few lines with errors (an empty definition for background-color and an !important)
But I think the main difficulty is one of simple math...your widths are adding up to not fit next to each other.
Do a study of your box here...add up your borders, your widths, and your paddings. I suspect you will find the difficulty there.
Z

Center div 1 place div 2 to the right of div 1

Similar Messages

Maybe you are looking for