Help with a page setup style

Hi there. There is an example that best describes what I'm trying to figure out how to do. If you go to this page:
http://www.belladonna.bz/features/filmography/4/
I want to know how to get something similar where there are links to the side and when you click on a new link only the image and information change to the right, but the links to the left and up top don't reload when you click a new link. Can anybody tell me how that's done? Thanks!

but the links to the left and up top don't reload when you click a new link
They don't?
These are single pages with 3 columns. Watch the address field change when you click a link.
Other solution is to use multiple <iframe> elements :
http://www.wyodor.net/iFrame
or something more advanced :
http://www.wyodor.net/Demo/Fancy/DynamicText.html

Similar Messages

PLEASE Help with Newsletter Page Setup

Hello all,
I am working on trying to re-create a newsletter using InDesign for a client who had previously done all "design" in Microsoft Word.
It's admittedly been awhile since I've done much page layout or work with imposition, and my brain is completely cramping when trying to figure out the correct way to set things up first of all, and then to send the finished file to the print vendor for output.
Here's what I know...
The newsletter is to be printed two-up (according to printer) on 17"x22" sheets of paper, with printing on both sides.
When folded, and with all contained pages stapled together along the fold, each page of the finished newsletter is to be a full 8.5"x11" in size.
Currently, I am working within a Document Setup of "Facing Pages" at 8.5"x11" in size, but have a feeling that either this is: a.) not correct, or b.) not the most efficient way to get what I'm looking for; possibly it's both!
I would be EXTREMELY grateful for any insight, help, and guidance you're willing and able to provide me with.
Many thanks, in advance!

Sorry, Bob.
I'm trying my best to be clear, but simaltaneously include as much information as possible. Perhaps my wording is what's fogging things up. I'll try to re-hash:
The FINISHED SIZE of the newsletter is 8.5"x11". To you, the reader, this 8.5"x11" would be the size of each page.
The PAPER SIZE of the newsletter is 17"x22". The printer will be printing two-sided (front and back) and two-up on each 17"x22" sheet of paper.
Once printed, each 17"x22" sheet will be folded in half to essentially created 4 readable newsletter pages at a size of 8.5"x11". The folded sheets are fit inside of each other in the correct order and stapled along the fold into sort of a booklet.
Hopefully this helps.
Again, I am essentially looking for help regarding two separate questions:
What Document Setup will I want to work in as the designer?
What steps do I need to take once my layout is finished to get the printer a two-up imposition in PDF format that will achieve all of the above? This is what he has asked for.
Thanks again!

Installing Elements 11 on Mac. Need help with install error "Setup wants to make changes."

Installing Elements 11 on Mac 10.8.2. Need help with install error: Setup wants to make changes. Type your password to allow this." After entering Adobe password, nothing happens. Locked from further installation. Any ideas? Adobe phone support could not help.

Just before letting changes (installation in this case) be made on the system, Mac OS prompts for password & this has to be the Mac system password. This password prompt is the system's own native prompt & would accept the system password only. Please make sure it is the right system password (all/admin rights) and the installaion should run.

Help with home page link

Hi
Does anyone can help me ?
I created a web and now I am creating a second folder/ file. How can I link this second folder to the home page placed in first folder ?
Sorry for my English

