Dreamweaver css beginner
trying to learn more about CSS in Dreamweaver.
First thing I notice that differs by an html page, it's CSS pages started by this 'code ' -.
@charset "utf-8";
/ * CSS document * /.
What is the devil?
and if I want to write some CSS, I should write before or after this code?
And why is there no 'Design' in CSS view, as it is in HTML?
Thank you!!
If anyone knows any real basic simple tutorials or books that I can benefit,
Please let me know. Thanks again!
None of this code is required to write some CSS.
And why is there no 'Design' in CSS view, as it is in HTML?
Because there is nothing to display in Design view.
CSS contains only text formatting instructions so that the browser knows how to display an HTML page.
Without an HTML page, there is nothing to show. CSS is just a bunch of CSS rules. When a CSS page is linked to an HTML page, the HTML code comes to life (becomes pleasantly formatted) in Design view, and in browsers.
Tags: Dreamweaver
Similar Questions
-
dreamweaver css Owl-carousel problem
Good afternoon!
come again to ask for help on the css for Tablet and smartphone, I am desirous of a left margin in the carousel of the OWL, more am not able to attack some elements like the image below, I tried to search:
. OWL-.owl rap-outer carousel {margin left: 15px;},
but I can't change the desired margin, how? Please, ask for help. The image of children, that's where the carousel want to put a retreat to put arrows (right and left) on the carousel in chrome, as I can put it in dreamweaver does not lead to what either.
1)
1.2)
{(2) in chrome .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100% and "margin-left: 15px '}
2.1)
(3) in dreamweaver cm³
nothing happens
I've never used Owl-carousel. Not familiar with it somehow. Have you tried to put some margins around the parent container?
style = "" left margin: 45px ">"Your contentYour contentYour contentYour contentYour contentYour contentYour content...
-
My design dreamweaver css code is not correctly copy on my external program to send emails.
I use a template and put the code in the program that I actually send the email through. I used a template, dreamweaver and css code is not all come through. When I receive the test e-mail in my Inbox, some parts are correct, but others are just completely false. I tried to figure out how to solve this problem, but I'm still new to dreamweaver and coding in general.
Chances are that you try to process an html email as if it were a normal html page and left some of your css in the
section is stripped out of your e-mail client.It is difficult to say without seeing the code that you are handling well.
HTML emails have a different set of rules than the normal html pages. Message from Nancy O here, explains a good part of it: HTML email & Newsletter blasts - http://alt-web.com/
-
Use of DreamWeaver CSS Desinger to?
I subscribe CS6 cloud creative and saw the new CSS designer feature which I want to use.
I am now confused with the Adobe product lines. As a subscriber of creative cloud Adobe said I always have access to the latest version of my products. It turns out that the new CSS designer is only available in DreamWeaver CC. I don't see anywhere how to download DreamWeaver CC or update my existing Version of CS. Not only Adobe has rectified the existing version of CS6 in the past two months two times in regards to the fluid layout and its golden grid which is very confused now they also diverted some features in the new version of CC.
Can someone plase tell me this disorder and how can I clean.
As a Web Designer working with delicate design, I'd love to check out all the new features.
Thank you
CC products will be available from next Monday. The rest is irrelevant. Reread the announcemnts correctly.
Mylenium
-
Hand coded CSS, Dreamweaver CSS, long hand, short hand CSS palettes?
I am new to CSS and coding by hand am and my hand coded CSS works but I got it from a book and it was coded in hand short syntx.
I tried to write the CSS in Dreamweaver and it dose not work... so I tried using the palettes of DW that dose also do not work.
I think the DW dose does not have the background color and background image at the same time but hand coded thi is also not allowed why?
/ * My HTML code * /.
< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > ""
< html >
< head >
< title > < / title >
< link rel = "stylesheet" type = "text/css" href = "test.css" / >
< / head >
< body >
< form id = "comment form" action = "/" >
< fieldset >
< label for 'name' = > name < / label >
< input id = "name" type = "text" / >
< / fieldset >
< fieldset >
< label for 'Email' = > Email < / label >
< input id = "email" type = "text" / >
< / fieldset >
< fieldset >
< label for 'comment' = > comments < / label >
< textarea id = "Comment" rows = "10" cols = "10" > < / textarea >
< / fieldset >
< / make >
< / body >
< / html >
/ * My CSS that works * /.
fieldset #comment-entry form,
Comment # form textarea {} fieldset
width: 400 PX;
padding: 5px;
-font size: 1.4em;
border: none;
background: #e2e1d7 url(img/input-bg.gif) top of horizontally to the left.
}
/ * CSS that the dose does not work * /.
fieldset #comment-entry form,
Comment # form textarea {} fieldset
Width: 400 PX;
padding: 5px;
font size: 1.4em;
background-color: #e2e1d7;
background-image: url(img/input-bg.gif);
background-repeat: repeat-x;
background-position: left top;
}
Hello
I forgot the explanation (it's the problem with cut - paste - post).
In the dreamweaver dialog box to select all the items, but if you start to type ahead of the dialog box displays the following selections do not appear.
Try adjusting the delay time of code hints in your preferences.
PZ
-
Basic Dreamweaver, CSS. Need help to start, where to start?
Hi all
I'm relatively new to web design and dreamweaver - I took a class for more than a year and remember some of the basics, but it must be put to the test now. My boss asked to update the company's Web site, and I need to know the best way to go about it.
I know that the original site was created with dreamweaver - I have a .css file (which, if I remember corectly, is the file I open really with dreamweaver, right?), as well as the additional files/folders. The problem, however, is that the company's computers is not dreamweaver on it, and my laptop - which does not have the program - has no access to network drives, where the files are located.
Can I just transfer the files from the network drive > zip drive > my laptop and then work on the site from here? If so, what file I actually would open in dreamweaver - the .css?
If it is against the use of my own laptop good and that they are, can I update the site using an open-source program? If so, any recommendations?
I know that these are fundamental issues, but once I started I know I'll be good to go. Thanks for any help, we appreciate it!
As I said before, Dreamweaver is a program based on the site. The basic idea is that you create an exact copy of the live site on your local hard drive. Make the changes or to create new pages in your Dreamweaver site. When you are satisfied with the way in which the pages locally, you connect to the live server and download new or updated files up-to-date. That's all.
If you create a new file or new file, Dreamweaver creates copies of these files and folders on the server if you select in the files Panel, and then click Put icon (which looks like an arrow pointing upwards). As long as the root of the site in your Dreamweaver site definition contains the files and folders in the same hierarchy on the online site, everything will be transferred to the right place. The root of the site is the top level of the site. Let's say that the home page of your site is http://www.example.com/index.html, index.html must be in the root of your Dreamweaver site. If you have a page at http://www.example.com/products/widgets.html, widgets.html must be in a folder called products inside your Dreamweaver site root.
The principle works with Dreamweaver is very simple. Simply, it stores a local copy of the site. The difficult part is the design of the site and style it with CSS.
-
, I'm working on the construction of a new Web site. It's very simple, but I'm kind again, so I work through this tutorial http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
I attached a css stylesheet and only add two things to the worksheet. They are
@charset "UTF-8";
/ * CSS document * /.
{body
margin: 0;
padding: 0;
color: #000
background: #a7a09a;
}
{#containter}
width: 750px;
auto margin: 0;
background: #99 c;
}
Nothing moves on the page however. I saved and made a refreshment. Is written in script? What all I need to check? It's in the head and the menu appears fine< script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "< link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "< link href = "RenalGourmet.css" rel = "stylesheet" type = "text/css" / > "< / head >{#body}
background color; Black;
margin: 0;
padding: 0;
color: #10438b;
background: #a7a09a;
}
{#containter}
Width: 750px;
Auto margin: 0;
Background: #99 c;
}
You don't need the # in front of the css 'body '. Also-background color; Black; should be background-color: black; (a colon after 'color') not a semicolon.
However as you have "background: #a7a09a;' later in the css cascade that cancels the first instance of the background color;"
This:
{#body}
background color; Black;
margin: 0;
padding: 0;
color: #10438b;
background: #a7a09a;
}
Must be:
{body
background-color: black;
margin: 0;
padding: 0;
color: #10438b;
background: #a7a09a;
}
-
Insertion of Flash Template in Dreamweaver CS4 (Beginner)
Hello
I bought a flash off www.templatemonster.com model
I downloaded and unpacked the full model and I would like to change it to the content, text, images, colors, etc..
My only question is:
1. what FILE download in dreamweaver to start editing my site?
Also there are tutorials on editing text, pictures, etc.
Thank you
1. make sure you have everything unpacked in a single folder.
2. define a site in Dreamweaver pointing to this file.
The page that you need to work on would probably be called index.html
Regarding the images etc, you probably need a program like photoshop or fireworks graphics.
Weren't there any help docs included in your purchase?
-
I use Dreamweaver CS 5.5 to my work. I just built a new Web site for the company use it for awhile, it was delete completely while in dreamweaver css file, and there was the little * next to the title as he had not been registered. usually, I would try to close it without saving or crashing which is normally done after what is happening. So far, the css files were not totally deleted... yet. I do not expect that to happen before as I have try to fix it. I searched google and forums and have found nothing or related topics. I had my computer completely reformatted and that seemed to have fixed for a short period. Now I'm on another web project and does it again, but this site is bigger and more important than the previous, and I don't have as much time to work on it. Has anyone encountered this bug at all? I need to get this fixed as soon as POSSIBLE... Really, I wouldn't lose my files. I tend to hit Ctrl + S instinctively these days and I wouldn't do that, while it's been deleted. Besides the downtime to restart Dreamweaver only that she is do it again 5 minutes later.
Specifications of the computer:
- Windows 7 Pro SP1 64-bit
- Dreamweaver CS 5.5
- 24 GB RAM
- Intel Xeon X 5650 @ 2.67GHz/2.66GHz (2 processors - 24 cores)
- NVIDIA GeForce GTX 570
Please let me know if there is no solution to this. Thank you!
-Travys
Hmmmm... When the content of the files disappears at random, it is usually a symptom of something much more deep - like a nasty Trojan/Virus, a failing hard drive, bad CPU or damaged user account.
You can try the usual alternatives of DW below, but I think you might want your guys/girls TI to run some diagnostics on your computer.
#1 make sure your CSS & HTML files contain the code invalid. The tools of the W3C below.
http://Jigsaw.w3.org/CSS-validator/
# 2 acting weird, the first thing to try is to delete the Cache of corrupt in DW DW start
http://forums.Adobe.com/thread/494811
#3 if that doesn't help, try to restore preferences
http://helpx.Adobe.com/Dreamweaver/KB/restore-preferences-Dreamweaver-CS4-CS5.html
#4 if all else fails, use the CS tools cleaner below followed by a re - install software.
http://helpx.Adobe.com/Creative-Suite/KB/CS5-cleaner-tool-installation-problems.html
Good luck!
Nancy O.
-
By aligning the Center in Dreamweaver Web page
Hello. I am a beginner and I'm trying to align the second page of the entire site. I managed to center align perfectly the first page by clicking on the border, but when I export the second page of Photoshop, Dreamweaver CSS code appears and it's the only thing different from the two that will not let me choose the border, so I can center align. See the first page a + 280 lines of code, while a second + 400 lines. Also, I can't find the zoom tool. If please see the images and hope an answer from someone.
The construction of the two pages are completely different, the first page makes use of TABLE for layout, the second page uses DIV to its layout.
The first page is centered using the align property as in the table
Align = "center".
The second page is trying to align the page by applying an automatic to an element with an ID of principal as in margin
#main {}
margin-right: auto;
left margin: auto;
}
But it won't work because the width of the element is not known. If we add a width as in
#main {}
margin-right: auto;
left margin: auto;
Width: 1281px;
}
you will notice that the page has been centered.
Having said the above, I shudder when I see the construction of two pages. I think you need to catch up with markup (HTML) and style (CSS) before you tackle the creation of web pages.
-
I tried to perform the draw AP Div from the Panel to insert as described in the tutorial "classroom: basic Site layout and Navigation in Dreamweaver", but this option is not available/visible since my last update t CC of Dreamweaver. The only notable thing is that the trainer uses a Mac version of the software. Help!
CS4 is 6 years old and more. Much has changed in the web standards and Dreamweaver since then.
APDivs have never been a good or reasonable way to make primary models. Today, they are downright impossible in sensitive web designs as in APDivs content is removed from the normal flow of the document. See the links below for more details on why to avoid the APDivs.
http://www.apptools.com/examples/pagelayout101.php
http://CSS-tricks.com/CSS-beginner-mistakes-1/
If you work with DW CC, you find tutorials to match the version of your product. CS6 differs greatly from CC and CC 2014.
Create your first web site in DW CC-
https://helpx.Adobe.com/Dreamweaver/learn/tutorials/how-to/first-website-part1.html
Nancy O.
-
Need help. Dreamweaver does not load because of the police.
Dreamweaver CSS does not load. Saids its missing Tahoma font. I have loaded into system fonts Tahoma. I have 5 of Suitcase Fusion. Could this be it?
My understanding is that the number of police is fixed with the 13.2 update +.
If you are running an earlier version, I suggest that you upgrade.
-
How can I view wordpress template in Dreamweaver
I have a few wordpress templates, but is unable to view in a browser because there is no php just index.html. How can I work around this problem and use a regular wordpress as a dreamweaver CSS page template? I do not want to load the wordpress application or database in my server so is it possible?
Thank you
my real question should have been "how to change a wordpress to a regular html page?
by display in a browser and copy the source code into a text file and save it as.html (dot dot htm or html). But the extra real volume should be "How can display you the file if you do not have a server? Answer: you can't!
HTH
-
"Extensions" CSS rule definition
Hi all.
Ive tried to test the Extensions panel in the CSS dialog box and some tests of a methos as shadow, blur and vague. Ive entered the numbers by replacing the? brands, but I cannot get a display of the effects. I tried to create a class and apply the image, a compound or an ID but still not feel any joy?
Am I missing something obvious here? Any help would be greatly appreciated!
See you soon
I don't know the 'Bible' should have explained this, but these filters are for
older versions of Internet Explorer and should not normally be used unless they are
used as part of a very complex scenario of relief when using some
Features of CSS3.
The context of Dreamweaver CSS editor has not been updated for many years and
is largely out of sync with the features in the CSS Styles Panel.
--
Al Sparber - PVII
Menus in Dreamweaver | Galleries | Widgets
http://www.Projectseven.com/go/hapm
The ultimate Horizontal accordion
-
Header of Dreamweaver Help!
I can't understand how to create a header or footer in dreamweaver that will extend through the entire web page on any computer people. Can someone please! It seems that it should be very simple.
Great! How can I say it height, it should be? And is it possible to put a jpeg file there instead of Red?
Use CSS to specify these things. If you need some "refreshing", consider these links.
Tutorials HTML & CSS - 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/
========================================
PREDEFINED CSS LAYOUTS
Solid as a rock, commercial products that provide well in all the browsers and devices, visit seven project:
http://www.Projectseven.com/products/index.htm
Not only a grid CSS Framework (free)
http://www.notjustagrid.com/demo.asp
(Free) ultimate multi-column layouts
http://matthewjamestaylor.com/blog/Ultimate-Multi-Column-Liquid-layout s-em-and-pixel-width
EZ - CSS Templates (watch the screencast to see how it works)
http://www.EZ-CSS.org/css_templates
Dreamweaver CSS Templates for beginners (free)
http://www.Adobe.com/devnet/Dreamweaver/articles/dreamweaver_custom_te mplates.html
News homepages DW (free)
http://www.Adobe.com/devnet/Dreamweaver/articles/introducing_new_css_l ayouts.html
Maybe you are looking for
-
I am running Win 7 on my emachine, and this is the first time, he will not play a video cd due to 'insufficient memory' I closed the programs on the taskbar - did not help! What can I do... or how to clear the memory? anyone?
-
Sicherheitsdiest kann nicht gestartet werden
Windows Sicherheitsdienst seid einigerzeit die message shows:DAS Sicherheitscenter ist deaktiviert.Wenn ich're aktivieren will be green die message: Sicherheitsdiest kann nicht gestartet werden. ICH finde keine Lösung was kann ich tunss Vorab Danke
-
My bb curve 8320 blackBerry smartphones
Hello, I wanted to improve my os from 4.2 to 4.5, after installation of my manager of my pc desktop, I open the application and I was invited on my device to insert my password I did and also on my pc and I mistakely entered the wrong password more t
-
motherboard (940) AM2 vs am2 will work regular am2
I got my father a model of hp dc5750 sff desktop and there a proc amd am2 socket 940. and I tried to put in my amd am2 athlon 64 215 in heart duel and it does not work? Is their a way to make this mobo works with a proc that isn't an am2 940 or am
-
Problem with the library of the skin of the ADF
HelloI created a skin ADF library to include myself in other projects.My skin also contains FontAwesome, but the doesn´t of font files get included, although my path is correct.FontAwesome icons are displayed only when the user installs the FontAweso