Teaching myself CSS

Hi, I'm teaching myself CSS and am having trouble when I'm
creating multiple navigation menus. I've got the navs in separate
divs, but each time I set new CSS properties to the new nav it
seems to be leaking into the other divs and applying some
formatting there.
Also, the pages appear fine on older MAC IE, but not in MAC
Safari or PC IE? Perhaps it's a browser issue? I'm new to all this.
Thanks

mberkl skrev:
> Hi, I'm teaching myself CSS and am having trouble when
I'm creating multiple
> navigation menus. I've got the navs in separate divs,
And you gave these div's separate ID's? For instance...
#topnav and
#sidenav. That will make it real easy for you when creating
the rule for
these nav's.
#topnav a:link, #topnav a:visited {css stuff here}
#topnav a:hover, #topnav a:focus, #topnav a:active {css stuff
here}
#sidenav a:link... you get the picture now... right?
but each time I set new
> CSS properties to the new nav it seems to be leaking
into the other divs and
> applying some formatting there.
I guess the above could prevent that from happening.
>
> Also, the pages appear fine on older MAC IE, but not in
MAC Safari or PC IE?
> Perhaps it's a browser issue? I'm new to all this.
Really difficult to say without seeing the page and css.
HTH
>
> Thanks
>
Kim
http://www.geekministry.com

Similar Messages

Teaching myself CSS - Can anyone help me with my navigation?

First, I must say that I (and trial & error) have taught myself everything I thus far know about web design. I've never submitted my code to be critiqued in a forum so I'm hoping it's not a horrible mess.
That being said, I'd love it if someone could assist me in figuring out how to get my "sub navigation" to look the way I want it to. I've only put basic text in it's general place for the moment, instead of attempting a million things & cluttering up my code any more than I already have.
Basically, I want the sub navigation to appear (to the right) when the user hovers over each of the 4 respective large navigation images. I want it to appear outside of the main content, or rather outside of the sidebar in which the main navigation is placed. (eventually I plan to figure out how to code the whole hidden/show on hover thing...but that is my secondary concern to placement at this time. def wouldn't mind tips for that also though!!)
I've included a link to my test site so that you can see all code, images involved. (i've uploaded all related files to the server) If that doesn't work, please let me know what else you need.
In advance, thank you so much!
http://www.thefawngroup.com/testing/index.html

