CSS in GoLive 5.0
Home
> Build
> Software > Adobe
GoLive
by Don Herion
(1)
(2) (3)
(4) (5) (6)
(7)
Apply
a Class
To apply the .redclass you must first select the text in your
main document. Now click the 'Style' tab in the 'Inspector' palette. The .redclass
is listed with 4 possible options to check.
Inline - applies an inline style for the selected text
Par - formats the whole paragraph with the style
Div - creates a division
that disconnects from the normal HTML layout
Area - applies the style to the
body section of a page
Apply an ID
IDs must be
applied manually in the source code. First note the name of the particular ID
- i.e. - #headerid. Now in the Source window find the text you wish to assign
the ID. Remove other formatting from the code. Enter ID="headerid" within
the tags. For example:
Switch back to the layout view to see the results.
Link
External CSS to Multiple Pages
Linking many Web pages to an external CSS
is easy. Click 'File' in the site window. Select the .html files you want
to reference the golive.css file. Now select the 'Styles' tab in the 'Inspector'
palette. Click the folder at the bottom of the palette and choose the golive.css
file. Now hit the 'Add' button and .css file is applied to the .html documents
chosen. You may link more than one external .css sheet to .html pages. The higher
the external .css appears under the 'Styles' tab, the lower it's precedence.
Unlink
External CSS
In the Site Window under File select two or more pages. Select
the 'Styles' tab in the 'Inspector' palette. Click the external .css file to unlink
and hit the 'Remove' button.
Export an Internal Style Sheet
Right click inside the 'Style Sheet' window and choose 'Export Internal CSS.'
Now name the file and save with the .css extension. You can now use this external
.css file in any Web page(s).
Preview CSS or Not to Preview
The 'View Controller'
palette provides designers the option of viewing their Web page in various versions
of IE and Netscape, or disable .css and view the page as it would appear in a
non-CSS browser.