Hi Cari
Tanhks for you help. This open my mind, you mean I need to have two website to this ?
I ask you this because I have only one website. the acces to my site is only through customer site. I mean I give him the right link (one link for Company A and another link for company B, both coming from site), do you understand what I mean?
The point I do not understan is if I save file web A, as Web B and then I change page names, master and so on, and the I up load, why does muse overwrite in file A when pages are different name !!!!
The point is Muse does not allow to copy / paste !!!
Any idea Cari
Regards from Buenos Aires
Felix Cano Montoya
[email protected]
El 11/4/2015, a las 23:21, Cari Jansen <[email protected]> escribió:
Help with home page link
created by Cari Jansen <https://forums.adobe.com/people/Cari+Jansen> in Help with using Adobe Muse CC - View the full discussion <https://forums.adobe.com/message/7430081#7430081>
I'm not sure I've got a grasp on the issue you are having but let me give it a try
Website A is finished and you have uploaded it to the Internet, so it is LIVE.
You make a copy of Website A, and call it Website B, then make all required changes.
IF you uploaded Website B, then it is likely you will overwrite Website A. You must instead, upload Website B as a separate Website.
To publish to a new site:
Click Publish.
Then click the expansion triangle left of Options.
Change Publish To setting to New Site
fill out rest of required details, and click OK to publish.
You'll now have two separate web-sites.
If you need to link between them, use absolute hyperlinks (the full URL).
Hope this helps.
If the reply above answers your question, please take a moment to mark this answer as correct by visiting: https://forums.adobe.com/message/7430081#7430081 and clicking ‘Correct’ below the answer
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
Please note that the Adobe Forums do not accept email attachments. If you want to embed an image in your message please visit the thread in the forum and click the camera icon: https://forums.adobe.com/message/7430081#7430081
To unsubscribe from this thread, please visit the message page at , click "Following" at the top right, & "Stop Following"
Start a new discussion in Help with using Adobe Muse CC by email <mailto:[email protected]> or at Adobe Community <https://forums.adobe.com/choose-container.jspa?contentType=1&containerType=14&container=47 61>
For more information about maintaining your forum email notifications please go to https://forums.adobe.com/thread/1516624 <https://forums.adobe.com/thread/1516624>.

Deploy with MSI/Page Setup

How can I configure an MSI file with customized Page Setup settings to be deployed?

I just talked to an IT friend that says I need Adobe Pro, not Adobe Reader.

Is it possible to have different tabs print with different page setups.

I would like to use specific page setup parameters (under the File menu) for printing from a particular web site, but those parameters do not work well for printing from other web sites. I would like to be able to specify different page setup parameters for each open tab. Is this possible?

