Need Help Starting CSS Page Layout

Hi, I need a little help getting started in creating a CSS
layout page in Dreamweaver CS4. I am following a tutorial online
but I have run into a problem. What I am trying to do is get a
simple CSS layout started. Below I have listed my steps.
1) First I created a new .html page and named it "index.html"
2) Next, in the "Properties" panel I clicked the "CSS" button
3) I then selected the "Edit Rule" button and a window opened
called "New CSS Rule"
4) I then left all default settings and in the window where
it asked me for a name for my selector I typed in:
main_layout.css
Then I got this message below.
"Class names must start with an alphabetical character
preceded by an optional period. There should be no
spaces or additional punctuation."
What am I doing wrong? Can someone please tell me the correct
steps to start a CSS layout in DW CS4?
Thanks

Undescore are Ok in CSS, your problem is the starting. When
you define a
class in CSS you have to start the calss name with a period.
Plus they
cannot be a period after so...
If you want to define a class.
main_layout.css is not OK
.main_layout is OK
main_layout is not OK
Putting a ".css" a the end is for a file name not a selector
So with my example .main_layout you would then applie this
class to a tag
like this
<p class=" main_layout">Put text here</p>
Now if you want to define a ID selector then you start tou
selector eith "#"
no quotation mark
so
#container {
position:relative;
background-color: #fff;
width: 800px;
margin: 0 auto;
top: 20px;
border-top: 0;
border-right: 1px solid #b7b7b7;
border-bottom: 0;
border-left: 1px solid #b7b7b7;
And then you apply this as an id
<div id="container">Put content here</div>
Do you get it. If not then go get a good book on CSS.
aka Frenchy ASP
"tweened" <[email protected]> wrote in
message
news:ge27el$a8i$[email protected]..
> I'm still learning CSS myself. But I have never seen a
style sheet name
> with an
> underscore in it or any punctuation for that matter. If
you look at the
> last
> sentence in the error message you got, It tells you that
no additional
> punctuation can be used. Try using "style" as your css
name. the same
> would go
> for the property tags within the style sheet, don't use
any punctuation in
> the
> names.
>

Similar Messages

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;
> }
>

Adobe recommends: CSS page layout basics

Over the next week, we are going to be publicizing some high-value content from adobe.com and other community sites. We have been tracking what's   been most important to our users, and feel that getting this content out to the larger community will go a long way toward helping people tackle some of their most pressing challenges.
Continuing on our quest for great layout tips, our next recommendation comes from yours truly:
CSS page layout basics
This article takes you through the A-Z of what makes up a basic CSS layout. It also shows you how to use some of the CSS layouts that come packaged with Dreamweaver.
Give it a spin and let us know what you think!
Previous recommendation threads:
Use Dreamweaver CS 5.5 to package your web application for iOS and Android devices
Customizing a Spry Menu Bar widget
Spry Menu Bar resources
Layout 101

Although I love sending newbies to tutorials, I am sometimes stuck with a quandary especially when I see the word basics.
To me, a basic layout does not require any more than
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
          body {width: 960px; margin: auto;}
          #header {height: 85px; background: #060;}
          #nav {height: 35px; background: #000;}
          #aside {height: 400px; width: 180px; background: #999; float: left;}
          #article {margin-left: 200px;}
          #footer {height: 35px; background: #000; clear: both;}
     </style>
</head>
<body>
<div id="header"></div>
<div id="nav"></div>
<div id="aside"></div>
<div id="article"></div>
<div id="footer"></div>
</body>
</html>
In the above I have used fixed heights. That is because I have not placed any content into the div elements, but still wanted to show the outcome.
When the basic layout has been settled on, we can start with our niceties like resetting styles, padding for the content etc. I have noticed that David Powers has written an article (which I have not as yet read) on Modernizr wich will help as a good starting point.
The main thing to keep in mind is to keep it simple.
Gramps
Oops! Sorry! the Modernizr article goes way beyond the basics. Please only tackle this if you are brave enough. The reason I thought that it may be a good starting point is beacause I have been using HTML5Boilerplate (which includes Modernizr) for quite some time now.
Message was edited by: altruistic gramps

