Elements in Content Div not Solid White

I can't seem to make the "contentwrap" or the "content" div, both of which I've requested to have white backgrounds and encompass the sidebars, be white. Instead I get all this gray mess in between in the body.
Here is the website: http://kaufmanphotography.com/blog/

Divisions don't behave the same as table columns. If you want equal height CSS columns, create a 3-column background image, the same width as your page and repeat-y (vertically). The technique is known as Faux Columns.
You can see a live example here:
http://alt-web.com/TEMPLATES/3-col-white-gray.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

Premiere Elements 10 content will not download?

Every time I launch the program it says I don't have the content installed. It says to insert the CD or download, I purchased a download version so I try to download and it asks me to select a folder and opens a browse window but no matter what folder I tell it to download it say to select a different folder and try again, even if I create a folder on the desktop it does the same - yes, I am using admin - any suggestions?

jmadl
Thanks for the follow up.
I am just starting my day. As soon as possible I will try to download that Premiere Elements 10 Content to my Windows 7 or 8 64 bit computer and see what problems I run into.
What is your download choice - All Content or one of the groups at a time?
I just did the download of just "Content 3....." without problem. The process initially required that I download the Akamai NetSession Interface which I did. Then I got the Browse for Folder message. At that time, I selected Desktop, New Folder which I named PE10 Group 3. The download proceeded to completion successfully.
Next I will try for the All Content download and see if I can get beyond the Browse for Folder message.
Keep in mind that my Windows 7 Professional SP1 64 bit has far less resources than your computer and that I did not stop to turn off firewalls or anti-virus for this test run.
I will report back very soon with further results. I am located on the east coast of the USA and, at this moment, that link to the Premiere Elements 10 Content seems to be OK. Internet connection is DSL (not highest speed).
To be continued...
ATR
Add On...the results for going the All download representing 2.95 GB, instead of just one group at a time, route was the same, that is, no problems with the request for designate a folder and the creation of that folder to accept the download.

Sharp solid white type against black backgorund ...

I'm very new to PSE and also creating web pages. I'm building a web page with Build Your Site. I'm creating a file in PSE to put in the web site. It will have a black background and the type will be white. When I place it in the web page the type does not come out solid or sharp so it hard to read. How can I create sharp, crisp type against a black background in PSE? Thanks.

Thank you, and yes, I've been doing that and selecting a script font which is the one I want to use: Montez. It is a sufficiently thick font yet, as you can see (hopefully in this screen shot), the white is not solidly white. Is there a way of making the type more solidly white? Or some other way to make this font more readable in white against black?

AP element on centered content div

I'm trying to position an AP element relative to a content
div centered in the browser window but so far nothing has worked,
and I would rather not use relative positioning.
Any help would be greatly appreciated.

