How to make images 100% page width?

I've been familiar with the 100% page width feature for a while and have used it quite a bit with no trouble until now. I'm trying make this banner image I have 100% page width (which doesn't appear to be an option), but when I do it still leaves some space on either side of the image when I preview it. The next thing I tried was to just use a bigger version of the image that way it spans wider than the browser, but the problem there is that it enables horizontal scrolling which I do not want at all.
This site has a lot of similar banner/rectangle images to what I'm creating so this is the effect I'm going for. Any suggestions would be great guys

set a text box or rectangle to 100% width and then fill the object with the image. set it to scale to fill.

Similar Messages

Odd 100% Page Width Issues

Hi,
Firstly sorry in advance - I'm new to Muse and I primarily work in graphics and video (photoshop, after effects etc) - so web is not my forte!
I'm having a weird issue with page width. Most of the pages on my site have tiled images or one large image in a rectangle set to 100% page width - as a background image of sorts. Other elements (rectangles etc) sit on top of that scrolling at different speeds - these are also set to 100% width.
When the browser window is at full size this works fine, however when I decrease the browser size until I get a horizontal scroll bar, the background images seem to extend further to the right than the other elements on top, even though they are both set to 100% width.
Here's a few images to illustrate:
Everything dragged out to 100% width
Page Properties
Layout problem in the browser (Google Chrome)
There's a draft version of the site at http://alivechurchlincoln.businesscatalyst.com/ where you can see the problem on the 'About' page. It happens on a number of the other pages too.
I've checked through all my layers and nothing seems to extend over the page width, including compositions.
Any help would be really appreciated!
Thanks,
Ben

I have been through all the pages this is affecting (About, Connect and Community), unlocked all the layers and selected all to see if there was any content hiding on the right side but I couldn't find anything.
Any ideas?
Thanks!
Ben

I was wondering if there is a tutorial on how to make a blog page in muse?

I was wondering if there is a tutorial on how to make a blog page in muse? Any help will be appreciated.

Hi
You can integrate third party blog in your site or if you are using Business Catalyst , then you can go with BC blog modules on page.
More Details :
http://www.musegrid.com/blog/add-business-catalyst-blogs-to-your-adobe-muse-website
http://www.muse-themes.com/blogs/news/7257782-creating-a-blog-in-adobe-muse-powered-by-nab ble
Thanks,
Sanjit

How to make a link page come up in seperate window

Am not sure how to make a link page to anther site for
insatance come up in seperate window so that they do not navigate
away from my site.Thanks Tony

Select the item you want to use as a link. In the property
inspector, type
in the full path to the website you want to link to and set
the Target to
_blank.
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html
"chesterarebest" <[email protected]> wrote
in message
news:e88357$ifp$[email protected]..
> Am not sure how to make a link page to anther site for
insatance come up
> in seperate window so that they do not navigate away
from my site.Thanks
> Tony

How to make my tab page shows all my applications?

How to make my tab page shows all my applications?Please help me as fast as possible. Thx .
Note: Please write as detail as possible because I am new to vb.Thx again.

Hi,
For a lack of info about what Applications you are talking about we can only guess at what you want to do. In my experience, this is the kind of question that ends up being a mile long with 15 different examples because nobody knows exactly what you
are trying to do.
With that said, maybe you can put a ListView in your TabPage and use the code i showed in the link below. If not then please explain exactly what you want to do. 8)
How to make a screen that displays 'all apps'?
If you say it can`t be done then i`ll try it

How to make images fade in and out

how to make images fade in and out continuously

HI,
The Ken Burns effects can do this nicely. Available in the iLife suite of software.
iLife 06 minimum requirements:
http://support.apple.com/kb/HT2675
iLife 06 - Amazon
Carolyn

How can I watermark 100 page documents without purchasing the full Photoshop program?

How can I watermark 100 page PDF documents without purchasing the whole Photoshop program for a MAC?

Surely you mean "the full Acrobat program". You can use the free trial version.

How to make Turnable PDF-Pages with flip effect

Hi,
can any one help me?
How to make flipping the pages in a PDF file using Acrobat professional? And how to save as a PDF file and is it possible?
Please advise me how to process this.
Thanks & Regards,
Sudhakar

Some related information that may help.
http://forums.adobe.com/thread/719674?tstart=0
http://acrobatusers.com/content/page-turner-0
Be well...

How to make a Cleaning Page

I recently became the Owner of a HP LaserJet 3100 all in one Printer and installed the Software so it will run on Windows Xp.
I am having trouble with the Printing being too light and there are no instructions on how to make a Cleaning Page for XP.
Can Anyone help?
Thanks.

Please refrain from posting such posts, u need to check dev guide, previous threads. If you can't find related info in both, then post in this forum.This forum is for issue related to OAF and not to teach basics.
--Mukul