"inc" extension wont display in css page layout

i am new to building pages with css. all i know is table based layouts. im trying to make a new template for my sites. also they are ASP pages. my problem is when im trying to use the "inc" code for my headers, footers, navigation, and a right menu. they dont display.
what would be different for getting those files to display in a css page layout?

You're close but you're missing quotes around your include file names. And your includes contain too much information.
Include files are nothing more than snippets of html code. An include statement is inserted into the parent page where you want the content to appear. For this demo, I have three pre-built SSI files in my Includes folder:
HeadMenu.ssi
LeftLinks.ssi
Footer.ssi
My parent page has been saved as Untitled.shtml (.shtml or .shtm tells the server there are include statements in the page). You may also use .php or .asp if your server supports these, however those include statements look different from the ones in this demo.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">

 </div>
<div id="sidebar1">

 </div>
<div id="mainContent">
<h1>Main Content H1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing odio.</p>
 </div>
<div id="footer">

 </div>
 </div>
</body>
</html>
My HeadMenu.ssi file looks like this with only the relevant menu code.
<div id="menu">
<a href="#content">skip menu ></a>
<a class="intro" href="index.shtml">home</a>
<a class="gallery" href="gallery.shtml">gallery</a>
<a class="tools" href="tools.shtml">tools</a>
<a class="portfolio" href="portfolio.shtml">portfolio</a>
<a class="fees" href="Fees.shtml">fees</a>
<a class="links" href="links.php">links</a>
<a class="contact" href="contact.shtml">contact</a>
</div> 
You can see a working example of this on my website: http://alt-web.com
One last thing, you won't see includes appear on in browser until you publish to a web server. If you want to test pages locally, you'll need to install a local testing server (WAMP, XAMP, MAMP) on your computer.
Ask your server host if they support SSIs and whether or not .shtml or .shtm files are set-up up to parse includes. Sometimes you need to add this to your .htaccess file.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

CSS Page layout height expand

I am new to Dreamweaver and CSS. I am using Dreamweaver CS4. I am trying to use div tags & CSS style sheet to make a page layout. What I want to do is nest several div inside a container div that will act like cells in a table row. I want to make the widths exact but allow the height to expand with the content. The problem is I want the height of all div/columns nested inside that outer div to expand in height equally (like the cells do in a table row) no matter what the content is in each, so that the height of each one will be the same as the height of the one that is the tallest.
Also in one of the div I want to put two other div that will expand in height as needed. Can you please tell me how to accomplish this?
Here is my HTML code for the div:
<div id="context_container">Content for id "context_container" Goes Here
<div id="nav_container">Content for id "nav_container" Goes Here
<div id="mast_top">Content for id "mast_top" Goes Here</div>
<div id="mast_container">Content for id "mast_container" Goes Here</div>
</div>
<div id="vert_div"></div>
<div id="text_container">Content for id "text_container" Goes Here</div>
<div id="shadow_container"></div>
</div>
Here is the CSS code I have so far:
#context_container {
margin: auto;
width: 917px;
#context_container #nav_container {
background-image: url(images/Nav_Bkground.jpg);
margin: 0px;
padding: 0px;
float: left;
width: 191px;
#context_container #nav_container #mast_top {
width: 191px;
#context_container #nav_container #mast_container {
background-image: url(images/Mast_bkground.jpg);
width: 191px;
#context_container #vert_div {
background-image: url(images/vert_div.jpg);
float: left;
width: 30px;
z-index: auto;
#context_container #text_container {
float: left;
width: 679px;
background-color: #FFF;
z-index: auto;
#context_container #shadow_container {
float: left;
width: 17px;
background-image: url(images/right_shadow.jpg);
This is a graphic of what I'm trying to acheive, except of course I want all of the div/columns to be the same height inside the context container

How you want to accomplish this is by using what is called a faux column. The columns
will not actually expand to the same size, it will just give the apprearance of doing so.
Take a peek at this and let us know if you need any more help.
http://www.paulgdesigns.com/fauxtext2.html
Gary

I need help with CSS and floating

