I am very new to web design

Hi, this is a little embarrassing because it's so basic, but
what is the best way to start the layout for your design? I don't
really know how to use CSS so I am starting out with general
tables. I want to insert a .swf navigation bar up top (center) and
a panel on the left side for other links = the very basic
upside-down L.
I began with a table set for 100%, then nested another table
inside. I began nesting tables within that nested table but it
turned into a big mess where things became misaligned the more
content i inserted.
Any help would be appreciated!
J.

The best way to start is with Notepad/Text Edit and a basic
book on HTML.
Don't even think of touching DW until you understand as much
as you can
tolerate about page structure and the HTML tags involved.
Move to the same
kind of book on CSS. Then you will be ready for DW....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jeannette villarreal" <[email protected]>
wrote in message
news:f857i2$35s$[email protected]..
> Hi, this is a little embarrassing because it's so basic,
but what is the
> best
> way to start the layout for your design? I don't really
know how to use
> CSS so
> I am starting out with general tables. I want to insert
a .swf navigation
> bar
> up top (center) and a panel on the left side for other
links = the very
> basic
> upside-down L.
> I began with a table set for 100%, then nested another
table inside. I
> began
> nesting tables within that nested table but it turned
into a big mess
> where
> things became misaligned the more content i inserted.
> Any help would be appreciated!
> J.
>

Similar Messages

The first Ask a Pro for New Responsive Web Design tool, Reflow 2/22

The new Responsive Web Design tool – Reflow – is out.
When: Friday, February 22, 2013 – Noon Pacific Time. Session start time for other time zones are here: http://bit.ly/12D9ILL
Description: Edge Reflow preview has just been released and now is your chance to see all the ins and outs of this new tool, as well as how it integrates with other Edge tools and services. Join evangelist Paul Trani as he takes you through Reflow and workflows with other Edge tools and services when designing for the modern and mobile web.
Register here: http://www.adobe.com/cfusion/event/index.cfm?event=detail&id=2008488&loc=en_us

The replay of this webinar is available OnDemand: http://seminars.adobeconnect.com/p2l90bhma2n/

Very New to Graphic Design and Printing

Hi - I have recently gotten into graphic design for print...invitations, etc, and I purchased an Epson R1900 for my studio. This is my first printer purchase and I am also very new to CS5 (self-teaching over the last 2-3 months). So, you can only imagine my printer frustrations...first I had color management issues (still do, but much closer than before due to online research) and now I am trying to load custom paper and print from Illustrator (also using Mac with OSX 10.5.8). I keep getting a message saying "The source selected in the printer driver is not appropriate for the paper that is loaded in the printer." What is going on? I can't have printer issues every time I go to print something!!! Please help me!

In your Applications folder there should be an Epson Printer Utility. You need to change to the custom size there at the driver level and then again in your print dialog when printing the file.
Many problems with Epson Printer Drivers. In my case I could never get the printer utility to show up on my Mac (even after updating drivers, resetting my printers, troubleshooting with Epson, etc). I finally gave up and started using my PC to print to this printer, so I could change to custom size and roll fed.
Good luck.

New to web design - learn Dreamweaver first?

Greetings to the Dreamweaver community.
After 30 years in print design, I've finally made a decision to learn a little something about web design. With that goal in mind, when I updgraded to CS6, I bought the "CS6 Design and Web Premium" package. The package includes Dreamweaver, Fireworks and Flash Pro. But I'm a little confused where to start.
I always buy the Adobe "Classroom in a Book" series to learn the basics or new aspects of Adobe products. All three apps have CIB counterparts and I'm thinking that I will but the Dreamweaver CIB first, then Fireworks, and then Flash Pro?
So what am asking is... is this the right direction? I notice on some discussion boards that some use Fireworks more than Dreamweaver: I just want to make sure I'm on the right path.
Any suggestions would be appreciated.
Clinton