> didn't cross my mind to use relative positioning for the
wrapper div
> itself
It should have.
This may help you understand positioning a bit -
There are 4 different types of positioning:
Absolute
Relative
Fixed
Static
Here is a brief explanation of each kind of positioning (with
regard to
placement of elements on the page only)....
Position:absolute (or A/P elements)
This does several things -
1. It 'removes' the element from the flow of the code on
the page so that
it can no longer influence the size or position of any other
page element
(except for those contained within it, of course).
2. The absolutely positioned element takes its position from
the position of
its closest PARENT *positioned* element - in the
absence of any explicitly
positioned parent, this will default to the <body> tag,
which is always
positioned
at 0,0 in the browser viewport.
This means that it doesn't matter where in the HTML code the
layer's code
appears (between <body> and </body>), its
location on the screen will not
change (this assumes that you have not positioned the A/P
element within
a table or another A/P element, of course).
Furthermore, the space in
which
this element would have appeared were it not positioned
is not preserved
on the screen. In other words, absolutely positioned elements
don't take
up any space on the page. In fact, they FLOAT over the page.
Position:relative (or R/P elements)
In contrast to absolute positioning, a relatively positioned
page element is
*not* removed from the flow of the code on the page, so
it will use the
spot
where it would have appeared based on its position in
the code as its
zero point reference. If you then supply top, right,
bottom, or left
positions
to the style for this element, those values will be
used as offsets from
its
zero point.
This means that it DOES matter where in the code the
relatively positioned
element appears (, as it will be positioned in that location
(factoring in
the offsets) on the screen (this is true for any placement in
the code).
Furthermore, the space where this element would have
appeared is
preserved in the display, and can therefore affect the
placement of
succeeding elements. This means that the taller a relatively
positioned element is, the more space it forces on the page.
Position:static
As with relative position, static positions also "go with
the flow". An
element with a static position cannot have values for
offsets (top, right,
left, bottom) or if it has them, they will be ignored. Unless
explicitly
positioned, all div elements default to static positioning.
Position:fixed
A page element with this style will not scroll as the page
content scrolls.
Support for this in elements other than page backgrounds is
quirky
There are several other things you need to know:
1. ANY page element can be positioned - paragraphs, tables,
images, lists,
etc.
2. The <div> tag is a BLOCK level tag. This means that
if it is not
positioned or explicitly styled otherwise, a) it will always
begin on a new
line on the screen, and b) it will always force content to a
new line below
it, and c) it will always take up the entire width of its
container (i.e.,
width:100%).
3. The placement of A/P elements *can* affect the BEHAVIOR of
other
elements
on the page. For example, a 'layer' placed over a hyperlink
will mask that
hyperlink.
You can see a good example of the essential difference
between absolute and
relative positioning here -
http://www.great-web-sights.com/g_layersdemo.asp
You can see a good demonstration of why using layers for a
page layout tool
is dangerous here -
http://www.great-web-sights.com/g_layer-overlap.asp
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
==================
"JimHawkins" <[email protected]> wrote in
message
news:[email protected]...
> Thank you! That solved my problem.
>
> By the way, when I said I didn't want to use relative
positioning, I was
> referring to the elements I wanted to position within
the wrapper div; it
> didn't cross my mind to use relative positioning for the
wrapper div
> itself. I
> should have been more clear.
>

How can i control what images load on my project to save preload time and avoid loading all images, elements, divs not yet visible?

Sup buddies,
How can I control what images load on my project to save preload time and avoid loading all images, elements, divs not yet visible?
As the project grows in size the load time increases. How does one control not loading all images ,divs,elements etc. until they're
needed on the timeline? For example some sections are off and only become visible when recalled. My projects slowly grow in size so loading
all images , is counter productive . My other option would be to create separate htmls but that breaks the seamless user experience .
TY...Over N Out...

hello, kiwi
quote: "Is there an easy way to burn a completed project to DVD, but keep only the (lo res, lo size) previews on my hard drive?"
yes.
maybe,...
1. you might think of making DVD backups first prior to importing the photos into Aperture. "Store Files: In their current location" once in Aperture make low rez Previews, and export finished Project.
or,
2. bring in the photographs to hard drive first prior to importing the photos into Aperture. "Store Files: In their current location" once in Aperture make low rez Previews, and export finished Project.
the low rez Previews will stay in Aperture but the high quality Versions will be exported onto DVDs and gone from the hard drive (if you delete the originals).
another way would be to export small about 50-70 pixel wide high quality jpegs to a folder on your Desktop and import & keep these in Aperture Library as a reference. make metadata to show where the original Project DVDs are stored and DVD filing system used.
victor

Macbook Pro will not sleep if inactive. Indicator is solid white.

