How to separate content area from the image area in cs6

how to separate content area from the image area in cs6? looks just fine in design view but when opened up in explorer my text /content area is over the image area. the content is suppose to be below the image not over it. How do I move it down? Everything I have tried has not worked ;(

Is your image in the CSS (background) or the HTML (foreground)?
Try copying and pasting this code into a new, blank document. Change placehold.it images to your own. Save and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with CSS 2-Col Layout</title>
<meta name="viewport" content="width=device-width, initial-scale=1">


<style>
/**CSS Reset**/
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
img {
    width: 100%;
    vertical-align: baseline;
/**Layout**/
body {
    padding: 0;
    width: 90%; /**adjust width in px or % as desired**/
    margin: 0 auto; /**this is centered**/
    background: #CFF;
    color: #505050;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 100%;
    box-shadow: 2px 2px 4px #333;
header {
    margin: 0;
    padding: 0 1%;
    width: 100%;
    background: #B00202;
    color: #FFF;
/**top menu**/
nav {
    background: #EAEAEA;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold
nav ul {
    margin: 0;
    padding: 0;
nav li {
    list-style: none;
    display: inline-block;
    margin: 0 3% 0 5%;
/**menu link styles**/
nav li a {
    color: #666;
    text-decoration: none;
    line-height: 2.5em;
    padding: 6px;
    border: 1px solid #CCC;
/**on select or mouseover**/
nav li a:hover, nav li a:active, nav li a:focus {
    background: #CCC;
    color: #505050;
#wrapper {
    background: #EAEAEA;
    overflow: hidden; /**float contaiment**/
/**main content**/
article {
    padding: 0 2%;
    background: #FFF;
    float: left;
    width: 70%;
figure {
    width: 80%;
    margin: 4% auto 4% auto;
    text-align: center;
/**right sidebar**/
aside {
    padding: 0 2%;
    float: left;
    width: 30%;
footer {
    clear: both;
    background: #B00202;
    color: #FFF;
    text-align: center;
    margin: 0;
/**typography**/
header h1, header h2 {
    display: inline;
    color: #F5DD83;
    padding: 0 1%;
h3 {
    color: #2294AE;
    margin-bottom: 0
p { margin: 0 0 1em 0 }
figcaption {
    text-align: center;
    font-style: oblique;
    font-size: small;
    color: #2294AE;
</style>
</head>
<body>

<header> <h1>Sitename</h1>
<h2>| Responsive CSS Layout</h2>
</header>

<nav>
<ul>
<li><a href="#">Menu Item1</a></li>
<li><a href="#">Menu Item1</a></li>
<li><a href="#">Menu Item1</a></li>
<li><a href="#">Menu Item1</a></li>
<li><a href="#">Menu Item1</a></li>
</ul>
</nav>
<div id="wrapper">

<img class="banner" src="http://placehold.it/1056x100/198EBA/FFFFFF&text=Banner.jpg" alt="banner" />
<article> <h3>Article</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<figure> <img src="http://placehold.it/500x325" alt="placeholder">
<figcaption>Figure 2 Caption</figcaption>
</figure>
</article>

<aside> <h3>Aside</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
<hr>
<p>Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<hr>
<p>Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</aside>
</div>

<footer> <small>© 2014 Your Site Name. All rights reserved</small> </footer>
</body>
</html>
Nancy O.

Similar Messages

How do I record audio from the internet in AA CS6?

When I used AA 2.0 and 5.5... I was always able start recording a wave file... minimize AA and roll a song or interview on the internet and record it.
Now that I've upgraded to AA CS6 I haven't been able to do that.
I've intalled the latest ASIO driver for my Presonus Firebox sound card and can record from all other sources,.. turntable, cassette deck (don't laugh)... midi... etc.
I've double and quadruple checked my hardware and channel routing settings and all seem to be correct. Even tried a new fireware cable. So it just seems that even though I can hear mp3s and wavs coming from my PC through the sound card fine... the audio just isn't getting to Audition. When I monitor the input all I get is the noise floor reading.
I have a Gigabyte mother board with onboard Realtek HD audio... which is disabled... don't even think the drivers are installed for that. Could that be the problem. I have always been under the impression that on board audio should be disabled when your using an external ASIO sound card. One other thing I noticed is that when I go into control panel and open "sounds and audio devices"... all the ins and outs there match the settings in CS6 but on the first tab for "volume" the device volume slider is greyed out.
If any of this raises a red flag that I'm missing... please let me know what you think. I'd be indeed grateful
Thanks

Morning Bob.. thanks for your quick reply...
Sorry I didn't provide a profile of my set-up/signal chain
Actually I'm still one of the hold-outs... OS is still Win XP Pro service pack 3. I tied what you advised regarding "hidden devices" in sounds and device controllers but in XP there does not seem to be anywhere to right click to bring up the list of hidden devices.
As I mentioned my sound card is an external Presonus Firebox which is firewired to a firewire card in the tower... the Gigabyte mobo has onboard Realtek HD audio which is disabled.
I use the rear inputs and outputs of the Firebox and control audio levels with a Mackie 802 mixer. The only thing in my setup that changed was upgrading to CS6.
By the way, the recording problem goes beyond the internet. I used to be able to playback saved mp3s in realplayer, mediaplayer, etc and record them in 2.0 and 5.5. Most of those files were recorded as wav and converted to mp3 pro. I realize that CS6 does not support mp3 pro.. but even when I convert those files to mp3 I have the same problem on play back that AA CS6 doesn't get a level. But again, AA can receive audio from any other source I use.
Wondering if I should try reinstalling and enabling the Realtek HD audio drivers and seeing if that makes a difference. My uneducated guess is that will create a device conflict blocking AA from accessing the Firebox until Realtek is done.
Would appreciate your thoughts
Many thanks

When I upload photos from my Canon Rebel 1000D to iphoto the images are labelled JPEG, yet I shoot in RAW.How do I get iphoto 11 vers9.1.3 to not convert the photos to jpeg.

HI,
When I upload photos from my Canon Rebel 1000D to iphoto the images are labelled JPEG, yet I shoot in RAW.How do I get iphoto 11 vers9.1.3 to not convert the photos to jpeg. I seem to have tried and read so much but just can't figure it out. How do I get iphoto 11 vers9.1.3 to not convert the photos to jpeg. Or do a have to use a different system? I have Adobe Bridge. Or can I upload directly into photoshop?
Also how do you install dmg's properly I am having problems installing them?
I have a Mac OS X 13 inch Version 10.6.7
Advice desperately needed
Thanks
Nlouis

Do you have Aperture installed? I found your model on a compatibility list; however, there was a note that it requires Aperture 2 to be installed:
http://www.apple.com/aperture/specs/raw.html
According to this excerpt:
To see a list of digital cameras with RAW-format support that are compatible with iPhoto, visit this Aperture webpage (any camera compatible with Aperture, Apple’s advanced photo editing and management program, is compatible with iPhoto as well)
which is at the bottom of this page:
http://docs.info.apple.com/article.html?path=iPhoto/9.0/en/pht41627265.html
I may be wrong, but I interpret that info to mean you need Aperture 2 before iPhoto will work with RAW?

How can I get rid of the dark area on top one third of my iphone screen which spoils my background image?

How can I get rid of the dark area on top one third of my iphone screen which spoils my background image?
It seems this problem is caused by the software to increase the readibility of upper letters (clock battery etc.) It be nice to leave us the control of choosing background letter color too if we are using brighter images or darker images.
I'm using iphone 4s and it appeared after I updated to new patch. 7.1.1.
Thanks,
Cem
I do not know how to move topics from sections of forum so I apologise for duplicate post.
https://discussions.apple.com/message/25594879#25594879

Photo added.

I have playlists on my original iPod but are not in the library. How can I move them from the iPod to the library?

I have playlists on my original iPod but are not in the library. How can I move them from the iPod to the library?

She can choose to either enable the setting on her iPod to Manually manage music and videos. With setting enabled she can sync content to her iPod from multiple computers without it affecting whats already stored her iPod. For more information on syncing content to an iPod manually see this article.
http://support.apple.com/kb/ht1535
However, I would recommend copying whats on her iPod to her iTunes library first. There are several ways to accomplish this. See this older post from another forum member Zevoneer discussing the different ways to do it.
https://discussions.apple.com/thread/2452022?start=0&tstart=0
B-rock

How do you remove items from the assets panel that are duplicated?

How do you remove items from the assets panel that are duplicated?

If you add an item to a slideshow, you'll usually see 2 entries for that image in the assets panel - one represents the thumbnail, and the other represents the larger 'hero' image.
It sounds like you may have added the same image to your slideshow twice. You can select one of the hero images or thumbnail images in your slideshow and use the delete key to remove it. Then the extra 2 entries in the assets panel should disappear.

Why does the clone stamp work when I go from a darker colour to a lighter colour but not the other way around. How can I lighten up a dark area? Lasso tool takes from the wrong area too.

Why does the clone stamp work when I go from a darker color to a lighter color but not the other way around? How can I lighted a dark area? The Lasso tool takes from the wrong area.

c.pfaffenbichler wrote:
Why do you use the Blend Modes Lighter and Darker at all in this case and not simply Normal?
And what kept you from posting a screenshot?
I borrowed the image below for an HDR workshop I ran at the 2010 PSNZ National Convention, to demonstrate a method of removing halos. You'll remember that halos were a serious problem with early HDR, and while the halos in this image were caused by over sharpening, they are perfect for demonstrating this technique.
It relies on the fact that halos so often tend to put a lighter tone between the two areas where sharpening is being applied. Whether that is the sky abutting a dark line of hills, or the rock and little tower as in this image. I've uploaded it at the size it was supplied to me at (about 2700 pixels wide). So
Click to open the full image, right click and copy, and paste into Photoshop.
Select the clone tool, and set its blend mode to Darken.
Try to sample on a line horizontal to where you want to clone, to give the best tonal match, and start cloning.
Because the sky is darker than the halo, it overwrites it. But the rock is darker than the sky, so it has no affect.
It works even better if you clone on a new layer also set to Darken. No masking, just Photoshop blend mode magic.
You can also fix the little tower. Use a great big brush — just remember to sample horizontal to match the horizon.
Back then I was using the same trick with CAs after forgetting to fix them in ACR, and having done too much work to start again after spotting the problem.

How can I after compare from 2 images automatic mark the image differenz?

Hello Everybody.
I
have a question again, there are a photo A and a photo B here, after the subtract from A and B I have got a
comparative photo C, anywhere where black are no
changes. So the color envelope are the changes.
I would like to track the changes, and I want to make a program like that:
This LabVIEW program knows the color changes from the image C (where not black were), it must
AUTOMATICALLY remember each color changes, define the size of the framework for each color charges and draw each changes with a framework in the photo A (as well as photo D), is it possible?
Can you help me? Please put a sample workflow, thank you in advance!
Regarts,
Johnny
Attachments:
Photo C + D.JPG ‏72 KB
Photo A.JPG ‏101 KB
Photo B.JPG ‏101 KB

Hello, Mike,
thank you for your help, it works.
Maybe I am not so clever, I can not unterstand your program very well.
I have 2 questions:
1. I need a little larger rectangle for the images, because the images are not subscribed fully, and there is no problem if the environments are there. On which position or in which case can I enlarge the size for that?
Please look the word file "now" and "wanna".
2. How can I draw the red rectangles direct for each changes on the Photo A.bmp? On which case or on which position of your program must I edit? And how?
Please look the Photo D.bmp. There is also no problem if the red rectangles litte larger as the objects.
Thanks a lot!
Regarts,
Johnny
Attachments:
now and wanna.zip ‏8 KB
Photo D.zip ‏70 KB

I try to insert some images on a website but the images are not in the right color mode. I do not know what to do? and also I have 1200 images to insert so I can not change one after one. So I need to set up an action, but I donot know how to do it... Tha

I try to insert some images on a website but the images are not in the right color mode. I do not know what to do? and also I have 1200 images to insert so I can not change one after one. So I need to set up an action, but I donot know how to do it... Thanks

What is the problem specifiaclly?
If the images are intended for web use I would recommend converting them to sRGB which could be done with Edit > Convert to Profile or with File > Save for Web, but as including a Save step in Actions and applying them as Batch can sometimes cause problems I would go with regular converting.
You could also try Image Processor Pro.
Scripts Page

How can you remove mirroring from the digital images of old photographs?

I have inherited several hundred old photographs and many of them display "silver mirroring" in the black regions which creates a bluish cast on the scanned image. Is there a simple way to reduce this problem during the scanning process or is there a way within Photoshop to repair it? With many such photographs, I shutter to consider the time required to repair them one-by-one in Photoshop.

When scanning, try setting the black threshold up a bit. This might loose some detail in the dark regions, but it will also make the slightly lighter images in the dark regions disappear. It depends on how light the images are and how much dark-region detail you are willing to sacrifice.
Yes the Photoshop forums should also help you.
Good luck,
Jay

When I copied my cd collection to my iTunes account, I use the view by CD option in the viewer. How can I get songs from the same album to show nder the same view, instead of making it a separate thing?

How can i fix this problem with songs from the same album, not being organized under the same when they are from the same CD?

Thank you... just read up on iTunes Match. That stinks, paying a yearly thing... but I understand everyone has to make a dollar. I think I'm better off just picking the best songs out of my collection storing them on my computer or iPhone then selling my CD's to some used CD place. If I ever really want to hear a song there are multiple options and if I want it... the .99 to 1.29 option is always there.
Thank you for the information

How to automatically remove the wiki page's images from the Images library , when a wiki page is deleted

I have noted the following strange behavior inside my Publishing enterprise wiki site collection. Now by default when I create a new wiki page and I add Pictures to it, the pictures will be saved under the “Images” library and will be inside a unique folder
that have its name similar to the page name.
But when users delete the picture from the wiki page or they delete the whole wiki page, then the related folder inside the “Images” library will not be removed. So can anyone advice if there is a way to automatically remove the page’s pictures
folder from the Images library when the page is deleted? as currently i might end up having many pictures inside the Images library which are not linked to a wiki page, and they will waste my server desk space...

I think, not sure, there's no out-of-the-box solution in SharePoint for this problem. So I can only think of custom solution:
In event Receiver, ItemDeleting, you can delete images. The only downside is if some other pages are referring the images..... you need to check somehow which is quite time-consuming operations if you have thousand of pages in wiki library
A timer job, that will run periodically, every day or week, and clean all unused images.
Hide the default delete button and add your own. And then using your own custom layout page, show a 'configuration dialog' to user if they want to delete both page and images.
Thanks,
Sohel Rana
http://ranaictiu-technicalblog.blogspot.com
Please do not tell me this is not supported out of the ox ,,,,, i that i should handle this process by myself !!! and SharePoint does not support this feature .... this is another problem i should include in my list .....

LR 5.6 on Mac desktop all of a sudden will not read any card from any reader but will work on my laptop. I can work on previous images but not import new ones. Even if I create a catalog on laptop and import to my desktop on a thumb drive, the images are

LR 5.6 on Mac desktop all of a sudden will not read any card from any reader but will work on my laptop. I can work on previous images but not import new ones. Even if I create a catalog on laptop and import to my desktop on a thumb drive, the images are only accessible as long as the thumb drive is inserted.

Sounds like you may need to repair the Disk Permissions on your drive where your images are stored.

LabVIEW DSC: How to get alarm status from the area?

Colleagues,
I have, lets say, 50 Shared Variables where alarming enabled. Some of these variables assigned to area, so I can get status of the entire area or acknowledge an entire area of alarms (prior to version 8.x there was groups of the tags).
Now I would like to get alarm status from the entire area. How can I do it?
In version 6 I was able to wire tag group to Get Alarm Summary Status. Now, in version 8, Alarm Status.vi can be wired to the array of the variables, but not to area. Is it possible to get all variables from the area?
regards,
Andrey.

I am not sure if I should be posting my problem under this particular topic. I am having trouble understanding acknowledge alarm vi and what this vi is supposed to do is not clear to me yet.
I have around 300 shared variables in my project and I have created a particular vi just to view the alarms that may pop up during runs. I created a main menu and this alarm vi can be accessed upon a button click in the main menu. Users get alarm alert based on sound configuration. Then he can navigate to the alarm vi and acknowledge the alarm. The alarm vi only contains alarm and event display found under DSC module.
The problem is everytime I click the alarm button in the main menu, it takes around 2 minutes for the alarm vi to update which is very annoying and unsatisfactory in the middle of run. I am not sure why it happens and I haven't got any response from support yet. These shared variables are managed under 10 different library files that are set up based on different loops of the process (flow, pressure and so on).
Then I looked into three alarm examples that ship with DSC module. None of these examples use acknowledge alarm vi. I implemented another vi similar to alarm demo vi in that example - containing multicolumn listbox. I created acknowledge event containing acknowledge button and used the acknowledge alarm vi under this event. Read vi alarm is under timeout event.
When I click the acknowledge button as soon as I see the alarm in multicolumn listbox, nothing happens - the color of font does not get changed to purple neither any alarms get acknowledged. I tried to aknowledge alarm by variable name or alarms or alarm area, it does not give me anything. What is this acknowledge alarm supposed to do? I tried to find examples everywhere in the web that uses this particular vi and haven't found one yet.

Is there a way to separate raw files from jpegs that are in one folder after downloading from camera when you shoot both together. I tried arrange or sort by kind but that does not work. It arranges all folders but not the files in the folder., Is there

Is there a way to separate raw files from jpegs that are in one folder after downloading from camera when you shoot both together. I tried arrange or sort by kind but that does not work. It arranges all folders but not the files in the folder., Is there a way to separate raw files from jpegs that are in one folder after downloading from camera when you shoot both together. I tried arrange or sort by kind but that does not work. It arranges all folders but not the files in the folder.

Bridge will do the job. View > Sort > ByType. Then you can choose a group of one type and put the files in a separate folder.

How to separate content area from the image area in cs6

Similar Messages

Maybe you are looking for