Welcome to the DW community, Clinton!
30 years - that is some real experience you've got up your sleeve!
Web Design, okay, it works this way. It has 2 parts - for starters:
Design/ Mockup/ Layout/ Wireframe/ UI (different people refer to this differently) - but the end goal is the same - to create the 'design', per se, that your site is going to look like
Development/ Slicing/ Compositing/ CSSing/ PSD - CSS (again, different references) - making the 'design' you've made in an application like Photoshop or Fireworks to be 'web-friendly' - in other words, making it .html and .css files that are the 'core' elements for a website
Most web designers (including me) use Photoshop to create design cuts (PSD files) that we send back and forth a million times to the client to get them approved. Then, 'slice' some key elements such as backgrounds, boxes, etc... Then open Dreamweaver, write the 'markup' - which is 'what' you want to display on your website (content, tables, boxes, widgets, snippets, etc..). Then, 'style' the website using 'CSS' - to match it to the 'PSD' that the client had approved.
This is it - I don't know if I could've put it any shorter!
CSS - Cascading Style Sheet - it is a piece of code that instructs web browsers how your website has to be displayed. Height, spacing, margins, width, colors, display-type, etc... With the birth of CSS-3, things are even more easier. A few key things that CSS-3 can do are lets say, Gradients, rounded-edges, etc.. (for which you had to use an actual .png or .jpg image in CSS-2). Now, CSS-3 can give you the exact same effect with no use of an image.
HTML - Now that HTML5 is quickly replacing older web standards, you've decided to start your 'web journey' at the right time, I'd say. HTML5 has endless possibilites for creating 'responsive' web design - responsive meaning one design, multi-devices - for desktops, tablets & mobile phones.
With all that said, Dreamweaver CS6 has some great tools for HTML5 standards such as 'Fluid Grid Layout' - with which you create 1 design, code 3 different CSS documents and BAM - your website will be optimized for all 3 devices.
Fireworks - Definitely usable for web design. Fireworks CS6 also has some great tools such as 'CSS Generator' that gives you the CSS code for a selected design element - in other words, design it in Fireworks, hover over it, Fireworks will generate the CSS code for you.
jQuery - You should look this up - has some great 'plugins' that you can use in your website design/ development. Now that 'Flash' is kind of dead (modern handhelds don't support Flash), jQuery is your friend. Best part is it is fully open-source.
The next step - Dynamic websites - As the name suggests, you can get into building more 'interactive' websites - like a shopping cart, etc... later on once you get a proper hang of some basic HTML & CSS. And if you decide to use jQuery, you'll also get a hang of JavaScripting - which is critical to build interactive websites as you progress.
You can take a look at this video on Youtube. I know it doesn't have too many views. But, I personally feel it is a good place for you begin with Fireworks - http://www.youtube.com/watch?v=NrJmyYfNu1M
All this maybe going a little over your head right now - since you're just starting up. But, feel free to post questions as and when you have one and we'll be happy to help you! The world needs more web designers/ developers after all!
All the best.
-ST

New To Web Design Looking For Tutorials

Hi, I am looking for some help and I am hoping that one of you can help me. I am a total beginner, as in complete beginner. I am looking to do a certified web design course, but can anyone point me in the direction of some DWCS5 tutorials. Beginner ones though, would like to gain some experience at least before I start my course.
Thanks.

The very best advice I can offer a beginner is to put Dreamweaver away. First focus on learning HTML and CSS code. Without a working knowledge of code basics, DW has a steep learning curve. If you understand code fundamentals, DW is easy to figure out.
Start here:
HTML & CSS Tutorials - http://w3schools.com/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Best of luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

New To Web Design, How To Get Started?

Just looking for some advice on what I need, I have used Dreamweaver before and have a little bit of web design experience (by little I mean not much at all!)
I was just wondering what other Adobe software I would need along side Dreamweaver to build and maintain a decent site, I basically want to know what other apps work alongside Dreamweaver to make the whole process run smoother and easier
Cheers for any help!

Hello,
Dreamwever is a good start for any web design project, also if you are doing the design side of things, Photoshop and Illustrator would be good additons to the toolbox for you web design projects.
Hope that helps,
Matt
[signature deleted by host]

PLEASE HELP (Very New to web content)

Hi guys. I made a website for a client in ImageReady. They
wanted to be able to update with business news on thier own, and
have me do the major site updates. I was thinking they could do
this by me creating a blog on blogger for them and trying to figure
out a way insert the blog into the website I created. I want to put
into a specific spot on the website and the client wanted it to
scroll so that customers can see previous posts. I know alot of you
think that scrolling boxes kind of suck but for this purpose I
really think it would work really cool. Can you please help me. I
have very little knowledge of code. I am actually a video motion
graphics guy, and because of my knowledge of photoshop started to
move into web. So if you have to talk to me like an infant about
the code, please do. : ) Here is the wbsite I want to add it to:
http://www.xtremefitnessco.com.
Text
You can see on the main page the section I am using for the
news. Thats were I want to put the scroll box. I guess I am asking
how to do two things here:
1. Insert a scroll box.
2. And have that box pull from a web log that the client
updates.
Thanks for any help you can give me guys. Sorry for the
novice question.
P.S. Let me know if you think my design needs work or if you
like it. : )