I've done a bit of troubleshooting without favorable results. Here's the situation: The Macbook will not go to sleep from inactivity. If I close the lid it sleeps just fine, but it won't if I set the computer to sleep after a period of inactivity.
Take this example. Display sleep set to 10 min, computer sleep set to 15 min. At 10 minutes the screen will go black and the indicator will become solid white. At 15 minutes nothing changes and the computer will stay in this state perpetually.
I've rebooted the computer without opening any apps and this all still occurs. I've also checked the system with "pmset -g" and everything looks good. Here is the output from my most recent test.
Active Profiles:
Battery Power                    -1
AC Power                    -1*
Currently in use:
standbydelay          4200
standby          0
womp                    1
halfdim          0
panicrestart          157680000
gpuswitch          2
hibernatefile          /var/vm/sleepimage
sms                    1
networkoversleep          0
disksleep          10
sleep                    3
hibernatemode          3
ttyskeepawake          1
displaysleep          1
acwake                    0
lidwake          1
I'm at a loss trying to come up with what could be causing this. Any ideas?

Triple-click anywhere in the line below to select it:
pmset -g assertions
Copy the selected text to the Clipboard (command-C).
Launch the Terminal application in any of the following ways:
☞ Enter the first few letters of its name into a Spotlight search. Select it in the results (it should be at the top.)
☞ In the Finder, select Go ▹ Utilities from the menu bar, or press the key combination shift-command-U. The application is in the folder that opens.
☞ Open LaunchPad. Click Utilities, then Terminal in the icon grid.
Paste into the Terminal window (command-V).
Post any lines of output that appear below what you entered — the text, please, not a screenshot.

L655 has solid white power LED and soid orange battery LED and will not power on at all.

L655 has solid white power LED and soid orange battery LED and will not power on at all. I tried a second power adaper. Any other suggestions? It does not even try to power on. No fan or any other noises.

if it is not powering up on battery or AC, then there is either something wrong on the motherboard keeping it from powering up, or a bad power switch. I personally have not encountered a bad power switch on any of my Toshibas, so I would suspect something with the motherboard. It is strange that it does indicate that your plugged in and charging. If you leave the power adapter plugged in, does the battery status eventually go white?
Qosmio X875 i7-3630QM, 32GB RAM, OCZ SSD Qosmio X505 i7-920XM, PM55, 16GB RAM, OCZ SSD
Satellite Pro L350 T9900, GM45, 8GB RAM , Intel 320 SSD (my baby) Satellite L655 i7-620M, HM55, 8GB RAM, Intel 710 SSD (travel system)

div not extending full width

I have a basic page built on the standard twoColFixLtHdr template that comes with CS4. Have created a new div #welcome that should extend across the whole width of the mainContent div, and the math adds up and the view layout guides shows everything in place. When you use Design Live View or a browser, there is a 20px white space at the right end of the #welcome block. I have just included the basic definitions below as I am sure this is something simple that my limited experience is not seeing. Thanks in advance for any/all advice or suggestions.
.twoColFixLtHdr #container {
width: 760px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF;
margin: 0 auto;
text-align: left; /* this overrides the text-align: center on the body element. */
.twoColFixLtHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
background-image: url(../Images/sidebar-graphic-bkgrnd.gif);
background-repeat: repeat-y;
/* the background color will be displayed for the length of the content in the column, but no further */
padding: 0;
position: relative;
top: 0px;
left: 0px;
*in the Spry Vertical Menubar.CSS I have added a 2px border around each menu item and sub item giving me a total of 204px width for the sidebar}
.twoColFixLtHdr #mainContent {
margin: 0 0 0 204px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
                position: relative;
                top: 0;
                left: 0;
.twoColFixLtHdr #container #mainContent #welcome {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
width: 556px;
position: relative;
left: 0;
top: 0px;
background-image: url(../Images/welcome-graphic-bkgrnd.gif);
background-repeat: repeat-y;
float: left;