I'd investigate using the "spry vertical menu' which ships with Dreamweaver. yes you will need to alter the css BUT you will quickly have a good basis for your navigation.
There are plenty of people around here, especially Gramps, who knows the DW spry stuff inside out and will help out if you get stuck.
First get a basic spry vertical navigation onyour page >Insert>Spry>Spry Menu Bar>Choose vertical option.
Go into code view and change the spry html structure to as below: (You can copy and paste the code below inplace of the code that is put there automatcally).
<ul id="MenuBar1" class="MenuBarVertical">
<li><a class="MenuBarItemSubmenu" id="navImageOne" href="#">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" id="navImageTwo" href="#">Item 2</a>
<ul>
<li><a href="#">Item 2.1</a></li>
<li><a href="#">Item 2.2</a></li>
<li><a href="#">Item 2.3</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" id="navImageThree" href="#">Item 3</a>
<ul>
<li><a href="#">Item 3.1</a></li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
</ul>
Open the linked spry css file and change the width of the below css selector to the same width as your large navigation image (I've set it at 300px)
ul.MenuBarVertical
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 300px;
Change the below css selector to match the width of your large nav image.
ul.MenuBarVertical li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 300px;
Change the margin of the below css selector to as below and change the width to 150px (this will be the width of your submenus)
ul.MenuBarVertical ul
    margin: 30px 0 0 340px;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 150px;
    left: -1000em;
    top: 0;
Change the width of the css selector below to 150px as shown
ul.MenuBarVertical ul li
    width: 150px;
Change the height and width of the css selector below to match that of your large navigation image (I've set them to 300px)
ul.MenuBarVertical a.MenuBarItemSubmenu
background-repeat: no-repeat;
background-position: 95% 50%;
height: 300px;
width: 300px;
That should get you a step closer to where you need to be. Test in browser.
You should have 3 large boxes on the page which when moused over turn blue and a submenu flicks out to the right.
Now add the following css selectors. One for each of your large Nav images. Change - yourNavImageOne.gif - to the name of your image. If the image is in a folder named 'images' then add that before the image name - images/yourNavImageOne.gif. Do the same for yourNavImageTwo.gif and yourNavImageThree.gif
#navImageOne {
background-image: url(yourNavImageOne.gif);
background-repeat: no-repeat;
#navImageTwo {
background-image: url(yourNavImageOne.gif);
background-repeat: no-repeat;
#navImageThree {
background-image: url(yourNavImageOne.gif);
background-repeat: no-repeat;
Now in design view you should see your navigation images.
To get the roll-over effect add the below css and change the image to the rollover image that you want to appear when your large Nav image is moused over.
#navImageOne:hover {
background-image: url(yourNavImageOne.gif);
background-repeat: no-repeat;
Add the addition roll-over css for your other images:
#navImageTwo:hover {
background-image: url(yourNavImageOne.gif);
background-repeat: no-repeat;
#navImageThree:hover {
background-image: url(yourNavImageOne.gif);
background-repeat: no-repeat;

Need Help Quick to Teach Myself...

I'm looking for some guidance. I'm starting on a Sharepoint migration project from 2007 to 2013 soon and need to teach myself all I possibly can rather quickly. I've been looking all over the internet to try to find free classes and tutorials.
This is my chance to prove myself and I don't want to mess up and don't want to look stupid. I need to be impressive here.
Can anyone help me find some free classes and tutuorials? I'm an end user, but I would like to know much, much more from a web developer and business intelligence portion of Sharepoint. Just some direction that anyone can point me in where I
can just start and then take off quickly. Please, please, really need help here.
Thank you!

Start by reading all the articles on the following web sites. to upgrade from 2007 to 2013 you need to either use a third party tool or upgrade first to 2010 and then 2013.
Here's a link to the Microsoft site on how to upgrade from WSS 3.0 to Foundation 2010.
http://technet.microsoft.com/en-us/library/cc303309(v=office.14).aspx
and here's the site with information on how to upgrade from Foundation 2010 to Foundation 2013.
http://technet.microsoft.com/en-us/sharepoint/fp142375.aspx
Paul Stork SharePoint Server MVP
Principal Architect: Blue Chip Consulting Group
Blog: http://dontpapanic.com/blog
Twitter: Follow @pstork
Please remember to mark your question as "answered" if this solves your problem.

Teaching Myself Sharepoint

I have Visual Studio 2013 Professional and SQL Server 2014 Developer Edition on Windows 7 (64-bit) which I've been using to learn how to build web apps, however I'd like to go on to teach myself Sharepoint Development. What's the best way I can go
about this? Is it possible? Preferably without having to use a virtual machine with Win Server, or having to shell out for a hosting package.

Hello,
All you need to get started is visual studio in you host machine (which you already have :) and O365 developer site to develop sand-boxedsolutions / Workflows / SharePoint Apps.
Sign up for an Office 365 Developer Subscription and set up your tools and environment. Microsoft provides a 30-day free trial.
https://msdn.microsoft.com/en-us/library/office/fp179924(v=office.15).aspx
Here is the direct link to get your 30-day free trial
https://portal.office.com/Signup/Signup.aspx?OfferId=6881A1CB-F4EB-4db3-9F18-388898DAF510&DL=DEVELOPERPACK&ali=1#0
Cheers, Keerth
Keerth R

Novice wanting to teach myself to create movie theater ad with the following specs...

Help.... What CS6 programs do I use for this? Any advice and suggestion to links would be greatly appreciated. I have the CS6 suite but am a novice and want to teach myself how to do this.
Thank you in advance!
The source video image must be composed for wide-screen.
CONTENT RESOLUTION: 720p - 1280W x 720H (NTSC)
PIXEL GEOMETRY: Square
COLOR: 24-bit RGB
FRAME RATE: NTSC, 29.97 fps
BIT RATE: 20,000 - 30,000 Kbits/sec
SCAN TYPE: Progressive
LENGTH: 15 seconds increments
FINAL FORMAT: MOV ONLY use H.264 (BEST) Codec. Call with any questions.
NOT ACCEPTED: JPG, PDF, PowerPoint, Word, Publisher (Most Microsoft software).
http://www.adsonthewall.com/production.html

Basic vid work starts with the NLE or "non-linear editor" (too long to explain the name!) such as Premiere Pro. That's where you set up your timeline and do the basic chopping/blending of bits into the greater whole.
If your footage is the same as your needed output, great ... but if you're going into a specific output frame-size like this you might need to set your sequence settings BEFORE adding footage. Use the above list and only worry about frame-rate (the 29.97) and frame size/ratio of 1280x720 first.
Depending on how involved you need to get, you might use Speedgrade for "grading", the modification of the look of the footage ... color, contrast, gamma, all that ... and perhaps need to add graphics or "lower thirds" in After Effects. Both the later are complex programs in their own rights.
I checked out that link ... those ads are fairly complex bits of work. Some of the ones were mostly or all created with "stills", still-camera images placed on the timeline for set periods of time. Somewhat easier in some ways to work with for this as a starter as you can fit them to any crop you need. Others were a mix of stills and moving footage so those do take some care in what the original footage was shot at compared to what the requirements are you'll need to output it as. I think this would be MUCH easier to do on a timeline set for that frame-size to begin with, and conform any non-conforming footage to that on import to the project.
Next ... wow ... the graphics for these are pretty nice, and keyed for moving, transparency over vid below ... that sort of thing. That will take a few questions here or over on the AfterEffects forum I'm thinking. That could easily be the hardest part of this job. While some level of graphics can be made within PrPro, Ae is really much better for that sort of thing. And those are well past my experience ...
Neil

Teaching Myself Python. How Can I Stop The Program From Closing :)

I wrote a program today that will log into a router here at work and check if the line protocols are up and if i can see thir mac address. If i run it from the IDLE program it works fine. When i run it as just crosnet.py it runs fine but closes before i can see the output. I imagine there is some simple line that will have run and just sit? Or even better, loop back to the beginning and wait for me to give it a new number to then telnet with.
#import getpass
import sys
import telnetlib
HOST = "111.111.111.111"
password = "password"
vpc = raw_input("Enter The VPC Number: ")
#password = getpass.getpass()
tn = telnetlib.Telnet(HOST)
#tn.read_until("login: ")
#tn.write(user + "\n")
#if password:
tn.read_until("Password: ")
tn.write(password + "\n")
#tn.write("sh int atm6/0.vpc\n")
tn.write("sh int atm6/0." + str(vpc) + "\n")
tn.write("sh arp | in " + str(vpc) + "\n")
#tn.write("exit\n")
print tn.read_all()
Sorry the code is bad, dont know python and i was shown a outline of how to telnet and adjusted it to my needs.

while True:
and just indent everything else under it
Ends when you press ^C.
if you wish to have a way to break out of the loop, say, when you press enter at the VPC number without entering anything, add the following after your vpc input:
if not vpc:
break
which will break out of the while loop and end your program.
Last edited by buttons (2007-12-14 22:03:06)

I want to teach myself Photoshop online with version 5.0. Advisable?

I am totally new to forums and Adobe Photoshop. I intend on going online to a free tutorial site to learn how to use Photoshop.
My intentions are to purchase version 5.0 to use for the tutorial. Would this be OK? I will only have to pay $30 for this version.
Thank You so very much for any help that you can provide!

Actually, the "PS" does stand for Photoshop. There are two different programs, with Photoshop in the name, Photoshop (now up to CS5), and Photoshop Elements (now up to version 9). They are similar, and one could probably refer to Photoshop as Photoshop Element's "big brother." The full Photoshop has more functions, controls and capabilities, than does Photoshop Elements, which also has some easy to use buttons and presets, so the user does not need to know the specifics of some operations, quite so much, as with the full-featured Photoshop program.
Then, and for video editing, there are two Adobe programs, also with similar names, Premiere Pro (now up to CS 5.5) and Premiere Elements (now up to version 9). Again, those are similar, but Premiere Pro offers much more power and flexibility, while Premiere Elements offers more "easy" solutions with buttons and presets. Often, one can get very good prices on a Photoshop Elements and Premiere Elements bundle - often getting the both for about what they'd pay for just one of the two programs. Those two programs also interface nicely with each other, as many users will do SlideShows, and similar where they combine Still Images and Video.
Good luck, and hope that clears things up a bit.
Hunt

Teaching myself: Very basic question

Hello All!
Could someone please explain the difference between a JDK and an SDK? Everything I read seems to take it for granted I already know this. Are both necessary to compile-link-run?
Thanks

Never fails,
Ask a question in a forum and the very next thing you look at while waiting will have the answer and you end up looking rather foolish. I found the following thread:
http://forum.java.sun.com/thread.jspa?forumID=54&threadID=655876
Hopefully next time I will have a more challenging question.
Thanks just the same!

cfpod formatting issue

ok, i've got something in my header files that is "breaking"
cfpod but ONLY when i change the headerstyle. Attached is the code
I'm calling and the outcome is the pod shows up fine with a black
background, but at the top there are two horizontal lines accross
the entire width of the pod, with white space in between each line.
Anyone ran into this before and know of a fix?? Just so you know,
when I don't include the background-color style in headerstyle, it
works perfectly fine. Also, when I don't include my header file, it
works fine too ... but I've gone through and tried finding what in
my header file is breaking the pod, and I can't ... so if anyone
can help ... I'm at a loss right now as to what to do though!
Please help!

dulcettones wrote:
> Hello,
> Am teaching myself CSS and struggling with a
issue.
>
> Here's the page in question:
>
http://www.notjustthenews.co.uk/page2_movies.html
>
> Basically I want the list buttons on the right to be
level with the top of the
> movie player.
> It's exactly where I want it to be using IE. But in
Safari the menu drops
> down much lower.
> Is there anything I can do to stop this happening?
>
> This is the CSS I'm using for the menu:
>
> #worklist {
> width: 300px;
> height: 160px;
> float: left;
> margin-top: 40px;
> margin-bottom: 0px;
> margin-left: 85px;
> display: block;
> clear: none;
> padding: 0px;
>
> If you have a solution please use idiot proof
instructions to explain.
>
> Thanks, DT
>
Does this work......
#worklist {
width: 300px;
margin-top: 50px;
margin-bottom: 0px;
margin-left: 460px;
HTH
chin chin
Sinclair

CSS for Dynamically Loaded External Text

I'm externally loading text from a .txt file. I need to format that file using CSS. I've got the CSS file set up and everything. I've tried every tutorial I can find to try and load the CSS, but nothing is working.
Here is the script for loading the text:
var textLoader:URLLoader = new URLLoader();
var textReq:URLRequest = new URLRequest("content_files/commissions.txt");
textLoader.load(textReq);
textLoader.addEventListener(Event.COMPLETE, textLoadComplete);
function textLoadComplete(event:Event):void
    commissionscontent.htmlText = textLoader.data;
    commissionscontent.htmlText = textLoader.data.split("\r\n").join("\n");
        if (commissionscontent.maxScrollV <= 1){
        scrollBox_mc.visible = false;
        scrollLine.visible = false;
    else {scrollBox_mc.visible = true;
          scrollLine.visible = true;}
Can anyone help me to load the CSS for this?? I'm really new to Flash and have just been teaching myself, except for now I've hit a wall and I am so incredibly frustrated that it's not even funny.

var css_loader:URLLoader = new URLLoader();
var textLoader:URLLoader = new URLLoader();
var my_css:StyleSheet = new StyleSheet();
var my_txt:TextField = new TextField();
css_loader.load(new URLRequest("style.css"));
css_loader.addEventListener(Event.COMPLETE, onCSSComplete);
function onCSSComplete(e:Event):void {
    my_css.parseCSS(e.target.data);
    textLoader.load(new URLRequest("commissions.txt"));
textLoader.addEventListener(Event.COMPLETE, textLoadComplete);
function textLoadComplete(e:Event):void {
    my_txt.styleSheet=my_css;
    my_txt.htmlText=e.target.data;
    addChild(my_txt);
    my_txt.width=300;
    my_txt.autoSize=TextFieldAutoSize.LEFT;
    my_txt.wordWrap=true;

How can I get rid of CSS

OK. I am a newbie. I am a photographer and I am teaching
myself DW 8 because none of the 4 people I hired was able to build
a website that I could control -and add photos and descriptions
myself.
So, I am working on a site that has the footprints from
several other designers.
I thought that I had constructed/modified the site with
tables, but I apparently still have some CSS elements in the site I
wound up with.
For example, others have noted that:
>Unrelated problem, but your CSS looks to be a little
messed up. You are linking to an invalid stylesheet, you are
>referencing styles that are not defined, and your naming
conventions are rather meaningless.
and
>..and in some of your pages you are referencing css files
on your local drive.
How do i identify and delete the CSS files and references -
but keep my tables and information intact? I have only a few pages
to work on, so manual editing of the pages is no problem now.
At some point I will try to learn CSS - but for now I just
want a site that works, and that I can understand and update.
How do I get rid of CSS??? Or maybe I should ask - -Can I get
rid of CSS?
Dick
http://www.naturephotostudio.com

quote:
Originally posted by:
adrianTNT
You probably need someone else to clean your code, as a note
I think this looks wrong:
<link href="ws2.css.LCK" rel="stylesheet"
type="text/css">
it should probably be without ".LCK"
something about images:
http://www.naturephotostudio.com/photography.html
this is a bad practice to place large image in a site and
forced it to re-size by html, user will still wait to load full
image size when you could have a small image there and the image
quality is bad when image re-size is forced. You should re-size
images outside of html and place them in html to its original size.
>
Thanks very much for your reply. I will look for yet more
help to get rid of CSS.
I do not understand your comment on the images. I created,
for example, dune-1120 - as a 700x695 jpeg in Photoshop CS (saved
for the web). On my browser -Mac Safari - it IS opening as that
size (using JustSo PictureWindow). I did not intend for it to be
resized by HTML. i will check the other images on the various pages
(as you noted on
http://www.naturephotostudio.com/photography.html)
i think that those 2 images were created at 700x700 pixels and then
resized whe I inserted them into the table. They are only one or
two images that do not link to full size windows, and I could
remake them as jpegs at the final size.
On the other hand - I see no problem with the images as is on
my Safari browser and Mac monitors.
I am sorry that there is no simple fix for removing all the
CSS code. I may just start over and re-build the site from scratch
with tables. I am not ready yet for CSS, but I need to get a site
up and running - while doing my real job as a photographer. i am
also tired of trying to find designers who are willing to sit in my
studio and build the site on my local Macs so that I can run it
form the studio.
Dick
http://www.naturephotostudio.com

Tables vs CSS

Ok. I'm just about burnt out spending the last few weeks
reading countless tutorials and pages about why CSS is better than
tables. So to explain the pain I have in my stomach. My first
webpage was created entirely in flash about 4 years ago. I pretty
much just read tutorials and surfed the web to teach myself the
software. As I became content with the site and how things were
progressing I get all these questions from people about why I'm
using Flash if I'm not doing any animation with it. Answer? Because
I had access to the program.
So a friend of mine suggests me to use Dreamweaver for it's
ease of use. So I do. I ask the obvious, how do I create a site in
DW? My friend suggested the easiest way is to use tables. So I
pretty much created a table which I saved as a template for each
link. I realize that now I want to add a drop down menu to my
navigation bar. So I then go and ask my brilliant friend how to
create drop down menus. The suggested answer was flash. Great. More
tutorials.
This brings us to now where my eyes are bleeding from reading
all these tutorials and a perfectly functioning navigation bar made
in flash. All while comtemplating the thought of having to learn
CSS (a completely foreign language). I have a few questions that
need be answered.
1) Is it impossible (because I still have not been able to
find and answer) to insert my horizontal flash navigation bar into
a row of the table without having it resize my row to the expanded
buttons (size of movie)? Example:
http://iceillusions.com/Templates/iceillusionstest.html
2) Should I have used CSS to build/layout my website rather
than tables? http://www.iceillusions.com
3) Is there anyway to convert CSS to tables without killing
myself (as all these internet sources are saying)?
4) If CSS is the preferred method, how can I import it into
the row where I want my navigation menu to be?
5) As you may notice the site is pretty much a gallery of
images. Do you have any recommendations for a better more aesthetic
image gallery supported by dreamweaver?
Sorry to ask so many questions but I'm pretty frustrated at
this point and would love to get all the questions off my chest.
Thanks for everyone's help.