>> if you think my design needs work
All you have is a series of interchangeable images. You
really haven't built
a website. You have built an online PowerPoint show. There is
no text. Turn
off graphics in your browser and look at your site. Is that
what you want
some visitors to see?
The mistake is building a site in Image Ready. Build your
images there but
add your text in DreamWeaver.
Sorry, but were I you I would get a good book or two and
start over. Might
as well do it right than have a competent designer tell your
client you did
it wrong.
Walt
"lodus411" <[email protected]> wrote in
message
news:[email protected]...
> Hi guys. I made a website for a client in ImageReady.
They wanted to be
able to
> update with business news on thier own, and have me do
the major site
updates.
> I was thinking they could do this by me creating a blog
on blogger for
them and
> trying to figure out a way insert the blog into the
website I created. I
want
> to put into a specific spot on the website and the
client wanted it to
scroll
> so that customers can see previous posts. I know alot of
you think that
> scrolling boxes kind of suck but for this purpose I
really think it would
work
> really cool. Can you please help me. I have very little
knowledge of code.
I am
> actually a video motion graphics guy, and because of my
knowledge of
photoshop
> started to move into web. So if you have to talk to me
like an infant
about the
> code, please do. : ) Here is the wbsite I want to add it
to:
>
http://www.xtremefitnessco.com.
http://www.xtremefitnessco.com
>
> You can see on the main page the section I am using for
the news. Thats
were I
> want to put the scroll box. I guess I am asking how to
do two things here:
>
> 1. Insert a scroll box.
>
> 2. And have that box pull from a web log that the client
updates.
>
> Thanks for any help you can give me guys. Sorry for the
novice question.
>
> P.S. Let me know if you think my design needs work or if
you like it. : )
>

New to Web Design/Development - Need some advice

I have decided to start doing some web work w/ a startup company a buddy is running. The site is currently set up in Expression Engine and I personally do not like the look of it. I am a creative cloud subscriber and currently use AE, PP, Photoshop etc for some design work. I just started with this and I am really enjoying it. I love Adobe products and was thinking that I could redo the site in Edge Animate, Dreamweaver and/or even Muse. The goal is to have a paid site, general content and also a member’s area w/ paid content. I have some experience in programming from my Computer Science days but it has been a long long time. I was just looking for some help to see if this is doable and possible get some help on a good approach to learning and doing this. Thanks for your time.
Mark

Expression Engine is a content management system, somewhat like Wordpress. That means several things:
1. The "content" of the site is stored in a database, and pulled from that database as needed
2. That being the case, there is really ever only 1 page on the site which is given different content to display based on which navigation element you select.
3. That being the case, the single page of the site draws its 'boilerplate' elements (header, footer, etc.) from code fragments (used as includes) that allow that page to be built from the pieces (boilerplate and content) on demand.
Doing any modifications to the "look" of the site would require that you become familiar with how EE puts all of those pieces together. It goes way beyond just HTML and CSS into the world of server scripting to achieve this functionality. As a result I'm afraid that your choices are:
Acquire the knowledge to work within the EE environment
Completely redo the site as a static (i.e., not dynamic) site thereby eliminating EE altogether
Hire someone already familiar with EE to implement a new look leaving the content and functionality in place
Your choice.
Can you give us a link to the site so that we can get an idea of the scope of this job? It may be that EE is being used in an "overkill" fashion.
As far as "working with Expression Engine", normally you don't use something like Dreamweaver at all, rather using the built-in and online tools of the CMS for your page layout and content editing. There is a convenience to doing it this way that offsets the disadvantage of working outside of DW.

Very new - basic site design help