Okay, I know I need to get up on CSS and get rid of tables in
my sites.
However, I'm running up against a problem, and after banging
my head
against it for a while, I realize I need help. I've stripped
this down
so as to only show the area where I'm having difficulty.
What I want is a page that has everything down the center,
taking up no
more than 750 pixels and no more than 550 pixels of width. No
problem there.
After the header and the top content, I'd like to have two
"columns",
each in it's own separately-colored box. I would like the
right-side
column/box to be a static size, while the left-side
column/box sizes
dynamically.
Where I'm having problems is that when one column is boxed,
it's fine,
but whenever I wrap each column in its own box, the
fixed-size box
either jumps below or above the other box (depending on which
one has
been floated and which order the div's appear in the code).
Here are the links:
CSS:
http://www.afice.org/stylesheet/floatmestyles.css
ex 1:
http://www.afice.org/floatme1.html
ex 2:
http://www.afice.org/floatme2.html
Before sending, I took a look again, just to see if I was
missing
anything. I did notice that it doesn't seem to be that the
box is
jumping down so much as it is that it's getting written over.
Anyway, sorry for the long-winded explanation. I hope I've
managed to
explain what I'm trying to do well enough that someone can
tell me where
I'm going wrong.
Thanks,
--Kevin

Do you want something like this:
http://www.pmob.co.uk/temp/spointfooter.htm
You will need to look at the code to see how it was done.
Otherwise, there are different examples here on Pauls' site:
http://www.pmob.co.uk/temp/3colfixedtest_4.htm
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
"Kevin D-R" <[email protected]> wrote in
message
news:[email protected]...
> Okay, I know I need to get up on CSS and get rid of
tables in my sites.
> However, I'm running up against a problem, and after
banging my head
> against it for a while, I realize I need help. I've
stripped this down so
> as to only show the area where I'm having difficulty.
>
> What I want is a page that has everything down the
center, taking up no
> more than 750 pixels and no more than 550 pixels of
width. No problem
> there.
>
> After the header and the top content, I'd like to have
two "columns", each
> in it's own separately-colored box. I would like the
right-side column/box
> to be a static size, while the left-side column/box
sizes dynamically.
>
> Where I'm having problems is that when one column is
boxed, it's fine, but
> whenever I wrap each column in its own box, the
fixed-size box either
> jumps below or above the other box (depending on which
one has been
> floated and which order the div's appear in the code).
>
> Here are the links:
>
> CSS:
http://www.afice.org/stylesheet/floatmestyles.css
>
> ex 1:
http://www.afice.org/floatme1.html
>
> ex 2:
http://www.afice.org/floatme2.html
>
> Before sending, I took a look again, just to see if I
was missing
> anything. I did notice that it doesn't seem to be that
the box is jumping
> down so much as it is that it's getting written over.
>
> Anyway, sorry for the long-winded explanation. I hope
I've managed to
> explain what I'm trying to do well enough that someone
can tell me where
> I'm going wrong.
>
> Thanks,
>
> --Kevin

Can you help me with Page Layout and/or Design ideas for a software manual?

Greetings,
I am a new InDesign user, and am converting a software manual that I created in MS Word into InDesign. It will be converted to a pdf to view online. I have the basics (3 master pages, page numbers, running headers, 2column pages with text boxes on the left and screenshots on the right), but I want to make it look prettier. Could you please give me some ideas on page layout and/or design to make it look better or more creative?
A few things that I am considering: borders around screenshots, a watermark, a logo next to the page numbers, different size/type of fonts, etc.
I am open to any suggestions to make this look better. However, please understand that I am new to InDesign. With that being said, please tell me a few steps when you mention your tips. Thank you!

Take a look at a few websites on Cannons of Page Construction.
I think the best idea for you is to look at a few software manuals and take tips from how they accomplished the layouts.
I'm not saying to copy them - but rather see what works and doesn't work, what worked for them might not necessarily work for you - research some layouts.
Fonts/type/sizes etc. are pretty much ambigious without context - is this a software manual for kids (soft cuddly big fonts easy to read), technical (small, tight spacing etc), Adult friendly (smooth, crisp clear, well spaced), elderly (large elegant fonts).
It all really depends on your demographic audience.
Being new to InDesign I suggest you take up Sandy Cohens Quickstart Visual Guide.
I think you should look at Michael Murphys Book on Styles
And you should definitely get your printer (the guys bulk printing) the booklet for you on board from the start to work out optimal sizes to suit their printing presses and workflow etc. And to ensure that you are setup correctly in page sizes, margins, safe type areas, colour profiles and a few other things that your printers prepress can help you with.

Noob Needs Help - Importing Html Pages into "My Site"

Greetings
I am sure this is a noob question that may have been asked, but I couldn't find it by searching so here goes.
I jumped right into Dream Weaver, following an online tutorial... and have a decent webpage but I must have skipped some steps or missed something and I would hate to backtrack and do it all over again...
When I began, I just started working on a HTML page... and now that its done, I want to make it a template etc...
But I never created a "site" as far as SITE > NEW SITE etc.
So now that I have, I need to tell DW that "These pages are included... these images are included, all that neat SPRY stuff I have done needs to be "in the site".
I am looking for a button that says, "Hey dummy, you need to select the pages that are included in your site" but can't find it...
Any help?
Thanks, in Advance
Greg
www.revfan.com

Creating your first web site in DW CS5 -
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Need Help Fast! Page is dispalying twice in quiz

I have created a quiz using tips from another post in this
forum. I insterted a regular slide with a continue button before
the quiz questions. I insterted another regular slide at the end of
the questions with a re-take button that points to that first
slide. This part is working great. When I take the published quiz,
I click the continue button, and instead of continuing, the slide
redisplays. I click the button again, and it moves forward like
it's supposed to. Any advice?
I'm supposed to have these posted in our LMS today for
testing, so I need help fast!!! Thanks!!

What you're seeing is likely the result of a MS patch for IE
in response
to the Eolas patent suit.
MS recently updated IE so any content shown in a page using
the Embed,
Object, or Script tags will need to be 'activated' before
they can be
clicked (or otherwise 'interacted with').
Your home computer probably hasn't had the latest security
rollup
installed, is why you're not seeing the issue on that
machine.
There is a work around, many site mention it. This may be a
good place
to start:
http://www.macromedia.com/devnet/activecontent/articles/devletter.html
Erik
dukekelly wrote:
> Why is it that as soon as you ask for help, you find the
answer?
>
> This isn't a captivate problem at all. It's an IE
problem. Because the button
> is a control in Flash, our systems where I work are
requiring us to click the
> screen to activate the controls. THEN you have to click
the button. When I play
> the movie on my home computer, this phenomenon isn't
happening. Now, how am I
> supposed to deal with that??? ASRRGGGHH!!!
>
Erik Lord
http://www.capemedia.net
Adobe Community Expert - Authorware
http://www.macromedia.com/support/forums/team_macromedia/
http://www.awaretips.net -
samples, tips, products, faqs, and links!
*Search the A'ware newsgroup archives*
http://groups.google.com/groups?q=macromedia.authorware

Need help adding a page to an existing website

Hey guys....I'm, as the subject states, a newbie to Dreamweaver. I am needing to add a page to an existing website. Simple enough...or so it seems...anyway, I went to the site, copied the source coding, went back to Dreamweaver, pasted into the code box, and up pops the page I copied. Great! So then I make my changes so that the page states what I want it to say, link it to what I need to hyperlink it to, then try to upload the page back onto the server....and here's where I get lost...I go to the web to check the site, and the page that I copied and made my own is not there. The link didn't work and the page is nowhere to be found. I don't mind whatsoever telling any of the what the site is (not sure if I can do that here), but any help would be very grateful!!! I'm not sure what I am doing wrong obviously. Many, many thanks in advance for any help you can give me!
Jim

At the moment the link you refer to goes to the file ashby.php
http://www.superiorcareplus.com/ashby.php?s=1
Do you have a page named ashby.php in your site folder?
If you do copy that and make the changes you require. Save it as whisperer.php
Now you need to change the link from ashby.php to whisperer.php
<div class="leftMenu"><a class="menuLeft" href="ashby.php?s=1">Becoming an Alzheimer's Whisperer</a></div>
So it looks like this:
<div class="leftMenu"><a class="menuLeft" href="whisperer.php">Becoming an Alzheimer's Whisperer</a></div>
I'm not sure if it will work because the link has a variable (?s=1) after it but as the links all go to different pages the information probably isn't being fetched from a database. In other words all the pages appear to exist as individual pages. I don't know what 's' the variable refers to.

Newbie needs help comprehending CSS Password Manager functions

Hello All:
I own a TP W500 4062-27U running Windows 7 Ultimate. The computer is trouble-free.
I am seeking a solution to the following need: An application that will securely remember my passwords for various websites, etc. and enable me to log in using the fingerprint reader or similar.
I am aware that Lenovo provides both Fingerprint Reader software and Client Security Solution software, but I don't know whether or not either one (or both) of these applications will provide the functionality I am seeking. I have spent a fair bit of time looking around the Lenovo website, but cannot find a document that describes (in a general, overview manner) the functionality that CSS provides.
I don't need to log into VPNs, or company networks, or anything really fancy like that - I just need something that will enable me to log into about 20 different websites, using a different password for each website. Right now, I'm generally using the same password for every website (that way, I can remember what it is), and as I think you will agree, that is probably not a very good practice so far as security is concerned.
If anyone could point me towards a document that explains how I can get CSS to do what I want it to do, I would be very grateful. If CSS does not have the functionality I am seeking, I would very much appreciate a recommendation of software - possibly non-Lenovo - that does provide the functionality I am seeking.
Thanks very much for your assistance.
Michael

Hi PanEuropean2,
Welcome to Lenovo Forum!
In regard to your question, Client Security Solution (CSS) should be the right fit for you.
I have a T410 with Win 7, and have several passwords to remember which is really killing me. However, by using CSS, Fingerprint software and Password Manager, I need to enter all the passwords only once when access a website or a tool, and let it saved in CSS.
The next time i turn on the machine and open up a website which needs user ID and password, I just need to swipe the fingerprint that I've enrolled, then viola!
Just take note that after the first swipe of fingerprint, tools or website that are to be accessed later will automatically show the password in the box directly without having to swipe fingerprint again. You just need to click to log in. I"m not sure if this is the experience you're looking for, however, no harm to give it a try.
Here's the user guide for CSS. It has
Client Security Solution components
Client Security Solution installation considerations
Client Security Solution features
Hope this helps
Cheers,
Cleo
WW Social Media
T61, T410, x240, Z500, Flex 14
Important Note: If you need help, post your question in the forum, and include your system type, model number and OS. Do not post your serial number.
Did someone help you today? Press the star on the left to thank them with a Kudo!
If you find a post helpful and it answers your question, please mark it as an "Accepted Solution"!
Follow @LenovoForums on Twitter!
How to send a private message? --> Check out this article.
English Community Deutsche Community Comunidad en Español Русскоязычное Сообщество

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 stopping home page from appearing

Hello:
I've designed and programed the site www.pawsandclawspets.com
but I can't figure our how to keep the home page from flashing when
going from one page to the next. I have all my movies loading onto
a level above it and don't want to hide the home page entirely as I
am using the nav at the top on all the pages.
Any thoughts?
Thanks!

boss33 wrote:
> Hi pple, need help here.
>
> Trying to make a site that uses scriptaculous and a few
other scripts like
> prototype and a few more.
>
> The thing is I can't seem to get the first image to
randomize on the site. So
> I've decided to discard that idea and move over to
making the home page one of
> my other pages specifically the "beauty" or as I call it
the art page.
>
The first image on your page is this:
<img id="logo" src="
http://test.inspiringmen.com/images/logo.png"
... />
onload=function(){
var imgs=[
"/images/logo.png",
"/images/another.png",
"/images/yetanother.jpg",
"/images/onemore.jpg"];
document.getElementById("logo").src=imgs[(+new
Date())%imgs.length];
This assumes that the "images" folder is at the root level of
your site.
You may add or remove image paths from the "imgs" array at
will.
Mick

Need Help Trobleshooting Calendar Page...

I am working on a website for my son's little league football team and have run into some issues with the Calendar page I have put together. This page can be found at http://web.mac.com/lonzom10/SeymourEagle_Grasshoppers/EagleCalendar.html
I built the page using an iWeb 08 template. Drug my pics in, added an HTML snippet for the header text and then added another HTML Snippet into the body of the page for my calendar layout and functionality. I have tags inserted at the top for each month so that when I click on the month, the page should jump directly to the section I have set-up for that month. So if I click on December at the top, the page should automatically jump down to the December section at the bottom of the page. The problem I have is that the December link appears to only be reading the HTML Snippet Frame... so when I click on it, the page refreshes and displays the HTML I entered into that specific Snippet window and not the background colors or images I had used when setting up the page. Check out the URL above and click on one of the the months listed at the top of the page to see what I am referring too.
Anyone know how I can get these links to jump and display the entire page and not just the specific snippet window or frame?

The December snippet is overlapping into the footer that probably will mess up performance. You can view the page's layout by using the View->Show Layout menu option.
Go to the Inspector/Page/Layout pane and increase the page height until December falls entirely within the body of the page. That should do it.
How did you add the anchors? Are they just hyperlinks to the same page?
OT

Beginner needs help with css layout

i'm new to using dw (cs3) and css, though i have some
background in html and coding. i'm creating a page using the "one
column elastic, centered, header and footer" layout and i have a
banner header with a horizontal spry menu bar at the bottom of the
header. the background color of the buttons on the menu bar is red,
and there's a yellow 5px border on the top and bottom of the red
menu bar, so it looks like there's red bar with yellow piping above
and below it, and this bar is between the header and body section
of the page. i've set these colors in the "ul.MenuBarHorizontal a"
rule.
now, the issue i have is that my menu bar does not extend
across the entire column, so there's empty space to the right of my
menu bar (between the end of the menu bar and the far right
column). i'd like the look of the red and yellow menu bar to extend
all the way across, but i can't figure out how to do this in css.
do i:
extend the menu bar all the way across the width of the page?
i can't figure out how to do this.
insert an image to make it appear as though the red and
yellow bar keeps extending to the right? if so, how will that image
remain elastic along with my page?
or is there a better solution?
i'm very new to css and i'm doing my best to figure out how
everything fits together. the last web site i built was in 1997 and
it was done in notepad. any help would be tremendous. i'm in
kinshasa, in the democratic republic of congo, and truth be told
there aren't a lot of dw gurus out here.
thanks in advance...

Can you post a link to your page, please?
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
==================
"charliemooreiv" <[email protected]> wrote
in message
news:[email protected]...
> i'm new to using dw (cs3) and css, though i have some
background in html
> and
> coding. i'm creating a page using the "one column
elastic, centered,
> header
> and footer" layout and i have a banner header with a
horizontal spry menu
> bar
> at the bottom of the header. the background color of the
buttons on the
> menu
> bar is red, and there's a yellow 5px border on the top
and bottom of the
> red
> menu bar, so it looks like there's red bar with yellow
piping above and
> below
> it, and this bar is between the header and body section
of the page. i've
> set
> these colors in the "ul.MenuBarHorizontal a" rule.
>
> now, the issue i have is that my menu bar does not
extend across the
> entire
> column, so there's empty space to the right of my menu
bar (between the
> end of
> the menu bar and the far right column). i'd like the
look of the red and
> yellow menu bar to extend all the way across, but i
can't figure out how
> to do
> this in css.
>
> do i:
>
> extend the menu bar all the way across the width of the
page? i can't
> figure
> out how to do this.
>
> insert an image to make it appear as though the red and
yellow bar keeps
> extending to the right? if so, how will that image
remain elastic along
> with
> my page?
>
> or is there a better solution?
>
> i'm very new to css and i'm doing my best to figure out
how everything
> fits
> together. the last web site i built was in 1997 and it
was done in
> notepad.
> any help would be tremendous. i'm in kinshasa, in the
democratic republic
> of
> congo, and truth be told there aren't a lot of dw gurus
out here.
>
> thanks in advance...
>

Need Help Starting CSS Page Layout

Similar Messages

Maybe you are looking for