http://banksand.googlepages.com/comingbacktothetable
"davidtfong" <[email protected]> wrote in
message
news:[email protected]...
> Ok. I'm just about burnt out spending the last few days
reading countless
> tutorials and pages about why CSS is better than tables.
So to explain
> the
> pain I have in my stomach. My first webpage was created
entirely in flash
> about 4 years ago. I pretty much just read tutorials and
surfed the web
> to
> teach myself the software. As I became content with the
site and how
> things
> were progressing I get all these questions from people
about why I'm using
> Flash if I'm not doing any animation with it. Answer?
Because I had
> access to
> the program.
>
> So a friend of mine suggests me to use Dreamweaver for
it's ease of use.
> So I
> do. I ask the obvious, how do I create a site in DW? My
friend suggested
> the
> easiest way is to use tables. So I pretty much created a
table which I
> saved
> as a template for each link. I realize that now I want
to add a drop down
> menu
> to my navigation bar. So I then go and ask my brilliant
friend how to
> create
> drop down menus. The suggested answer was flash. Great.
More tutorials.
>
> This brings us to now where my eyes are bleeding from
reading all these
> tutorials and a perfectly functioning navigation bar
made in flash. I
> have a
> few questions that need be answered.
>
> 1) Is it impossible (because I still have not been able
to find and
> answer) to
> insert my horizontal flash navigation bar into a row of
the table without
> having it resize my row to the expanded buttons (size of
movie)? Example:
>
http://iceillusions.com/Templates/iceillusionstest.html
>
> 2) Should I have used CSS to build/layout my website
rather than tables?
> www.iceillusions.com
>
> 3) Is there anyway to convert CSS to tables without
killing myself (as all
> these internet sources are saying)?
>
> 4) If CSS is the preferred method, how can I import it
into the row where
> I
> want my navigation menu to be?
>
> 5) As you may notice the site is pretty much a gallery
of images. Do you
> have any recommendations for a better more aesthetic
image gallery
> supported by
> dreamweaver?
>
> Sorry to ask so many questions but I'm pretty frustrated
at this point and
> would love to get all the questions off my chest. Thanks
for everyone's
> help.
>