I have created a basic site layout in Photoshop, was
wondering if someone could point me in the right direction for
adding functionality.
http://www.heroesmemorabilia.net/Final-Layout.jpg
This is how I would like the site to look, on the left hand
side are buttons to control the content that will be loaded into
the grey shaded section in the middle. Ideally when scrolling down
the left bar and top bar remain stationary.
Also I would like the images to change when rolled over, i.e.
the text becomes highlighted or something.
I am assuming all this is possible in DReamweaver but is it
the best program to use for this type of work? If not any
suggestions, if so any decvent tutorials you know of to help me?
Additionally the main content would be a catalgoue of
products with pictures and text, would like this to be easily
updatedable in a kind of database. Possible? Apologies for being
such a noob, any help would be appreciated!

On Sun, 23 Sep 2007 13:09:44 +0000 (UTC), "SuperFlyChris"
<[email protected]> wrote:
>I have created a basic site layout in Photoshop, was
wondering if someone could
>point me in the right direction for adding functionality.
>
>
http://www.heroesmemorabilia.net/Final-Layout.jpg
>
> This is how I would like the site to look, on the left
hand side are buttons
>to control the content that will be loaded into the grey
shaded section in the
>middle. Ideally when scrolling down the left bar and top
bar remain stationary.
>
> Also I would like the images to change when rolled over,
i.e. the text becomes
>highlighted or something.
>
> I am assuming all this is possible in DReamweaver but is
it the best program
>to use for this type of work? If not any suggestions, if
so any decvent
>tutorials you know of to help me?
>
> Additionally the main content would be a catalgoue of
products with pictures
>and text, would like this to be easily updatedable in a
kind of database.
>Possible? Apologies for being such a noob, any help would
be appreciated!
Hello, that looks nice. By your asking if DW is the best
program to
use, I would say that it is hands down. But since you
apparently have
zero knowledge about how web pages are built, I would not
recommend
your buying a $400 to see how it works.
On the other hand, I think Fireworks is worth its weight in
gold and I
urge you to download the trial.
NVU at
http://nvudev.com/ is free and would
be a good program to play
with.
It's way to early for you to be thinking about databases and
such.
Besides, you gave no reason why that would be needed.
Hope this helps.

New to web design

Hi
I built a site using dreamweaver cs3 it was my first attempt,
I used a purchased template and modified it a bit.
The site works locally and there are no broken or external
links and the ftp upload report said everything went well.
I can view the first page when typing in the url but get a
HTTP Error 404 when clicking any of the links. Nothing has been
removed or changed and nothing is protected.
I have read the servers help, which is limited and I have
been reading dreamweaver help and Microsoft support but I am
getting no where.
Can you think of anything I could do or read t try to fix
this problem? Have I done something wrong?
Here is a link to the site in case that helps
www.acprint.com.au
Thanks

None of the second tier of links are correct.
This <li><a href="#">Business
Cards</a></li>
Should be <li><a href=""name of the business card
file.html">Business
Cards</a></li>
and so on...
"acprint" <[email protected]> wrote in
message
news:gk3rg3$qsq$[email protected]..
> Hi
>
> I built a site using dreamweaver cs3 it was my first
attempt, I used a
> purchased template and modified it a bit.
>
> The site works locally and there are no broken or
external links and the
> ftp
> upload report said everything went well.
>
> I can view the first page when typing in the url but get
a HTTP Error 404
> when
> clicking any of the links. Nothing has been removed or
changed and nothing
> is
> protected.
>
> I have read the servers help, which is limited and I
have been reading
> dreamweaver help and Microsoft support but I am getting
no where.
>
> Can you think of anything I could do or read t try to
fix this problem?
> Have I
> done something wrong?
>
> Here is a link to the site in case that helps
>
> www.acprint.com.au
>
> Thanks
>
>

New to web design. how to add feedback form and display comments in page?

I have created a site using muse. Cient wants me to add a feedback page that has form and displays comments on page. She only wants to pay for web basics bc plan. I know I can export html and can edit using DW but I have never done this nor do I know much about coding.
Does anyone know how to do this and could walk me thru it please?
Thank you in advance

Hello,
There are ample learning resources that will teach you how to achieve this. Please see if the following help you:
http://www.adobe.com/inspire/2012/12/configuring-forms-muse.html
http://tv.adobe.com/watch/adobe-inspire-magazine/configuring-forms-in-adobe-muse/
http://www.adobe.com/in/products/muse/html-contact-forms.html
Regards,
Suhas Yogin