CS6 Fluid Grids - how to make images resize when page is resized? [was: Hello]

I am new to fluid grid layouts in Dreamweaver cs6, I want to insert a GIF file on my index page but I do not know how to make it so when the page shrinks the GIF or image shrinks as well. The only code that I have found is
img, {
    max-width: 100%;
But this code already exists in the css file when you create a new fluid grid based layout
img, object, embed, video {
    max-width: 100%;
can anyone help a newbie please..

this is my source code
<!doctype html>




<html class="">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Kyle Childress Foundation</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="/layout.css" rel="stylesheet" type="text/css">


<script src="respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="animation"><img src="images/images/kyleanimation2014gif2.gif" alt="kylechildressfoundationanimation"></div>
</div>
</body>
</html>
this is my css
@charset "UTF-8";
@import url("/kyle.css");
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
    max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:        5;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    10;
    dw-gutter-percentage:    25;
    Inspiration from "Responsive Web Design" by Ethan Marcotte
    http://www.alistapart.com/articles/responsive-web-design
    and Golden Grid System by Joni Korpi
    http://goldengridsystem.com/
/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 87.36%;
    padding-left: 1.82%;
    padding-right: 1.82%;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#animation {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#image {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
    width: 90.675%;
    padding-left: 1.1625%;
    padding-right: 1.1625%;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#animation {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#image {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
    width: 88.2%;
    max-width: 1232px;
    padding-left: 0.9%;
    padding-right: 0.9%;
    margin: auto;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#animation {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#image {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
the animation GIF is 700 x 908
I changed the code from max-width to just width 100% but it still did not work ,, please help

How do I make sure my page width is optimized for all monitors?

I have a portfolio-ish website, and I've noticed that on small screens there is white space if you scroll to the right. On big screens (Such as my 27" iMac), the design doesn't fit the whole screen.
http://treyflorkiewicz.com/
How can I fix this?
Thanks!

I believe you have used rectangle frames with image fill on page as background. You may want to use full width rectangles with images as page background which would fit on all screen.
Thanks,
Sanjit

In ibooks author how to make an existing page start a new section

I have imported a Pages document into ibook authors (version 2.1.1 in OS 10.9.1) using the Classic Text Template. The original Pages document was basically a book, with title and table of contents and forward and several sections. Now everything is one huge unit. During the import I can choose a layout, but only a chapter or a section. Then all of the document is regarded as having that layout -- every page is regarded as having the section layout, for example, though only the first page has the smaller text area and the large text as a header. I can see all the layout possibilities in the Layouts sidebar, and they include section and forward and 1 column. When I hover the cursor over a particular page the book sidebar I see the little triangle that has been mentioned, and it offers options for changing layout, but it does not allow me to make that page a new section or a forward. I can only make the page 2 column or put a sidebar on it. I cannot see how I can import the book and be able to create chapters and sections with ibooks author. I can insert a new section layout, or a new page, but I do not see how to to change a page, after it is imported and is considered to be the text of a chapter or section, into the start of a new chapter or section. I do not find anything in the inspector or on the menubar or in the help center that makes this change. The "add a chapter title" does not change the layout to make the text box smaller, as it should for a layout. Is it actually possible to convert a Pages book into an ibook authors book, or must I create the blank chapters and sections in ibook authors and then cut and paste each section from Pages?

The advice given for iBA, is to preplan your book. Modify an exsiting template as your layout suits you, to present a quality book to your readers.
iBooks Author is really more "app" than a book maker like inDesign or even Pages, - and users should really get to know how to use it before starting out on a serious project.
The insert options are clear - you can insert a Chapter from MS Word or Pages in iBA a "chapter" is a distinct "standalone" part of a book which can include sections and pages as required. Sections can be moved up or down within their chapter or can be copied from one chapter to another. The pages in any chapter are static and the only way to change content location is copy and paste.
From your post, its seems you decided to create you book using Pages and in one chapter expecting iBA to reformat it.
I would suggest a solution is to count your chapters and add that number into an iBA new book, then copy your Pages chapters. I would guess that the whole process would take less than 30 minutes.
Apple recieves feedback and suggestions for improvements, however the last update made very few changes to the application and none of those seen in many posts - such as being able to move pages. This indicates that Apple at least, are satisfied that the version is functional enough for how Apple see books being made for its store. 12 months ago this forum was taking hundreds of posts per day asking advice, its now a trickle- which I take to be in indicator that as a group, iBA users have taught themselves how to use the application and its many options and third party add on's. iBA is more suited to the interactive side of publications as Apple intended, creating a mainly text only "novel" seems to be considered by Apple as the easy part!

How to make a Web Page with Labview?

I have a Project: CONTROL A CAMERA OVER INTERNET (with Labview)
i try to make a Web Page but it s very difficult for me.I have Labview 8.6 and Internet Toolkit.
Why can i make a simple Web page?
Why can i control the camera over Internet?
Thanks...

This thread is quite old but there is a new answer that might better suite your needs... So, for those who are looking for the answer, have a look at WebPager plugin for LabVIEW here: https://labicom.net/labdeveloper/WebPager/ . It will make much better job (in most cases) than Remote Panels and Web Services suggested above. The only difficulty I see in your request is a 'camera' word. With WebPager you'll be able to control it from the browser (without any plugins or similar things), but the video image itself will pose problems... Still, it can be tackled.
=========================
Igor Titov, CLA
WebPager - put LabVIEW front panels into the web page
Labicom.net

How to make a download page?

Hi!
I need to make a downloadable page out of a stream (or byte array - it doesn't matter) with a content of any type (e.g. a csv file or a binary file).
I would like to make a link on a page which whould trigger an event. In the event handler I would prepare the needed data (generate, etc.) and let the client download it as a binary file (so that browser whould display a download page with options to open the file or save it).
The problem is that I can't find out how to do that?
Are there any how-tos or examples?
Thanks!

Well, a problem arised again when we moved our web application to the https protocol. DownloadPageRenderer didn't work at all with Internet Explorer browser, however other browser worked well and downloaded our file.
I've made a separate servlet for simply returning a file from HttpSession in a doGet method, this is done by the following code:
public class FileDownloadServlet extends HttpServlet {
   * Process the HTTP doGet request.
public void doGet(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {
    System.out.println("FileDownloadServlet.doGet() call in progress . . .");
    response.setContentType(contentType);
    response.setHeader("Content-Disposition", "attachment;filename=\"" + fileName + "\"");
    OutputStream os = response.getOutputStream();
    // save our data to the OutputStream...
    os.close();
}This code works well with Internet Explorer in our test server, Oracle9iAS/9.0.2. However this doesn't work with Internet Explorer on the client's server, Oracle9iAS/9.0.2.3.0.
In our server (where it works), I get the following HTTP headers in IE (with ieHttpHeaders IE plugin):
HTTP/1.1 200 OK
Date: Tue, 31 Aug 2004 07:36:49 GMT
Server: Oracle9iAS/9.0.2 Oracle HTTP Server
Set-Cookie: JSESSIONID=<skipped>; Path=/
Cache-Control: private
Content-Disposition: attachment;filename="HTD Proov.htm"
Keep-Alive: timeout=15, max=98
Connection: Keep-Alive
Transfer-Encoding: chunked
Content-Type: text/html; charset=UTF-8On client's server (where it doesn't work):
HTTP/1.1 200 OK
Date: Tue, 31 Aug 2004 07:36:03 GMT
Server: Oracle9iAS/9.0.2.3.0 Oracle HTTP Server
Pragma: no-cache
Cache-Control: no-store
Surrogate-Control: no-store
Expires: Sat, 11 Jul 1970 17:55:19 PST
Set-Cookie: JSESSIONID=<skipped>; Path=/komm
Cache-Control: private
Content-Disposition: attachment;filename="proov.htm"
Connection: close
Transfer-Encoding: chunked
Content-Type: text/html; charset=UTF-8Any ideas about how to make IE work with our application are welcomed. Can this be because of a wrong server configuration? Can any HTTP headers of the second response cause such behaviour in IE?
Thanks,
Alexey.

HOW TO MAKE IMAGE TRANSPERANT

Hello All,
I have two images one as background and another one is to
place on background image.
Upper one I need transperant. How to write code to
make image transperant?
CAN ANY ONE HELP?
Sharmila.

If you want to do on the fly image transparencies then you want to look in the java.awt.image package. There is are some pretty powerful image filters in here and after the initial learning curve, it isn't terribly complex to create your own image filters. For a school group project we created a logic puzzle game based on a shareware program alreay out there. The shareware program had a tileset format that we wanted to use in our application, but the transparencies weren't set up correctly. We ended up adding the transparencies on the fly. I wish I had the piece of code handy but I can remember enough to point you on the right path.
If you subclass java.awt.image.ImageFilter and override the two setPixels() methods, you can provide any manipulation you need to. Basically the image producer will pass in the pixels in one huge byte (or int) array top left to bottom right order. What we did, was get the color out of the first pixel and make that our transparency color. The byte method has two bits per color while the int method has 8 bits per pixel. The color is divided into r(ed), g(reen), b(lue), a(lpha) (I can't remember if alpha was first or last, a little expirimentation will tell you). The alpha is opaque at one extreme and fully transparent at the other extreme. Loop through the array and if the color is the same as your first pixel then set the alpha to 0 (or was it 15/255?).
Good luck!

How to make images 100% page width?

Similar Messages

Maybe you are looking for