Css or template

New to this forum and new to Dreamweaver
MX2004……so please be gentle.
I am in the process of teaching myself to use Dreamweaver
MX2004 with a view to producing a website to display a range of my
photographic work and possibly selling some images.
I need to produce a very simple site consisting of a home
page, a biography page, a contact page and a gallery. I want to
have a black background with white text on each page.
I have read about CSS and Templates. Is it best to define the
look/appearance i.e. font/text colour/background colour of each
page using CSS or a Template ? Any advice would be much

Define the look of the page using CSS. Control the content of
the page
using Templates. Build the layout of the page using HTML.
Each of these
has a separate function and a separate purpose.
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
==================
"TurtonBlue" <[email protected]> wrote in
message
news:e8eio1$kc9$[email protected]..
> New to this forum and new to Dreamweaver MX2004??so
please be gentle.
>
> I am in the process of teaching myself to use
Dreamweaver MX2004 with a
> view
> to producing a website to display a range of my
photographic work and
> possibly
> selling some images.
>
> I need to produce a very simple site consisting of a
home page, a
> biography
> page, a contact page and a gallery. I want to have a
black background with
> white text on each page.
>
> I have read about CSS and Templates. Is it best to
define the
> look/appearance
> i.e. font/text colour/background colour of each page
using CSS or a
> Template ?
> Any advice would be much
>

