PDA

View Full Version : HELP : High-Lighting TEXT and CSS : HELP

aerolex
09-26-04, 06:40 AM
::::::::::::::::::
::::::::::::::::::

REGARDS

::::::::::::::::::


A quick and hopefully simplistic question for the MASS of PROFESSIONALS here on these Boards

your help is more than appreciated . . .

.......

IN DREAMWEAVER MX 04

I'd like to know how best to FORMAT TEXT throughout a webpage;
in order to control specific things like the spacing, wrapping and highlighted colors?

i'm guessing i would need to use CSS . but i have NO IDEA how to implement that . nor do i really know what it is
and how it works.

PLEASE . take a look at this link . http://www.bydefault.org

the frame on the left has some wonderfully simple TYPE and COLORING , i would like to be able to do the same.
i looked at the SOURCECODE and noticed it had an <STYLE/CSS> tag of some sort,

could i simply copy the HTML?

how can i manage text in this manner? ? ?

MANY MANY MANY

thanks in advance for any and all help




B L E S S

: : : : : : : : :

aerosyn lex
stuboo
11-09-04, 06:17 PM
aerosyn,

The breadth of your question is pretty large but I think I can get you started. You should take a look at http://www.w3schools.com/css/default.asp . It is a good primer on CSS and should help you with the nomenclature.

I would also suggest that you read Dreamweaver's tutorials on the subject of CSS and how it can help you manage your style sheets.

The simple solution to your question is this. Put this after the <BODY> tag.


<STYLE>
.leftmenu {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
line-height: 13px;
}
</STYLE>


And put a class attribute around whatever is containing the information that will go on the "left hand side".
i.e. if youR content is in a table it would be
<TABLE CLASS="leftmenu">Your content here</TABLE>

As I said, this is a very quick explaination but CSS is much much deeper. I hope this gets you started.

stuboo
zcorpan
11-10-04, 11:47 AM
None of your examples are valid. the style element must be placed in the head element, not the body. furthermore, i suggest to use an external style sheet. I give you an example of how a good structed html document could look like.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Title goes here</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" media="screen" href="/style.css">
</head>
<body>
<div id="content">
<h1>Header</h1>
<p>Content goes here</p>
</div>

<ul id="menu">
<li>Navigation item</li>
<li>Navigation item</li>
<li>Navigation item</li>
</ul>
</body>
</html>