New to web design-- when importing PNG, background's grey

Hey there,
when I import a tranparent PNG into dreamweaver, the
background behind it is grey when I publish.
I can change the background in the cell, but then when it's
published... grey...
what am I doing wrong?
thanks,
Matthew

ocycproductions wrote:
> Hey there,
> when I import a tranparent PNG into dreamweaver, the
background
> behind it is grey when I publish.
> I can change the background in the cell, but then when
it's
> published... grey...
> what am I doing wrong?
http://www.tjkdesign.com/articles/png_overlay_with_no_extra_markup.asp
HTH.
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
The perfect FAQ page:
http://www.TJKDesign.com/go/?9
CSS-P Templates:
http://www.TJKDesign.com/go/?1
CSS Tab Menu:
http://www.TJKDesign.com/go/?3

NEW TO WEB PAGE DESIGN!

Hi guys,
I am brand new to web design - my webmaster designed my site
using Front Page Expres which I am told is rubbish. I have
downloaded the Dreamweaver trial version and have immediately found
that web change/design is beyond my capabilities. How should I
start as I really want to change my website to eflect my own
creativity and optimise on search engines?
RICHARD MACKRIDGE

I don't know, but I can't not reply.. =)
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> Heh - I can't say that you haven't taught me a thing or
two, either! 8)
>
> Is that a multiple-negative nightmare?
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "P@tty Ayers"
<[email protected]> wrote in message
> news:[email protected]...
>> Yup.. and I've taken a few lessons from you on
advising beginners
>> strongly to learn to code first! :-)
>>
>>
>> --
>> Patty Ayers | www.WebDevBiz.com
>> Free Articles on the Business of Web Development
>> Web Design Contract, Estimate Request Form, Estimate
Worksheet
>> --
>>
>> "Murray *ACE*"
<[email protected]> wrote in message
>> news:[email protected]...
>>>I have never taken lessons except from the good
people here....
>>>
>>> --
>>> Murray --- ICQ 71997575
>>> Adobe Community Expert
>>> (If you *MUST* email me, don't LAUGH when you do
so!)
>>> ==================
>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>>> ==================
>>>
>>>
>>> "P@tty Ayers"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>>
>>>> "Michael Bishop"
<[email protected]> wrote in message
>>>> news:[email protected]...
>>>>
>>>>> ......take some serious lessons.
>>>>
>>>> For what it's worth, many of the people
you'll see posting here who
>>>> have advanced Dreamweaver skills have never
taken a lesson. I haven't.
>>>> Dreamweaver itself isn't all that
complicated if you know basic HTML
>>>> and CSS.
>>>>
>>>> If you're going to take lessons, I'd really
suggest that they be
>>>> lessons in HTML and CSS. Once you understand
those foundational things,
>>>> figuring out which button does what in
Dreamweaver is not that
>>>> difficult.
>>>>
>>>> I'm just saying. :-)
>>>>
>>>>
>>>> --
>>>> Patty Ayers | www.WebDevBiz.com
>>>> Free Articles on the Business of Web
Development
>>>> Web Design Contract, Estimate Request Form,
Estimate Worksheet
>>>> --
>>>>
>>>>
>>>
>>>
>>
>>
>
>

How to create SEO friendly, responsive "Coming Soon" page? [was:Help please! I am very new!]