By the way I just used the same css as yours and it is working fine for me:
Following are the styles that I testerd for the said template:
body {
     font: 100% Verdana, Arial, Helvetica, sans-serif;
     background: #666666;
     margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
     padding: 0;
     text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
     color: #000000;
.twoColFixLtHdr #container {
width: 760px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF;
margin: 0 auto;
text-align: left; /* this overrides the text-align: center on the body element. */
.twoColFixLtHdr #header {
     background: #DDDDDD;
     padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
.twoColFixLtHdr #header h1 {
     margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
     padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
.twoColFixLtHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
background-image: url(../Images/sidebar-graphic-bkgrnd.gif);
background-repeat: repeat-y;
/* the background color will be displayed for the length of the content in the column, but no further */
padding: 0;
position: relative;
top: 0px;
left: 0px;
/*in the Spry Vertical Menubar.CSS I have added a 2px border around each menu item and sub item giving me a total of 204px width for the sidebar*/}
.twoColFixLtHdr #mainContent {
margin: 0 0 0 204px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
position: relative;
top: 0;
left: 0;
.twoColFixLtHdr #container #mainContent #welcome {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
width: 556px;
position: relative;
left: 0;
top: 0px;
background-image: url(../Images/welcome-graphic-bkgrnd.gif);
background-color:#330099;/*used this to see the div properly*/
background-repeat: repeat-y;
float: left;
Are your all the styles same as this?
Regards,
Vinay

DW template - why is the main content div lower than the columns?

I'm looking to use the DW template with 3 columns, a header and footer and have a couple of queries:
There is a gap between the header div and the main content div which does not appear to be a margin or padding. Why is the gap there?
Is it possible to remove this gap and have the main content div flush against the header div (like the 2 side bar divs)?