CSS and text formats

hello in dreamweaver there is basically paragraph , h1, h2,
and preformatted. I was wondering what people do if they want to
use more than those titles do they manual code uptop new names or
can I add my custom tags in the format box.
I am a newbie at css and I am just learning today. I mean to
use one css file and running out quick of things to call text to
get different size an dcolor effects etc.
Just any little tips on whats the norm as I teach myself
msessing around

<h#> tags go up to <h6> in HTML. DW does HTML.
> Also you can apply classes to the tages such as <p
class="bluefont"></p>
This would be a last resort, and usually leads to
unmanageable bloat of your
CSS files, as they become loaded with custom classes. Learn
how to use
descendent selectors and let CSS's cascade do the heavy
lifting for you.
And, frankly, if you are running out of things to style your
text, I'd say
you are using too many styles on the page.
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
==================
"andy_forbes" <[email protected]> wrote in
message
news:e5mhi0$qqr$[email protected]..
>I think H tags go up to H5 in DW don't they? Also you can
apply classes to
>the tages such as <p class="bluefont"></p>
> then have a style sheet:
> .bluefont { styles }
>
> Andy

My CSS file name won't save & won't stay linked to my pages.

Hi there,
I moved my internal style sheet to an external style sheet and it won't save as the file name i give it, it saves as "untitled".
-i am unable to change file name in the code or directly on the file icon....it just reverts back to "untitled".
-i deceided oh well my style sheet will be called "untitled" and proceeded to work.
-i linked a few of my pages to "untitled" and saved them.
-this morninging when i opened my project up none of the styles were saved on any of the pages so i went to relink again then close and open them. the same thing accured, none of the styles were saved.
i am working in CS3
this is what i did to move my internal style sheet to an external style sheet
went to my CSS styles pannel and selected all
-selected all my rules
-command clicked on the rules and chose ""move to external rules"
- in the "move to external rules" dialogue box i chose - move rules to "a new style sheet" and click ok
- in my "save sheet file as" dialogue box i browse to the folder (assets) where i want to save my new style sheet and name it "styles.css"
this is what i did to link my pages to the external style sheet
in the CSS styles pannel i clicke dthe attach style sheet button
in the "attach external style sheet" dialogue box i browse to "untitled" and add as a link
note: the code to link to my external sheet is still in my code <link href="assets/untitled.css" rel="stylesheet" type="text/css" />
any knowledge anybody can share with me? im new to dreamweaver...i am teaching myself so any help would be great. thanks!

The simplest way to create an external CSS file is to use File menu > New > CSS.
Open your HTML document in code view.
Cut or Ctrl+X the CSS rules - everything between the <style type="text/css"> and </style> tags.
Switch to the new CSS file and paste style rules into the blank page.
Hit Ctrl+S to save filename.css
Link external stylesheet to HTML document.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Teaching myself CSS

Similar Messages

Maybe you are looking for