Hi Guys,
First off, this is my first post, and will be one of many, as the Dreamweaver bug his bitten, and bitten hard!
I am new to web design, and am learning Dreamweaver and want to become a web designed after hours as a second job/hobby.
I am currently (unsuccessfully) working on getting a "coming soon" page up and running.
I would like the image to be scalable - however then all my text goes everywhere. I cant have it as a image as then Google doesn't index it, as well as i need to have a hyperlink in the body of the text.
If someone could point me into the right direction, I would be forever thankful!
I have attached the code:
<html>
<head>
<title>coming soon page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body {
          background-image: url(background.jpg);
          background-repeat: no-repeat;
#content {
          position: absolute;
          left: 70px;
          top: 468px;
          width: 912px;
          height: 120px;
          z-index: 1;
          font-family: calibri;
          font-size: 30px;
          color: rgba(255,255,255,1);
a:link {
          color: rgba(255,255,255,1);
          text-decoration: none;
a:visited {
          text-decoration: none;
          color: rgba(255,255,255,1);
a:hover {
          text-decoration: none;
          color: rgba(255,255,255,1);
a:active {
          text-decoration: none;
          color: rgba(255,255,255,1);
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="content">The webstie for Hurstar Investments is currently under construction and will be live shortly. If you have any enquiries in the interim, please email us at <a href="mailto: [email protected]">[email protected]</a>. We look forward to hearing from you.</div>
<table id="Table_01" width="1025" height="768" border="0" cellpadding="0" cellspacing="0">
          <tr>
                    <td width="1024" height="29" colspan="5">
                              <img src="images/spacer.gif" width="1024" height="29" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="29" alt=""></td>
          </tr>
          <tr>
                    <td width="708" height="339" colspan="3" rowspan="2">
                              <img src="images/spacer.gif" width="708" height="339" alt=""></td>
                    <td>
                              <img src="images/logo.jpg" width="274" height="229" alt=""></td>
                    <td width="42" height="739" rowspan="8">
                              <img src="images/spacer.gif" width="42" height="739" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="229" alt=""></td>
          </tr>
          <tr>
                    <td width="274" height="211" rowspan="3">
                              <img src="images/spacer.gif" width="274" height="211" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="110" alt=""></td>
          </tr>
          <tr>
                    <td width="70" height="400" rowspan="6">
                              <img src="images/spacer.gif" width="70" height="400" alt=""></td>
                    <td>
                              <img src="images/header.jpg" width="414" height="79" alt=""></td>
                    <td width="224" height="101" rowspan="2">
                              <img src="images/spacer.gif" width="224" height="101" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="79" alt=""></td>
          </tr>
          <tr>
                    <td width="414" height="22">
                              <img src="images/spacer.gif" width="414" height="22" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="22" alt=""></td>
          </tr>
          <tr>
                    <td colspan="3"> </td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="121" alt=""></td>
          </tr>
          <tr>
                    <td width="912" height="35" colspan="3">
                              <img src="images/spacer.gif" width="912" height="35" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="35" alt=""></td>
          </tr>
          <tr>
                    <td colspan="3">
                              <img src="images/footer.jpg" width="912" height="59" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="59" alt=""></td>
          </tr>
          <tr>
                    <td width="912" height="84" colspan="3">
                              <img src="images/spacer.gif" width="912" height="84" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="84" alt=""></td>
          </tr>
</table>

</body>
</html>
PS: Using Dreamweaver CS6 if that makes any difference.
Again, thank you sooo much!
SiD24

I would like the website to ajust automatically to different brower sizes without having white on the sides, and the text moving all over the place.
Try this % width layout. Copy & paste code into a new, blank document in DW. SaveAs test.html. Preview in browsers at various viewport widths and text sizes.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Document, 1-Col</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

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

<header> <h1>Sitename</h1>
<h2>Some pithy slogan...</h2>
</header>

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

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

<footer> <small>© 2014 Your Site Name. All rights reserved</small> </footer>
</body>
</html>
Within the body of the contect, there needs to be a email link - so I assume that would be a div section.
Publishing your e-mail address is an open invitation to spammers and e-mail harvesters who will flood your inbox with junk. If you want people to contact you, use a contact form and a form-to-email processing script that hides your e-mail address from robots.
Nancy O.

Web design color suggestion

Hi to all, i am new here in kuler and new to web design. I have a website about PS3 and now i am in redesign process of whole site, i want to ask you what will be the best color variation for my site since you are more experts in designing. my sites url is www.ps3world.gr and i would love to hear to your suggestions, my color picks are: R:0 G:0 B:0 , R:177 G:1 B: 3, R:135 G:187 B:1, and finally R:2 G:0 B:189 .

Hey dippetas,
Kuler can help you to find color combinations that you like, you might try going to http://kuler.adobe.com/
and entering some of the RGB values you listed as the base color and then selecting rules to find variations or related colors based on where they fall on the color wheel. Here are some screen shots for reference and I drew red boxes around some of the areas I referenced.
Cool site, good luck
-Dave
(click pictures to view larger)
Also, here is a link to the Kuler help which might also be useful for you.
http://kuler.adobe.com/links/kuler_help.html

I am very new to web design

Similar Messages

Maybe you are looking for