That might be possible via a GreaseMonkey user script, by setting the '''@include''' address to a specific domain.
http://wiki.greasespot.net/User_script
This is an example of a script I found a few years ago to bypass a fault in Firefox when printing the Courier font.
<pre><nowiki>// ==UserScript==
// @name Fix Courier Bug
// @namespace http://userscripts.org
// @description Replaces "Courier" with "Courier New" font
// @author Dan
// @include *
// ==/UserScript==
var elementList = document.getElementsByTagName('*');
for (var i = elementList.length - 1; i >= 0; i--) {
var elementItem = elementList[i];
var ff = getComputedStyle(elementItem, '').fontFamily;
var oldff=ff;
ff = ff.replace('Courier New', '1234567890qwertyFONT');
ff = ff.replace('Courier', 'Courier New');
ff = ff.replace('1234567890qwertyFONT','Courier New');
elementItem.style.fontFamily = ff; </nowiki></pre>
Sorry, I can't help you with writing a script.

Help with custom page size support for non standard paper

Firstly, we appreciate any support you may be able to provide, we have already thrown considerable effort at this and it has been very time consuming and frustrating.
To support a number of business functions need to print to (non standard) continuous and mulitpart paper on a dot matrix printer. The (test) Mac is a 10.4.11 G4 laptop, the printer is an Oki Microline 520 (9 pin 80 column, IBM Proprinter, Microline or Epson FX personalities with a parallel interface) which has been networked via a HP JetDirext Ex Plus print server. That part appears to be operating correctly.
We have tried a number of drivers / printer personalities with varying levels of success:
ESP / EPSON 9-Pin Series CUPS v1.1 / Epson FX personality
ESP / OKIDATA 9-Pin Series CUPS v1.1 / Oki Microline personality
Ghostscript / epsonc / Epson Dot Matrix Foomatic PPD / Epson FX personality
Ghostscript / ibmpro / IBM ProPrinterII Foomatic PPD / IBM Proprinter personality
Ghostscript / okiibm / Oki Microline IBM compatible 9 pin Foomatic PPD / IBM Proprinter personality
There were no appropriate drivers in Gutenprint (5.2.3 version) The most successful is the okiibm / Oki Microline IBM compatible 9 pin settings, it can print A4 and honors the Printer Features Resolution settings in the print dialogue.
Q1: Should we see anything in the Printer Info / Installable Option, it is always blank ?
The issue is custom page sizes, we can manage / add Custom Pages Sizes via the Page Setup / Paper Size interface and they draw on the screen OK but they do not work at the printer (various issue at the printer such error messages, junk printing and wrong orientation):
Q2: Are we heading in the right direction or is there a better way to handle this ?
Q3: Would 10.5 solve all our problems, are the print drivers any better ?
Q4: Is this the correct way to specify custom page sizes, is this all we need to do ?
Q5: Is so how do we get the driver to respect the size, do we need another filter or something ?
Q6: Is it possible to add (by hand) custom page sizes to the ESP drivers or Foomatic PPD files so they they appear as a "standard" offering in the Page Setup / Paper Size interface ?
Sorry for the long / complicated post and thanks in advance for any advice / assistance.

Matt Broughton wrote:
Testing on 10.5.7, Tried both Oki 9-Pin Series 1.3 / Microline personality (no joy) and Epson 9-Pin Series 1.3 (this is a much better driver than 1.1) / Epson FX personality but not much joy with custom page sizes,
The Oki 9-pin Series 1.3 and the Epson 9-Pin Series 1.3 should produce the same results. The only difference in the PPDs is the printer model name.
After some testing, I find that the output is not the same despite the two PPDs being virtually identical. I did spot in the CUPS source code for the rastertoepson filter that there is some model name matching for Epson printers. Thus I can see where the output using the Oki 9-pin PPD could be different than when using the Epson 9-pin PPD.
but again once I imbedded the page size into the ppd some (but frustrating) luck. I can get it to respect the paper orientation and it prints well but I could not get the form length to work properly. At best over a print run of 7 labels it would creep up the label by about 0.1 inches / 2 mm.
Just for the fun of it, I made some additions to the Epson 9-pin 1.3 PPD. All I can say is that I could print a job to file. I have no way to know what it would look like on paper.
I did find that using a custom paper size did add some unwanted margins to the output bounding box. Putting the custom page size into the PPD seemed to get around that issue.
I added the following lines to the Epson 9-pin PPD 1.3--
<pre style="overflow: auto;font-size:small; font-family: Monaco, 'Courier New', Courier, monospace; color: #222; background: #ddd; padding: .3em .8em .3em .8em; font-size: 9px;">*PageSize Label1/Label1: "<</PageSize[288 107.8]/ImagingBBox null>>setpagedevice"
*PageRegion Label1/Label1: "<<PageSize[288 107.8]/ImagingBBox null>>setpagedevice"
*ImageableArea Label1/Label1: "0 0 288.00 107.80"
*PaperDimension Label1/Label1: "288.00 107.80"</pre>
This adds a paper size with the 4 inch (288pt) width and 1.5 inch (107.8pt) height. That represents the 1.4 inch label and the 0.1 inch gap between labels. I set 0pt margins except for the bottom where is set the 0.1 inch (7pt) gap as the bottom margin.
The full diff in context is--
<pre style="overflow: auto;font-size:small; font-family: Monaco, 'Courier New', Courier, monospace; color: #222; background: #ddd; padding: .3em .8em .3em .8em; font-size: 9px;">loki:~ matt$ diff -u /usr/share/cups/model/epson9.ppd ~/Desktop/epson9.ppd
--- /usr/share/cups/model/epson9.ppd 2009-02-20 20:16:53.000000000 -0600
+++ /Users/matt/Desktop/epson9.ppd 2009-06-06 20:37:06.000000000 -0500
@@ -42,6 +42,7 @@
*PageSize Legal/US Legal: "<</PageSize[612 1008]/ImagingBBox null>>setpagedevice"
*PageSize A4/A4: "<</PageSize[595 842]/ImagingBBox null>>setpagedevice"
*PageSize FanFoldUS/US Fanfold: "<</PageSize[1071 792]/ImagingBBox null>>setpagedevice"
+*PageSize Label1/Label1: "<</PageSize[288 107.8]/ImagingBBox null>>setpagedevice"
*CloseUI: *PageSize
*OpenUI *PageRegion/Media Size: PickOne
*OrderDependency: 10 AnySetup *PageRegion
@@ -50,17 +51,20 @@
*PageRegion Legal/US Legal: "<</PageSize[612 1008]/ImagingBBox null>>setpagedevice"
*PageRegion A4/A4: "<</PageSize[595 842]/ImagingBBox null>>setpagedevice"
*PageRegion FanFoldUS/US Fanfold: "<</PageSize[1071 792]/ImagingBBox null>>setpagedevice"
+*PageRegion Label1/Label1: "<<PageSize[288 107.8]/ImagingBBox null>>setpagedevice"
*CloseUI: *PageRegion
*DefaultImageableArea: Letter
*ImageableArea Letter/US Letter: "18.00 18.00 594.00 774.00"
*ImageableArea Legal/US Legal: "18.00 18.00 594.00 990.00"
*ImageableArea A4/A4: "18.00 18.00 577.00 824.00"
*ImageableArea FanFoldUS/US Fanfold: "18.00 18.00 1053.00 774.00"
+*ImageableArea Label1/Label1: "0 0 288.00 107.80"
*DefaultPaperDimension: Letter
*PaperDimension Letter/US Letter: "612.00 792.00"
*PaperDimension Legal/US Legal: "612.00 1008.00"
*PaperDimension A4/A4: "595.00 842.00"
*PaperDimension FanFoldUS/US Fanfold: "1071.00 792.00"
+*PaperDimension Label1/Label1: "288.00 107.80"
*MaxMediaWidth: "1080.00"
*MaxMediaHeight: "86400.00"
*HWMargins: 18.00 18.00 18.00 18.00</pre>
I don't know if that will help you or not. Let us know what sort of progress you make.
Matt

Help with project/folder setup for new flex project??

Hello all,
I need help deciding how to set up my projects for a new flex application we're developing.
We have an in-house custom java/jsp "framework". This framework has JSP pages for administering applications that are built using this framework. One part of the framework generates all java base and model objects from our database tables to be used in the new application.
The new application will have a back-office part (Adobe AIR) and a web facing part (Adobe Flex). Both the AIR and Flex parts of the application need to access the java model objects via AS3 classes (I believe I'll do this using remoteobject).
My questions are as follows:
After I create the base and model AS3 classes that remoteobject with the java classes can I put these in a common library project so both my AIR and Flex app can access common AS3 code. I feel I should do this to keep from duplicating code by copying the AS3 classes in both my AIR and Flex projects. Can you give my any examples or links to information on how to do this??
I plan to also create a common java project for all base and model objects generated from my db tables so that the common library project with AS3 classes could remoteobject interface with the java classes in the java project. I would like to keep all of my business logic in the java model classes. Does this seem appropriate for the projects/setup listed above?
Here are the projects I think I need in Flex Builder.
FlexWebApp
AIRBackOfficeApp
JavaApp - Common
AS3FlexLibraryApp - Common
The FlexWebApp and AIRBackOfficeApp will reference the AS3FlexLibraryApp and the AS3FlexLibraryApp will remoteobject to the java classes in JavaApp.
Any help or direction with this is greatly appreciated.
Thanks,
Whitney

Hi,
Please post only once (do not post same thread across multiple forums).
help with Financials setup from very basics...
Re: help with Financials setup from very basics...
Regards,
Hussein

Help with Project Management setup from very basics...

hi all!
i am new to e-business suite and now i have installed vision demo database successfully on a Quad Core with 320 GB hard and 4 GB ram...now i need help to setup Project Management (PM) module for a hypothetical construction company with the required functionalities (just limited functionalities and Not complete functionalities as in EBS).i need help in setting up Project Management module from the very basics...so can you help me out in this...thanks in anticipation

Hi,
Please post only once (do not post same thread across multiple forums).
help with Financials setup from very basics...
Re: help with Financials setup from very basics...
Regards,
Hussein

Help with dynamic page layouts

Hello JSP Gurus,
I'm attempting to dynamically generate the page layout for my site based on the organization a user belongs to. Basically, I'd have certain resources like navigation links, graphics, etc, that are modular. Then I'd like to construct the layout using these "moduls" in a dynamic fashion. Does anyone have any suggestions on techniques or technologies that would be useful? I'm not really looking at the portal/portlet model. Is this something that Cocoon could do by storing the layout for each customer as an XML file or something? Any ideas, suggestions, experiences would be helpful.
Thanks!

How does Tiles differ from the JetSpeed apache
project? They both appear to be portal-like
frameworks, or am I incorrect about that? Which is
preferred?Frankly, I can't give you an in-depth answer to that. Maybe someone else can help with more details.
What I can tell you is that JetSpeed seems to be more of a real portal architecture. Emphasis is placed on the framework portion, interfacing with exisiting applications. Visual layout takes second seat to this.
Tiles on the other hand puts more emphasis on visual layout and reuse.
Just looking at JetSpeed's visual interfacing a little bit makes me really dislike it. You build tables and such inside of a servlet, so there's a tight coupling (or at least, much tighter than with Struts/Tiles) between the presentation and logic. (I'm basing this on a JavaWorld article at
http://www.javaworld.com/javaworld/jw-07-2001/jw-0727-jetspeed.html )
Based on your initial question, it would seem to me that tiles is much closer to what you're looking for (and likely easier to just pick up and use).
Anyway, take all this with a grain of salt; I'm not exactly an expert on JetSpeed. =)

Need Help With ACS LDAP setup to Query AD

I have 2 Win 2003 ADs, one of them is configured and working under Windows Database (using remote agent) configuration. I am trying to setup the second AD with Generic LDAP setup. I want to know what exactly I should use in the fields UserObjectType and Class, and GroupObjectType and Class for Windows 2003 AD. All Cisco documents give example of Netscape LDAP syntax. I was told by our server admin. what to put under Admin DN, CN=myid,OU=mygroup,OU=myorg,DC=mydomain,DC=com
I have both user & group directory subtree fields filled with DC=mydomain,DC=com.
I am using the ip address for Primary LDAP server, and port is 389, LDAP version 3 is checked.
Is any of these DC, OU, etc. case sensitive?
With all entries that I have tried, when I go to map a group, I am getting error "LDAP server NOT reachable. Please check the configuration". My ACS can ping the domain controller's IP address fine.
Please help. Thank you in advance,
Murali

Murali,
These references may help...
http://download.microsoft.com/download/3/d/3/3d32b0cd-581c-4574-8a27-67e89c206a54/uldap.doc
http://www.microsoft.com/technet/archive/winntas/plan/dda/ddach02.mspx?mfr=true
http://technet.microsoft.com/en-us/library/aa996205.aspx
Regards,
Richard

Help needed in page setup and print dialouge

Hi
how can i display page setup diaog box and print dialog box in java to print my document.
Thanking you in advance

if you can tell the full procedure how can i setup the page and print my file it will be very kind of you.

Help with Quiz pages and buttons (please)

We use Captivate 6 with a subscription. I have put together a couple of modules with question pools, and some with just a few questions pages inserted. The last time I created a new captivate project, I put inserted quiz pages and the buttons were different then they had been before. The first few times they were grey, now they are green and a bit smaller. Looking at the proporties for each page and button, I cannot see anything that is different othe than one is a text button and the other is a transparent button. Both buttons are marked as default quiz button style. I don't use any themes. To make this short, I would like to know if there is a way to make the buttons the same every time I add a page, or a pool? I am not yet up to designing my own buttons, but probably will here shortly. Right now I need to get some training modules completed as quickly as possible so I don't have the time to reinvent the wheel (so to speak). The only other thing that I noticed was different in the projects was that in the skin editor one uses one called [default](modifired) and the other one uses one that I created. HOWEVER, I have another one that uses my custome skin and the buttons are grey on that one which is the same as the default one. I don't think the skin has anything to do with the button look. Correct me gently if I am wrong on this.
Thanks for the help.

Just one remark: in CP6 you always use a theme. And quiz slides have their own master slides, that will always be used. The buttons take on the style you see on those master slides, and this style can also be found in the object style manager. Skin and object styles are part of the theme. Probably you have overridden some of the styles defined?
Lilybiri

Help with Updating Page

Hi, I have inherited the updating of our website. I am trying
to edcuate myself about Dreamweaver, CSS and HTML with as much
reading of books, online material like this forum and tutorials. I
am a novice with limited training in DW, but am willing to put in
the work. I think I have a big burden.
This site was created in FrontPage by an outside firm and was
transferred to DW in house (I think).
Documentation is about non-existent beyond web host info and
passwords. I don't think it was considered that certain pages
within the site would be edited. I am trying to understand what is
going on in the code, but I am baffled.
I am trying to edit the dropdown menu to remove one location,
New York.
When I delete what I think are the appropriate lines of code,
the remaining items in the menu fail to display the correlating
info in the text area and in the image area on the right side of
the page.
This is the page;
http://www.wesgarde.com/branches.shtml
Can anyone help me get that one location removed, along with
making the rest of the menu items fall into place?
Appreciate any info,
Thanks, Michele

The problem is that the Add-ons Manager tab when opened the first time, is on "Get Add-ons" section and that must be downloaded from the Add-ons server which might be overburdened.
* If you need to look for new Add-ons, go directly to the Add-ons site -> https://addons.mozilla.org/en-US/firefox/
Perform the suggestions mentioned in the following articles:
* [https://support.mozilla.com/en-US/kb/Template:clearCookiesCache/ Clear Cookies & Cache]
* [[Add-ons are disabled after updating Firefox#w_check-for-new-versions-of-your-add-ons|Check for New versions of your Add-ons]]
Check and tell if its working.
Not related to your problem but some of your Plugins are out-dated
* Update All your Firefox Plugins -> [https://www.mozilla.org/en-US/plugincheck/]
* '''When Downloading Plugins Update setup files, Remove Checkmark from Downloading other Optional Softwares with your Plugins (e.g. Toolbars, McAfee, Google Chrome, etc.)'''

Help with CSS Page Layout

I guess I am "old school" in that I have always used tables
to lay out my web pages. I decided I must learn to do it with CSS,
but I'm having a terrible time (and it shouldn't be so hard!). I
understand how to define the styles, add divs, etc. Here's what I'm
having trouble with:
How do I specify the normal page width to be 800 pixels,
however I want it to be relative to the browser (i.e., 100% of 800
pixels).
I understand the "float" tag, but if I have a right-hand
sidebar, I can't seem to get the text to the left (in a div called
"maincontent") to stop at the sidebar and wrap to the next line. I
tried specifying "Hidden" as my textbook suggests, but that has no
effect.
I can easily do all of this with tables, so do I really need
to abandon them?
Thanks!

Hi Jane,
I'll try to answer all your questions, then a tip or two to
stop the main
content from dropping when the browser window size is
reduced.
- " I didn't realize that
margin-top: 0px;
margin-right: auto;
is not the same as margin: 0px auto;
That's right.
margin: 0px auto; is actaully saying make the top margin 0,
the right margin
auto, the bottom margin 0 and the left margin auto.
It's just CSS shorthand.
For example, you might have:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 5px;
margin-left:15px;
You could just use margin: {10px 20px 5px 15px;}
Think of a clock to remember the directions.
12:00 top, 3:00 right, 6:00 bottom, 9:00 left.
If any of the values are the same, you can shorten it more.
For example, if top is 10, right is 20, bottom is 5 and left
is 20, it's
margin: {10px 20px 5px;}
If the 4th location (left) is missing a value, it makes it
the same as what
you have for right.
If top and bottom are 10px, and left and right are 20px,
it's:
margin {10px 20px;}
If the last two positions ( bottom and left vlaues ) are
missing, then it
will use the top value for the bottom, and the right value
for the left.
What auto right and left is doing is subtracting your content
width (the
container width) from the browser window width, and then
dividing the
remainder in 2 and applying each value to each side of the
container.
-"I found that they all took on the font of the maincontent
and I had to fix
them
individually. "
The only text that should be Time is the text in your main
content, where
you have that font defined. Everything else should be Arial
if you define
the body as such. I'll post a link at the end of this.
- "I put my bold sentence (Friendship, Fun, etc.) in h1, but
I had to change
the
color & size, so that added another style element. "
You don't need to give the h1 a class. You can actually just
style the h1
tag:
h1 {
margin: 10px 10px 2px;
font-size: larger;
color: #941238;
You can only use h1 once on a page.
You can use h2, h3, h4, etc, as many times as you would like,
and you can
style these just like the h1 style above.
- "I don't quite understand the .rightsidebar p { and
container p{
I am assigning the spacing to the <p> tag? What exactly
is that doing?"
That is saying, give all the <p> tags inside the
rightsidebar container the
follwing style.
So, in this example:
.rightsidebar p {
font-size: 18px;
margin: 2px 10px;
it's saying give all the <p> tags in this container a
size of 18 and margin
of 2px top and bottom, and 10px left and right.
It's a lot easier than giving a class to every <p> tag
- "I also don't quite understand the .clear {
Why not just choose clear:both on the next section <div
class="footer">"
You could, if the footer was in the container. It just needs
to be the final
element before the close of a container that contains the
float(s).
-Do you use the <div class="container"> technique all
the time?
Yes, most of the time. I usually put everything in it, and
use the
margin:0px auto; to center it.
That way, I don't have to try to get a number of different
elements to align
with the right and left sides by applying values to all of
them, which can
get tricky quickly.
-"If you'll indulge me one more question, I wonder if it's
possible to put a
graphic (say, of a putting green) underneath my
rightsidebar? I would want
the sidebar to lay on top of the putting green for an
interesting artistic
touch.
Yes, you can give that div a background image. You just need
to make the div
the same size as the image so you see it all (or vice-versa).
Now, to make that maincontent not drop like it does you can
remove the width
in the CSS. Now it will expand over to the left edge of the
rightsidebar.
You can control how close it gets by giving the right sidebar
a bigger left
margin. The point is, with no width assigned, the maincontent
will shrink
down to the longest word in it before it drops.
Here's what it looks like:
http://tnsgraphics.com/test2.htm
Let me know if you have any questions.
Take care,
Tim
"janeinpa" <[email protected]> wrote in
message
news:[email protected]...
> Hi, Tim...
>
> You have been very kind to help me learn CSS! I very
much appreciate it
> and
> am really delighted to have gained a better
understanding of this. I
> studied
> all your suggestions and started the page from scratch.
Take a look here:
>
http://www.allisonwebcreations.com/ewga_site/good_page/indexgood.htm
I'm
> very
> pleased with it. I discovered a couple of things:
>
> I didn't realize that
> margin-top: 0px;
> margin-right: auto;
>
> is not the same as margin: 0px auto;
>
> are they two different codes? Anyway, it didn't center
until I fixed
> that.
>
> I understand what you're saying about the font codes
being redundant,
> however
> I found that they all took on the font of the
maincontent and I had to fix
> them
> individually. This must be an error in how I'm coding
it. Is the order
> in
> which I did them to blame? I put it in the order that
I'm reading it, but
> perhaps I should do it differently.
>
> I also couldn't get the footer to move left to the
margin. I'm not sure
> why,
> since I think I followed all your suggestions.
>
> I put my bold sentence (Friendship, Fun, etc.) in h1,
but I had to change
> the
> color & size, so that added another style element.
I'm afraid that
> probably
> isn't correct. I also couldn't have my normal content
text follow
> immediately
> on the same line. Maybe that isn't possible.
>
> I don't quite understand the .rightsidebar p { and
container p{
> I am assigning the spacing to the <p> tag? What
exactly is that doing?
>
> I also don't quite understand the .clear {
> Why not just choose clear:both on the next section
<div class="footer"> ?
>
> Do you use the <div class="container"> technique
all the time? How do you
> decide what goes in it -- just floating items or can I
think of it as a
> table
> that holds all my main blocks of info? Why not include
the footer in it?
>
> If you'll indulge me one more question, I wonder if it's
possible to put a
> graphic (say, of a putting green) underneath my
rightsidebar? I would
> want the
> sidebar to lay on top of the putting green for an
interesting artistic
> touch.
>
> Thank you, thank you, thank you again. Here are my css
codes (which I
> have in
> an external file. Is it better to import or link to the
file?)
>
> Have a wonderful New Year.
>
>
>
>
>
>
> .body {
> padding: 0px;
> margin-top: 0px;
> font-family: Arial, Helvetica, sans-serif;
> }
> .masthead {
> width: 780px;
> margin: 0px auto;
> padding-top: 10px;
> padding-right: 0px;
> }
> .maincontent {
> background-color: #FFFFFF;
> text-align: left;
> width: 60%;
> margin-top: 0px;
> padding-top: 10px;
> padding-right: 0px;
> font-family: "Times New Roman", Times, serif;
> font-size: medium;
> color: #000000;
> }
> .maincontent p{
> margin-top: 2px;
> margin-right: 10px;
>
> }
> .rightsidebar {
> font-size: small;
> background-color: #DEEBE4;
> text-align: center;
> float: right;
> width: 250px;
> margin-top: 10px;
> margin-left: 20px;
> border: thick solid #941238;
> font-family: Arial, Helvetica, sans-serif;
> padding: 10px;
>
> }
> .leftbox {
> font-size: small;
> font-style: italic;
> color: #336600;
> background-color: #DEEBE4;
> text-align: center;
> clear: both;
> width: 300px;
> margin-top: 50px;
> border: thin solid #941238;
> font-family: Arial, Helvetica, sans-serif;
> padding: 10px;
> }
> .footer {
> font-size: small;
> margin: 100px;
> font-family: Geneva, Arial, Helvetica, sans-serif;
> font-style: normal;
> }
> .container {
> width: 90%;
> margin: 0px auto;
> }
> .clear {
> font-size: 1px;
> line-height: 0px;
> clear: both;
> height: 0px;
> }
> .event {
> font-size: 24px;
> font-weight: bold;
> color: #00493E;
> }
> .upcomingdate {
> font-size: 20px;
> color: #990134;
> font-weight: bold;
> font-family: Arial, Helvetica, sans-serif;
> }
>
> .eventitem {
> font-size: 18px;
> color: #000000;
> font-weight: bold;
> margin: 0px;
> }
> .eventlink {
> font-size: 14px;
> font-style: italic;
> margin: 0px;
> }
> .smallboxhead {
> font-size: large;
> color: #00493E;
> font-style: normal;
> font-weight: bold;
> }
> .companyname {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: small;
> font-style: italic;
> color: 990134;
> }
>

Help with a page setup style

Similar Messages

Maybe you are looking for