Submit an article about your scariest tech experience—and the solution—and you’ll be automatically entered to win one of 4 fantastic tech gadgets.
Solved
My CSS styles are not applying in dreamweaver for my site
Posted on 2006-07-12
Hi all
I have good knowledge with dreamweaver, been using it for years, but this problem I have just found, well I cant figure it out.
Basically, I cant change the font type no more, I cant change the color no more, I cant change size, and I really cant figure it out, even if a style has 36 size, it doesnt move the actual text I have selected. Proberbly a simple solution so I help others can help me out.
Cheers
Chase
I have good knowledge with dreamweaver, been using it for years, but this problem I have just found, well I cant figure it out.
Basically, I cant change the font type no more, I cant change the color no more, I cant change size, and I really cant figure it out, even if a style has 36 size, it doesnt move the actual text I have selected. Proberbly a simple solution so I help others can help me out.
Cheers
Chase
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
9
7
17 Comments
Active 6 days ago
This can happen if you have multiple style assigned to an object. Check that you don't have a generic style in the style sheet that's overriding all the others,
e.g. p {font-size:36pt} would affect every instance of a paragraph on your site.
e.g. p {font-size:36pt} would affect every instance of a paragraph on your site.
Active 6 days ago
Check the properties of the element you are trying to change. i.e. in code view look at the code that is created around the element. You might see STYLE= or CLASS=
Then go into the style sheet and check these out. Elements in the style sheet such as P should always appear first because style sheets use an importance ranking (last = most important), therefore if this style comes later in the document, it will override any previous style that are applied.
Then go into the style sheet and check these out. Elements in the style sheet such as P should always appear first because style sheets use an importance ranking (last = most important), therefore if this style comes later in the document, it will override any previous style that are applied.
ok this is what I have for one span class="style25">Track Title </span>, I even delete all the styles on the panel and I still cannot make the txt bigger or change the color, or change the size.
And I dont see no P in the code or in the style sheet.
And I dont see no P in the code or in the style sheet.
Active 6 days ago
Can you tell me what is outside even the span tag in the html code? It might be easier if you post the whole block of code. I'm looking for one of these --> DIV, TD, TR, TABLE, P
All can have style assigned to them which affect whatever is inside. If you then have a span, then DW just adds that style on after all the others have been applied. You should definitely be able to see STYLE25 in the style sheet. What properties does that style have assigned?
All can have style assigned to them which affect whatever is inside. If you then have a span, then DW just adds that style on after all the others have been applied. You should definitely be able to see STYLE25 in the style sheet. What properties does that style have assigned?
Ok as below, sorry for the spam
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home</title>
<style type="text/css">
<!--
.style25 {
font-size: 36px;
font-family: "Courier New", Courier, monospace;
color: #FF0000;
}
-->
</style>
</head>
<body>
<table width="73%" border="1" align="center" cellpadding="0" cellspacing="4" bordercolor="#000000">
<tr bgcolor="#000000">
<td width="31%" bordercolor="#FF0000" bgcolor="#FFFFFF" scope="row"> <span class="style25">Track Title </span></td>
<td width="10%" bordercolor="#FF0000" bgcolor="#FFFFFF"> <center class="style20 style15">
<strong> Size </strong>
</center> </td>
<td width="13%" bordercolor="#FF0000" bgcolor="#FFFFFF"><span class="style20 style17"><strong>Length</s
<td width="13%" bordercolor="#FF0000" bgcolor="#FFFFFF"><center class="style20 style15">
<strong> Preview </strong>
</center> </td>
<td width="13%" bordercolor="#FF0000" bgcolor="#FFFFFF"><center class="style20 style15">
<strong> Comments </strong>
</center> </td>
<td width="33%" bordercolor="#FF0000" bgcolor="#FFFFFF"><center class="style20 style17">
<span class="style23"> Submit Date </span>
</center> </td>
</tr>
<tr>
<td scope="row"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td scope="row"><span class="style20">01. No mercy </span></td>
<td> <center>
10000k
</center></td>
<td><center>
2:01
</center></td>
<td><center class="style9">
<a href="#">Play </a>
</center></td>
<td><center>
4
</center></td>
<td> </td>
</tr>
<tr>
<td scope="row"><span class="style20">02. Beauty</span></td>
<td> <center>
9806k
</center></td>
<td><center>
4:45
</center> </td>
<td><center class="style9">
<a href="#">Play </a>
</center></td>
<td><center>
1
</center></td>
<td class="style25"> </td
</tr>
<tr>
<td scope="row"><span class="style20">03. Save your life </span></td>
<td><center>
7809k
</center></td>
<td><center>
1:52
</center> </td>
<td><center class="style9">
<a href="#">Play </a>
</center></td>
<td><center>
2
</center></td>
<td> </td>
</tr>
<tr>
<td scope="row"><span class="style20">04. Dance away </span></td>
<td><center>
8990k
</center></td>
<td><center>
6:56
</center> </td>
<td><center class="style9">
<a href="#">Play </a>
</center></td>
<td><center>
16
</center></td>
<td> </td>
</tr>
</table>
<h3> </h3>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home</title>
<style type="text/css">
<!--
.style25 {
font-size: 36px;
font-family: "Courier New", Courier, monospace;
color: #FF0000;
}
-->
</style>
</head>
<body>
<table width="73%" border="1" align="center" cellpadding="0" cellspacing="4" bordercolor="#000000">
<tr bgcolor="#000000">
<td width="31%" bordercolor="#FF0000" bgcolor="#FFFFFF" scope="row"> <span class="style25">Track Title </span></td>
<td width="10%" bordercolor="#FF0000" bgcolor="#FFFFFF"> <center class="style20 style15">
<strong> Size </strong>
</center> </td>
<td width="13%" bordercolor="#FF0000" bgcolor="#FFFFFF"><span class="style20 style17"><strong>Length</s
<td width="13%" bordercolor="#FF0000" bgcolor="#FFFFFF"><center class="style20 style15">
<strong> Preview </strong>
</center> </td>
<td width="13%" bordercolor="#FF0000" bgcolor="#FFFFFF"><center class="style20 style15">
<strong> Comments </strong>
</center> </td>
<td width="33%" bordercolor="#FF0000" bgcolor="#FFFFFF"><center class="style20 style17">
<span class="style23"> Submit Date </span>
</center> </td>
</tr>
<tr>
<td scope="row"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td scope="row"><span class="style20">01. No mercy </span></td>
<td> <center>
10000k
</center></td>
<td><center>
2:01
</center></td>
<td><center class="style9">
<a href="#">Play </a>
</center></td>
<td><center>
4
</center></td>
<td> </td>
</tr>
<tr>
<td scope="row"><span class="style20">02. Beauty</span></td>
<td> <center>
9806k
</center></td>
<td><center>
4:45
</center> </td>
<td><center class="style9">
<a href="#">Play </a>
</center></td>
<td><center>
1
</center></td>
<td class="style25"> </td
</tr>
<tr>
<td scope="row"><span class="style20">03. Save your life </span></td>
<td><center>
7809k
</center></td>
<td><center>
1:52
</center> </td>
<td><center class="style9">
<a href="#">Play </a>
</center></td>
<td><center>
2
</center></td>
<td> </td>
</tr>
<tr>
<td scope="row"><span class="style20">04. Dance away </span></td>
<td><center>
8990k
</center></td>
<td><center>
6:56
</center> </td>
<td><center class="style9">
<a href="#">Play </a>
</center></td>
<td><center>
16
</center></td>
<td> </td>
</tr>
</table>
<h3> </h3>
</body>
</html>
Active 6 days ago
Make sure that in the style there is no class for TABLE or TR or TD
If removing them doesn't work then the only way to change the font on the screen is to edit STYLE25 manually in the style sheet.
If removing them doesn't work then the only way to change the font on the screen is to edit STYLE25 manually in the style sheet.
So could you see what I was doing wrong? Because ive looked at my table and I have no styles on it, I even made txt outside the table and its no joy, im getting this on every different site im working on I think, I think its to do with a global setting somewhere like dont display css im not sure.
Active 6 days ago
If the appearance of the text is controlled by the style, then you have to edit the style directly. There's a style panel available in the main menu bar that you can use to edit these.
Alternatively switch to code view and change the appearance directly in code.
Alternatively switch to code view and change the appearance directly in code.
This is my point, I currently have no style selected, and the text is size 36, and it really isnt size 36, more like size 12, understand what I mean?
Active 6 days ago
Can you post a link to the page with a description of where the bad formatting is, so that I can investigate it all?
I sent you the code?
I cant really send you the link, because its happening on all my pages and websites, even if I have style with such and such font, and huge letters, different color it just wont budge, I swear its a setting Ive touched, but not sure?
I cant really send you the link, because its happening on all my pages and websites, even if I have style with such and such font, and huge letters, different color it just wont budge, I swear its a setting Ive touched, but not sure?
I really cant figure this out, I think its broken, ive looked in the options a few times over, they just dont change from anything I do, color or font type or size, no matter what they dont budge, but when I export the page, or preview it, it shows it all!!!!
Its definately a setting preventing showing styles.
Its definately a setting preventing showing styles.
whats that mean? I went ahead and checked like region and stuff encoding they seem ok, common Rouchie what else, I know were close to home :P
You said you had this problem last time?
You said you had this problem last time?
Active 4 days ago
thechase22,
Couple of things to look for:
1. Under the View menu there is a option for Style Rendering. It should be set to Screen Media Type and the last option for Display Styles should be checked. If those are not set in that way, styles may not render properly. The crucial one is the Display Styles option. The others can have funky effects only if you were trying to develop stylesheets for multiple media.
2. Your code is not quite valid XHTML 1.0 Transitional according to validator.w3.org. DW shouldn't care, but I've seen enough funny issues with invalid code that it's worth fixing.
3. You appear to have a lot of undefined styles. Again, DW shouldn't care, but it may be worth stripping that stuff out so the only defined and implemented style is .style25
I imported the code above and I see Track Title in large courier, so I'm betting #1 is the problem. It would also account for why you can't see any style in DW.
Couple of things to look for:
1. Under the View menu there is a option for Style Rendering. It should be set to Screen Media Type and the last option for Display Styles should be checked. If those are not set in that way, styles may not render properly. The crucial one is the Display Styles option. The others can have funky effects only if you were trying to develop stylesheets for multiple media.
2. Your code is not quite valid XHTML 1.0 Transitional according to validator.w3.org. DW shouldn't care, but I've seen enough funny issues with invalid code that it's worth fixing.
3. You appear to have a lot of undefined styles. Again, DW shouldn't care, but it may be worth stripping that stuff out so the only defined and implemented style is .style25
I imported the code above and I see Track Title in large courier, so I'm betting #1 is the problem. It would also account for why you can't see any style in DW.
Featured Post
Submit an article about your scariest tech experience—and the solution—and you’ll be automatically entered to win one of 4 fantastic tech gadgets.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed. I'm not sure why Microsoft tends to release OS' that should not be released but they do. Windows…
In this video, Percona Solutions Engineer Barrett Chambers discusses some of the basic syntax differences between MySQL and MongoDB.
To learn more check out our webinar on MongoDB administration for MySQL DBA: https://www.percona.com/resources/we…
In a question here at Experts Exchange (https://www.experts-exchange.com/questions/29062564/Adobe-acrobat-reader-DC.html), a member asked how to create a signature in Adobe Acrobat Reader DC (the free Reader product, not the paid, full Acrobat produ…
- Document Management
- Printers and Scanners
- Document Imaging
- Software-Other
- Images and Photos
- Adobe Acrobat, Photos / Graphics Software, Security, *scanning, *PDF
Suggested Courses
Course of the Month12 days, 4 hours left to enroll
636 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.