I don't have access to CS4 so cannot really determine what might be causing the gap. My suspicion, however, is that it's an escaping margin that is pushing the two divs apart. Try this - run a 1px solid border along the top of the main content div, e.g.,
div.content {
border-top:1px solid white;
Does that gap go away with the border in place? If so, then the top margin on the first child of that div is the culprit. The first child in that content div is usually an H1 tag.

How to stretch content div to bottom of page.

Been messing around with my site so much that I needed to create a new one.
However, I can't get to stretch the content div to the bottom of the page if the content text doesn't fill the page.
I have a footer at the bottom of the page that stretches the full width of the page, so I can't use the trick with the body background.
I found a lot of results on the internet, but I seem to get a little lost.
Can anyone help me?
This is my HTML 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" />

<title>Schudden fansite</title>



<link href="../css/Noorderzon.css" rel="stylesheet" type="text/css" /></head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
<h1> </h1>
</div>
<div id="mainContent">
<div id="nav"><a href="#" title="Home">Home</a> | <a href="#" title="Biography">Biography</a> | <a href="#" title="News & Updates">News & Updates</a> | <a href="#" title="Gallery">Gallery</a> | <a href="#" title="Portfolio Work">Portfolio Work</a> | <a href="#" title="Links">Links</a> | <a href="#" title="Contact">Contact</a></div>
<p>Main Content</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. P</p>
    <h2> </h2>
    <p> </p>
</div>
<div id="footer">
    <p> </p>
</div>
</div>
</body>
</html>
And this is the CSS code:
@charset "utf-8";
body {
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
background-color: #800000;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: 100%;
body,td,th {
font-size: 9pt;
color: #333;
/* Tips for Elastic layouts
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
#container {
width: 100%;
text-align: center; /* this overrides the text-align: center on the body element. */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #800000;
padding-bottom: 0px;
top: 0px;
bottom: 0px;
height: 100%;
#header {
width: 960px;
padding-top: 0;
padding-bottom: 0;
height: 160px;
margin-right: auto;
margin-left: auto;
background-color: #DDDDDD;
background-image: url(../images/header.jpg);
#header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
#mainContent {
width: 960px;
margin-right: auto;
margin-left: auto;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
background-image: url(../images/mainbg.jpg);
height: 100%;
#nav {
text-align:center;
margin-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000;
font-weight:700;
padding-top:9px;
padding-bottom:10px;
text-decoration:none;
background-image: url(../images/mainbg.jpg);
background-repeat: repeat;
width: 960px;
#nav a {
background:#fff;
color:#000;
text-decoration:none;
#nav a:active {
background:#fff;
color:#800000;
#nav a:hover {
background:#fff;
color:#000;
font-size:10pt;
padding-bottom:2px;
border-bottom-width: 3px;
border-bottom-style: dotted;
border-bottom-color: #800000;
a:link {
color: #000;
a:hover {
color: #800000;
a:active {
color: #369;
a:visited {
color: #369;
#footer {
height: 100px;
width: 100%;
padding-top: 0;
padding-bottom: 0;
background-image: url(../images/bottom.png);
margin-bottom: 0px;
bottom: 0px;
position: fixed;

so Im having an issue that is similar but the fixes arent really working. Here is the site http://upeer.jordanselectronics.com/
I've never worked with a page this short so it was never an issue but I want the content area to stretch 100 percent so it fills the browser window and pushes the footer to the bottom if the page is so short theres no scroll bar. I put height modifiers on the body, the wrapper(container) and the content div but it's still only as tall as the content in the content div.
@charset "utf-8";
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
min-height: 100%;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-size: 1em;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: #42413C;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #6E6C64;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
width: 960px;
margin: 0 auto;
height: 100%;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
background-image: url(contentbackground.png);
padding: 25px;
min-height: 100%;
/* ~~ The footer ~~ */
.footer {
background-image: url(footerbackground.png);
background-repeat: no-repeat;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
.navbar {
background-color: #F00;

Nest AP element in a div using relative positioning

I am trying to place text links directly over an image, and
have both of them inside of a div using DW's default oneColElsCtr
style. My current site, www.blueapplestudio.com, shows what I am
trying to do (note the white text inks over the blue bar in the
background,) but is achieving it by using a bunch of images that
have been cut up and tables.
I think I want to make an AP element with the whole
background image, and then nest an AP element inside of that with
the text links. This works great until I try to take that whole
thing and nest it in the oneColElsCtr div.
Is this even the correct approach? Any help is appreciated.
-Adam

>I am trying to place text links directly over an image
That's a poor technique, as your alignment will depend on a)
the way the
browser chooses to render the text, and b) the visitor's
setting for text
size display in their browser.
> Is this even the correct approach?
No, I don't think so.
See Thierry's site for an interesting method -
http://www.tjkdesign.com/articles/how-to_use_sprites_with_my_Image_Replacement_technique.a sp
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
==================
"adam@blueapplestudio" <[email protected]>
wrote in message
news:fps3kl$ap1$[email protected]..
>I am trying to place text links directly over an image,
and have both of
>them
> inside of a div using DW's default oneColElsCtr style.
My current site,
> www.blueapplestudio.com, shows what I am trying to do
(note the white text
> inks
> over the blue bar in the background,) but is achieving
it by using a bunch
> of
> images that have been cut up and tables.
>
> I think I want to make an AP element with the whole
background image, and
> then
> nest an AP element inside of that with the text links.
This works great
> until
> I try to take that whole thing and nest it in the
oneColElsCtr div.
>
> Is this even the correct approach? Any help is
appreciated.
>
> -Adam
>
>
>

Why is there a solid white line on left "border" of iphone 4 display screen?

A solid white line appeared on the left of the screen a few hours ago, from top to bottom of my iphone4 display.
It is almost as if the whole screen is off center by 1 mm. I have tried to restart hard-power off, even restored it. Help!
Thank you in advance.

Hey Alliemac71639,
Thanks for the question. I understand you are experiencing issues with your iPhone 6 Plus display. The following resource outlines some great troubleshooting steps::
iPhone: Hardware troubleshooting
http://support.apple.com/kb/TS2802
Display image issues
This can include bright or dark pixels, lines in video, or sections of video missing.
1. Try turning iPhone off and then on again.
2. Verify the issue is not content related, by viewing different content.
3. If the image is too dark, adjust the brightness. In General Settings choose Brightness and Wallpaper and slide the slider.
My issue is still not resolved. What do I do next?
Contact Apple Support.
Thanks,
Matt M.

Having problems when aligning footer div and content div close together, in the browsers they are wi

My problem is when I paste text or paste anything in div tag. I have a container that contains everything. I have a content div that contains content. I also have a footer. When I align the footer at the end to content div which is in the container, it looks good until I look at it in a the different browsers, the content and footer are so wide apart. I've tried everything I could to make the browsers look as close as what I do in dreamweaver cs4. Is there a solution to this problem?
This is the link to page working on.
http://www.nlclv.org/truenewwebsite/html/doctrine.htm
The footer and content div are align very close in dreamweaver but very far apart in the browsers.
Also if you click on this link and click on calendar of events page you will see the samething.
Thanks for your help.

Absolutely positioned divisions are NOT a good primary layout method. Here's why:
http://www.apptools.com/examples/pagelayout101.php
You should use a CSS with default CSS positioning (which is no positioning at all). And then use margins, padding and floats to align elements on the page. Also, if you want the page height to flex to content (as it should), remove the height property from divisions containing text.
Something like this:
http://alt-web.com/TEMPLATES/2-col-fixed-flash-holder.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Background partially flowing over the content div, making coding difficult to see-ok in browser?

I have a weird problem. The whole page background is partially covering the content div in split view - not code - just the browser view side.
When I open it in a browser - it is fine, but in Dreamweaver I cannot see what I am doing. I have to copy all content and just paste it in - hoping for the best.
Does anyone know if there is a way to fix that. I am thinking that it would have to be something to do with CSS but am a newbie and just don't know what.
I've searched and tweaked things but nothing works.
Could someone help. The site has Template, and editable container and content divs (content nestled inside container).
The color overflows only partially too, which is really confusing - I can see about 3/4" of the top. (the white stripe).
Is there a way to specify that the background should be below the content layer?
Thanks a million.

Can we see your HTML and CSS code? Please copy & paste into the web forum reply. Don't use e-mail, it won't come through.
It might be something simple in your code. But then again, it might be the inherent difficiencies of Design View which often times does NOT render CSS Layouts correctly. I encounter this quite often in my work so I rarely use Design View. I usually use Code / Live View and Preview in Browsers to check my work.
One option is to turn off CSS styles by going to View > Style Rendering > deselect Display Styles. This will only effect Design View. You will still see your styles in Live View and Preview.
Nancy O.

Whenever I open the editor in Photoshop Elements 12 it does not work. When I try to click open in the application it does not do anything. None of the buttons work. When I open a photo using file at the top it opens but I cannot edit it or use any of the

Whenever I open the editor in Photoshop Elements 12 it does not work. When I try to click open in the application it does not do anything. None of the buttons work. When I open a photo using file at the top it opens but I cannot edit it or use any of the features on the left side.

Hi Nealeh
Thanks i think I got it working of a fashion.
Except the replace colour, does not seem to end up with the colour I picked using the picker tool. Its as though it hads not replaced the colour but blended in the desired colour with the old incorrect colour!
Buy trial and error picking not the right colour but close - which when mixed with the existing colour is close.
Sorry I can't post the pictures as the Lingerie Mfg, has me under non disclosure.
The scenario is:- say a blonded mainly tanned model a high cut [at the hips] corsette style basque, with an ultra low bra line.
Our dear model, has just come back from St Barts with a fabulous Tan, and equally striking bold Tan lines!.
So we have great tanned legs, then the 'porcelain white band' where her swimsuit was.
Likewise we have a tanned face, and arms, shoulders etc and a great tan on the top of the cleavage, then it stops, white band to the top of the ultralow cut bra line of the basque.
She must have lived in like the most conservative bikini on the planet [50's style], for 2 weeks!
Had she had a normal skimpy bikini on, no problem!
If i don't solve it, she will get fired!
Not a lack of interest in your post, but I was out, and tried to log in to this site; which I could do, on my iPad Air / 5 [whatever its the new one]. And tried to 'sign in' - but it just hung at the
"Join Adobe Community" adobe sign in splash screen! with he little whell spinning around continuously!!!
I have Safari on this iPad. Guess that is all it runs.
So technology is not my friend today!

Elements in Content Div not Solid White

Similar Messages

Maybe you are looking for