logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 11-23-2014, 12:51 PM   #1
wonton
 
Join Date: Nov 2014
Posts: 1
Default Help with HTML, CSS selection in CS5

I am trying to edit the HTML font separately. I insert a new h6 tag, select it and when I change the font size it affects the entire page. How can I edit the selected HTML text rather than the CSS? And I would also like to know how to stack headings on top of eachtoher and edit there fonts differently, like so,

<h6> size, colour
<h5> size, colour
<h1> size, colour
wonton is offline   Reply With Quote
Old 11-23-2014, 11:45 PM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

in dreamweaver you can do that in properties you can edit any tag. and use a seperate css sheet.
If it is changing the whole page it is not editing the tag but is somehow selecting more, probably an issue of closing previous tags but thats a guess.
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 11-24-2014, 04:47 AM   #3
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

unless the op means using a <span> ... ?
d a v e is offline   Reply With Quote
Old 11-24-2014, 06:39 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

yes im not sure but he did specify h6 even thiugh hardly used normaly
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 11-24-2014, 08:38 PM   #5
Ricky55
Ricky55's Avatar
 
Join Date: Oct 2005
Location: West Yorkshire, UK
Posts: 1,855
Default

All Dreamweaver is doing is adding inline CSS.

If you are getting undesired results just drop into code view and add it in yourself. For example.

Code:
<h1 style="font-family: Arial; font-size:20px; color:red;">I am a heading level 1</h1>
<h2 style="font-family: Georgia; font-size:16px; color:blue;">I am a heading level 2</h2>
You are far better though using an external CSS file. and using.

Code:
h1 {
	font-family: Arial;
	font-size: 20px;
	color: red;
}

h2 {
	font-family: Georgia;
	font-size: 16px;
	color: blue;
}
If you need to be more specific and just want to target a specific h1 then use a class. Like so

Code:
.header {
	font-family: Arial;
	font-size: 20px;
	color: red;
}

<h1 class="header">I am a heading level 1</h1>
__________________
Qwerty Design

Check out my blog for web design insights.
http://www.qwerty-design.co.uk/
Follow me on Twitter: @QwertyDesignUK
Ricky55 is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:25 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com