CSS Style Question

I added a new style called 14 that changed the text and spacing from the rest of the website (that is 16 and other settings)
It works within dreamweaver, but when I see it on the web, it is still the old size from within a table - <td>
When I highlight text and select 'class' it will add a 'span' at times
Other times, when between <td> it will add it to the <td> and it won't work.
This does not work
<td height="100" align="center" valign="top" class="14">
This does work
<span class="14">
The CSS is simple:
.14 {
font-family: 'Open Sans', sans-serif;
font-size : 14px;
line-height:normal;
color : #666;
line-height: 20px;
What am I missing?
example:
digitaldealershipsystem.com/gallery.html
Any of the text in the gray box is marked with <td height="100" align="center" valign="top" class="14">
I'm hoping I can add a TD or similar, but I don't want it applied to every table
PS> Obviously there are some HTML and other issues, but I'm only concerned with this right now.
Thank you.

CSS Selector names must be Aa-Zz. They cannot begin with numeric values.
.14 is invalid code.
.style14 is valid code.
Rather than using selector names that carry no purposeful meaning, try to use selector names that tell you what the style is being used for. It makes your code easier to work with.
A must read article:
http://phrogz.net/css/HowToDevelopWithCSS.html
Nancy O.

Similar Messages

10g adftable:column CSS Style question

I am trying to left justify the author column in this adf:table but I cannot get it to work. The styleClass does not appear to work for it. I have looked into skinning but because the styleClass is not being applied I can't get it to work for this single column. Any suggestions?
Thanks,
Andy
<af:table rows="15"
             banding="row"
             bandingInterval="1"
             var="book"
             id="currentImmunizationsTable"
             width="900"
             value="#{backingbean.books}"
             rendered="#{! empty backingbean.books}"
             immediate="true">
<af:column sortable="true"
                   sortProperty="author"
                   headerText="Author"
                   id="authorColumn"
                   formatType="icon"
                   gridVisible="true"
                   styleClass="column">
    <af:outputText value="#{book.author}"
                           id="authorText">
    </af:outputText>
</af:column>
</af:table>Edited by: anotherhale on Jun 21, 2010 2:04 PM

Is not "align" what you need?
<af:column >
align="left"
</af:column>

RH-generated WebHelp doesn't display some CSS styles

I've worked with RH for a while, including creating other WebHelp projects in RH that have been deployed without any problem. On my current RH9 project, however, some of the CSS styles are not being applied after the project output is moved to a network directory. When I open the project output on my Desktop, the styles all render correctly.
The styles in question aren't especially unusual:
DIV.text {
          width: 640px;
          padding-left: 25px;
          padding-right: 25px;
          padding-bottom: 25px;
          margin-left: auto;
          margin-right: auto;
          background-color: #EDEBDE;
P.footer {
          text-align: center;
          font-size: 8pt;
          line-height: 25%;
          color: #A13619;
The kicker is that some of the styles ARE being applied (e.g., background image), while the 2 styles above are NOT being applied.
Some of the things I've already tried include:
- creating a new copy of the CSS file
- making sure the correct stylesheet is referenced in the HTML files
- making sure the correct stylesheet is referenced in the MasterPage
- making sure the correct CSS type is specified in the HTML files
- adding "!important" to the styles that aren't being applied
Has anyone seen / resolved issues like this before?
Thanks!

Solution:
My supervisor and I huddled on the problem and eventually found these discussions:
http://stackoverflow.com/questions/4966952/ie-not-rendering-css-properly-when-the-site-is- located-at-networkdrive
http://stackoverflow.com/questions/167657/will-targeting-ie8-with-conditional-comments-wor k#answer-168131
I opened the IE Tools > Developer Tools panel, and used the Browser Mode settings to check the variations (IE7, IE8, and IE8 Compatibility). IE8 displayed all DIVs correctly, while the other two apparently severed the CSS file from the HTM file.
I had to do a mass find/replace, pasting another meta tag below the RH generated compatibility check:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
And there was much rejoicing.
As an aside, the new meta tag did not work when I tried to apply it to the Master Page....which makes sense, I guess.

Using custom CSS style sheet

I'm trying to use a custom CSS style sheet and can't get it to work. I've created my stylesheet and uploaded it so it shows under Shared Components >> Cascading Style Sheets.
Viewing the source for my pages currently shows a reference to what I guess is the default style sheet -
<link rel="stylesheet" href="/i/css/apex_3_1.css" type="text/css" />But no reference to the one I uploaded. So I guess I need to add a new reference pointing to my sheet.
So questions would be -
- How and where do I add this reference?
- Is this the correct way to do things if I want to use my own styles?

Antilles,
Go to your Shared Components > Temples > Select the page template you wish to apply your CSS to and in the "Header" area you will see references to the APEX CSS, something like,
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_17/theme_3_1.css" type="text/css" />Now, just add your CSS reference after any APEX CSS references.
Hope this helps.
-Chris

Re: CSS Style Sheet

Am 02.09.2006 schrieb Micky Mouse:
> I've created a style sheet with, .headings ,
.subheadings , and .text.
> Which work fine on my home page when I apply them from
the property
> inspector.
> When I open another one of the pages I can't apply any
of the styles I
> created in the first page as the design panel/CSS styles
says (no styles).
Did you save your styles in an external stylesheet? If you
did, you
must link this sheet to your pages. Open one of your pages
and make a
link to your stylesheet.
In the header section of your page you can put the following:
@import url("path to your stylesheet");
or: <link rel="stylesheet" href="path to your stylesheet"
type="text/css">
Repeat this procedure for all your pages.
After you have done this, you can apply your styles to the
pages with
the property inspector.
Greetings
Inge Grotjahn
CatManiacs World:
http://www.gwsystems.com/inge

This setting couldn't have made any difference in the linking
to your
CSS....
Something *did*, though, but we'll never know what it was you
did, now.
Glad you got it going.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"lbize" <[email protected]> wrote in message
news:g58ceo$ojh$[email protected]..
> DW CS3.
> When creating the new "site" in DW, I did make an
addition... I answered
> yes
> to "Do you wnat to work with a server technology". I
selected yes and
> chose
> PHP MySQL, since we will be using this later. Based on
your question about
> only
> changing the hosting server, I decided to remove the new
"site" from DW
> and
> create it again, this time ONLY changing the location of
the hosting
> server.
> All looks good now. I don't know what things were so
screwed up from that
> one
> selection? Thank you.....
>

What CSS styles affect the background color of new suite bar?

There is a new suite bar in O365. What CSS styles affect the background color of the bar, app launcher button and the Office 365 text in SharePoint Online? I want to hide Office 365 text and add my logo there.

Hi,
What new suite bar did you refer to?
Please check if this image below is what you referred to:
If yes, please note in this forum we mainly discuss questions and feedbacks about the Office client products, as your question is not about our products, I suggest you post the question in Office 365 Community Forum to get support:
http://community.office365.com/en-us/f/default.aspx
The reason why we recommend posting appropriately is you will get the most qualified pool of respondents, and other partners who read the forums regularly can either share their knowledge or learn from your interaction with us. Thank you for your understanding.
If I misunderstood anything, feel free to let me know.
Regards,
Melon Chen
TechNet Community Support
It's recommended to download and install
Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
programs.

How to Make a "fonts.css" style sheet

Hi, I have a wordpress blog with a stylesheet named “style.css”. I want to change the fonts in the style sheet and so I want to create a separate style sheet named “fonts.css"
I could just duplicate the ”style.css” page and then rename it “fonts.css” but I believe I read somewhere it is better to create a new style sheet named “fonts.css” and then add my font styles to that. Doens anyone know of a tutorial or how I make the new style sheet and add my fonts?

I only typically use two stylesheets on any given site, layout.css and styles.css. One is for the overall layout/positioning info of the site and the other is the style information which would include fonts, colors, shadows, transitions, etc.
If it is better in your mind and for your workflow to create a third stylesheet just for the font values, go for it. To me, fonts are just another style element though, so they stay in my styles.css file.
There's really no right or wrong to doing it either way. Just make sure you create another link in the head section of your site to the new file if you create fonts.css.
Thanks jon,
Yes I agree, I could just change the fonts in “style.css” and then have less style sheets, but the themes developer told me to create a new style sheet named “fonts.css” only because the theme is updated regularly and uploading a new theme will write over the file named “style.css” and then your fonts will default to their original fonts.
I don't see anything wrong with that approach. Just remember that if you have both styesheets linked to the same page then the page will get it's css styles from the last linked stylesheet.
So for instance if you have:
body {
font-size: 14px ;
in the style.css
and
body {
font-size: 12px ;
in the fonts.css
and the last linked stylesheet was styles.css the page would display 14px text.
So you just need to get them in the right order IF you have more than one styleshet linked to a page.
Thanks Osgood,
Yes that was my other question. So in my uploaded CSS folder I have the original “style.css” file and now my new “fonts.css” file. “style.css” is above the “fonts.css” file and both contain the same information except the file “fonts.css’ has been changed to use different fonts.
So if I understand you correctly I need to either move the file “fonts.css" above the file “style.css” or delete “style .css” from the CSS folder so the file “fonts.css” will take precedence. Is this correct?
Also, I needed to open style.php and edit the code to include “fonts.css” which I did.
I opened "style.php" and then added the code in "red" then uploaded it to the (CSS) folder on the server.
<?php
header( "Content-type: text/css" );
$files = array();
$files[] = 'style.css';
$files[] = 'responsive.css';
$files[] = 'fonts.css';
foreach($files as $file) :
    $content = @file_get_contents( $file );
    echo minify( $content );
endforeach;
function minify( $code ) {
          $code = preg_replace( '#\s+#', ' ', $code );
          $code = preg_replace( '#/\*.*?\*/#s', '', $code );
          $code = str_replace( '; ', ';', $code );
          $code = str_replace( ': ', ':', $code );
          $code = str_replace( ' {', '{', $code );
          $code = str_replace( '{ ', '{', $code );
          $code = str_replace( ', ', ',', $code );
          $code = str_replace( '} ', '}', $code );
          $code = str_replace( ';}', '}', $code );
          return trim( $code );
?>
After doing all of this I still didn’t see any changes to my fonts so I must have done something wrong.
Any ideas?

Custom css style to region

what solution can i get to style a region with a custom CSS style?
can't I force the HTML region tag (is it a TD, isn't?) to have an ID or a STYLE I choose?
(then i can insert an HTML PORTLET to write the CSS style)

Mylenium wrote:
A caption is its own HTML tag, nothing exclusive to an image.
The HTML <caption> tag can be used only inside a table. It has nothing to do with images. http://www.w3.org/TR/html401/struct/tables.html#edef-CAPTION.
To answer the original question, the way to create a caption for an image is to wrap the image and caption text in a <span> and give the span a class called floatleft or floatright.
<span class="floatleft">
<img src="../images/cape_royal.jpg" alt="Cape Royal"
width="250" height="366" />Grand Canyon at Cape Royal</span>
Then create four style rules:
.floatleft {
float:left;
margin:3px 8px 3px 0;
.floatright {
float:right;
margin:3px 0 3px 8px;
.floatleft, .floatright {
font-weight:bold;
text-align:center;
.floatleft img, .floatright img {
display: block;

Applying css style in DW (design view) or CT

Hi Folks,
Here's a dumb question I can't figure out. In DW and CT, you
can apply a css style to a paragraph selecting p tag, right? You
get <p class="myclass"></p>
What I don't get is why the css style apply to an image for
exemple inside the paragraph and not to the paragraph itself?
Of course as you developp a website you certainly don't worry
about that since you handcode or you never apply a style to a
paragraph.
Let's say you need to define a css style saying:
.myclass {
margin: 0 0 20px 20px;
float:right;
so the paragraph containing an image align to right and have
proper margin. Why by default the css style apply to the image and
not to the paragraph? You end with this <p><img
src="myimage.jpg" class="myclass" /></p>
What's the logic behind this, this is very annoying, specialy
for CT users.
Richard

richsky wrote:
> Hi Folks,
> Here's a dumb question I can't figure out. In DW and CT,
you can apply a css
> style to a paragraph selecting p tag, right? You get
<p class="myclass"></p>
> What I don't get is why the css style apply to an image
for exemple inside the
> paragrph and not to the paragraph itself?
> Of course as you developp a website you certainly don't
worry about that since
> you handcode or you never apply a style to a paragraph.
> Let's say you need to define a css style saying:
> .myclass {
> margin: 0 0 20px 20px;
> float:right;
> }
> so the paragraph containing an image align to right and
have proper margin.
> Why by default the css style apply to the image and not
to the paragraph? You
> end with this <p><img src="myimage.jpg"
class="myclass" /></p>
> What's the logic behind this, this is very annoying,
specialy for CT users.
> Richard
>
> .myclass {
> margin: 0 0 20px 20px;
> float:right;
> }
>
> <p class="myclass"></p>
>
> <p><img src="myimage.jpg" class="myclass"
/></p>
>
You must be selecting the image?
Try this: select the <p> tag, located along the bottom
of the design
window (it will highlited when selected) then from the style
drop menu
in the properties inspector select 'myclass'
That should apply the class to only to the <p> tag?

IE6 not displaying css style

Hi all,
I have a weird problem. I have created a simple css style for
a page header. On the top of the white area to the right of the
page it the words "Health and Beauty" should have white text with a
purple background. For some reason the background color is not
showing up in IE 6. It shows up in every other browser on both the
windows and mac platforms. Any ideas? The page is question is
www.greenforlife.net/healthandbeauty.html. The css is as follows:
body {
background: #465e34;
color: #FFFFFF;
font: 14px Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
#topnav ol {
display: inline;
#signup a:hover {
display: inline;
margin: 0px;
padding: 0px;
#footer {
position: relative;
width: 850px;
bottom: 0px;
float: left;
margin: 30px;
text-align: center;
#footer a {
text-decoration: none;
color: #FFFFFF;
#wrapper {
width: 850px;
margin-right: auto;
margin-left: auto;
height: 930px;
background: #608246 url(images/reuse.jpg) no-repeat left
top;
#masthead {
width: 320px;
position: relative;
left: 0px;
top: 0px;
font: 14px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
float: left;
height: 91px;
background: #465E34;
padding-top: 5px;
#mastheadtagline {
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: right;
float: left;
width: 530px;
position: relative;
top: 0px;
padding-top: 74px;
background: #465e34;
vertical-align: bottom;
padding-bottom: 5px;
#topnav li {
list-style: none;
display: inline;
margin-right: 3px;
border-right: thin solid #FFFFFF;
padding-right: 6px;
font-size: 13px;
.topnavrightli {
border-right: thin solid #8E66A9;
#leftnav {
float: left;
width: 175px;
position: relative;
top: 100.px;
color: #c2e2a9;
left: 0px;
line-height: 1.75em;
background: #465E34;
height: 550px;
top: 100px;
#newslettertext {
font-style: italic;
line-height: normal;
color: #FFFFFF;
#content {
float: left;
width: 650px;
position: relative;
top: 30px;
left: 25px;
background: #FFFFFF;
border: thin solid #465E34;
height: 650px;
color: #465E34;
font-size: 12px;
#flashholder {
position: relative;
width: 650px;
top: 0px;
height: 153px;
#abouttext {
position: relative;
width: 630px;
top: 0px;
padding-top: 5px;
color: #465E34;
margin-left: 5px;
margin-right: 0px;
font-size: 12px;
padding-left: 5px;
.sectionheader {
font-size: 16px;
font-style: italic;
background: #B7EBA1;
display: block;
border: thin solid #406432;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 30px;
.highlight {
font-size: 16px;
font-style: italic;
color: #3E0947;
display: block;
padding-top: 7px;
#abouttext img {
float: left;
padding-right: 10px;
padding-left: 20px;
#abouttext li {
list-style: url(images/bulletimage.gif);
#abouttextheader {
width: 550px;
position: relative;
top: 0px;
padding-left: 10px;
#signup {
width: 175px;
top: 0px;
position: relative;
display: inline;
text-align: left;
#gemoftheweek {
float: right;
width: 310px;
position: relative;
border: thin solid #465E34;
margin: -55px 0px 0px -1px;
padding: 0px;
top: 0px;
right: 0px;
height: 175px;
#promotestext {
float: left;
width: 300px;
clear: right;
margin: 0px;
padding: 0px;
position: relative;
text-align: left;
#reuse {
margin-left: 30px;
margin-top: 20px;
margin-right: 20px;
#gemheader {
font-size: 14px;
font-style: italic;
color: #FFFFFF;
background: #465E34;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
display: block;
margin: 0px;
#contenttable {
position: relative;
width: 650px;
top: 0px;
.tableheader {
background: #C3E2A9;
border: medium solid #465E34;
.tableimg {
padding-left: 25px;
#challengebox {
border: thin solid #465E34;
#gemoftheweekcontent {
position: relative;
width: 310px;
top: 0px;
height: 145px;
#gemtext {
font-size: 15px;
font-style: italic;
padding-top: 0px;
text-align: center;
display: block;
float: right;
margin-top: 40px;
width: 130px;
margin-left: 5px;
#logo {
background: #618247;
text-align: center;
float: left;
width: 151px;
height: 70px;
margin-bottom: 10px;
}#gemimage {
float: none;
width: 151px;
position: relative;
top: 5px;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
#logodivider {
background: #465E34;
width: 175px;
height: 20px;
#topnav a:link {
color: #FFFFFF;
text-decoration: none;
#leftnav li {
list-style: none;
margin-left: -25px;
#leftnav a:link {
text-decoration: none;
color: #C2E2A9;
display: block;
#leftnav a:hover {
color: #FFFFFF;
text-decoration: none;
background: #618247;
display: block;
#leftnav a:visited {
color: #C2E2A9;
text-decoration: none;
#topnav a:visited {
color: #FFFFFF;
text-decoration: none;
#topnav a:hover {
color: c4eca5;
text-decoration: none;
#topnav {
float: left;
width: 800px;
position: relative;
top: 10px;
background: url(images/purplenavbg.gif) no-repeat;
left: 25px;
text-align: center;
font-size: 13px;
height: 25px;
padding-top: 4px;
#test {
position: relative;
width: 200px;
top: 0px;
left: 50px;
.pageheader {
color: #FFFFFF;
background: #8E66A9;
font-size: 24px;
font-style: italic;
font-weight: bold;
border-top: 1px solid #41054A;
border-bottom: 1px solid #41054A;
display: block;
h1 {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
.articleblock {
border-right: 1px solid #465E34;
border-left: 1px solid #465E34;
padding-right: 1em;
padding-left: 1em;
vertical-align: top;
.articleblockright {
border-right: 1px solid #465E34;
padding-right: 1em;
padding-left: 1em;
h2 {
font-weight: bold;
font-size: 12px;
Thanks,
John

What happens if you remove the italic style from the font....
it could be
this:
http://www.positioniseverything.net/explorer/italicbug-ie.html
Nadia
Adobe® Community Expert : Dreamweaver
Skype: nadiaperre
Tutorials |SEO |Templates
http://www.DreamweaverResources.com
http://www.csstemplates.com.au
http://www.adobe.com/devnet/dreamweaver/css.html
CSS Tutorials for Dreamweaver
"John Ciccolini" <[email protected]> wrote
in message
news:ehp18m$21b$[email protected]..
> Hi all,
> I have a weird problem. I have created a simple css
style for a page
> header.
> On the top of the white area to the right of the page it
the words "Health
> and
> Beauty" should have white text with a purple background.
For some reason
> the
> background color is not showing up in IE 6. It shows up
in every other
> browser
> on both the windows and mac platforms. Any ideas? The
page is question
> is
> www.greenforlife.net/healthandbeauty.html. The css is as
follows:

NullReferenceException when using Razor "@" inside of CSS styles

Issue:
Receiving "Object Reference Not set to an instance of an object" when I hit ctrl-v in CSS styles
Steps to Reproduce:
Open Visual Studio Ultimate 2013
Create new ASP.NET Web Application (Create directory for solution)
Choose MVC (Auth is Individual User Accounts)
Open Shared/_Layout.cshtml (I can reproduce the error by following the below steps in any .cshtml file)
DO NOT SAVE FILE CHANGES AT ANY POINT (though I've noticed this makes no difference)
Add <style> </style> just before </head>
Add #foo {color: red;} inside of <style>
CSS syntax highlighting still works at this point
Add razor syntax @ symbol to color: red;
#foo {@color: red}
CSS syntax highlighting is lost
Add #bar {color: green;}
Highlight #bar {color: green;}
Hit ctrl-c to copy
hit ctrl-v to paste clipboard anywhere BUT inside of <style></style>
Pasting outside of <style> should still work.
Now hit ctrl-v and paste clipboard inside of <style></style>
shoudl receive Error message: Object reference not set to an instance of an object
Undo (ctrl-Z) should no longer work at this point
NOTES:
Copying from outside of visual studio and pasting inside the <style> tag in _Layout.cshtml should nto produce an error
Last thing, it does not matter if I am using the @ symbol in valid CSS (background: @url(...)) or invalid CSS (color: @red)
Trying to escape the @ symbol (background: @@url(...)) mnakes no difference.
Info:
Microsoft Visual Studio Ultimate 2013 version 12.0.21005.1 REL
.NET Framework version 4.5.51650
Windows 8.1 Enterprise v6.3.9600 Build 9600
Nuget Packages installed - only what is installed by default when creating new MVC ASP.NET Web Application

Hi jonathanthomas,
Since this issue is related to the web development,
you could ask this question in the ASP.NET forum:
http://forums.asp.net. If then, you could get
an answer more quickly and professional. Thanks for your cooperation.
Best Regards,
Jack
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Why do I have two of the same CSS style sheets on my page?

I created my index page using a 3 column layout, and I brought in one of the sample css style sheets. Now I have 3 css style sheets for my page:
1) thrcolfxdhdr.css
2) samplegreenyellow.css (I changed the name of the sample)
3) level3_3.css
The last two have all the same .header .footer, etc.
When I make a change in #2 it doesn not change anything on the page.
When I make a change in #3, it does make a change.
Do I need both. Right now I am making every change twice! Can I delete one? If so, which one?
Thanks.

To see if you can do without one of the stylesheets, go to the head of your document (not the stylesheet) in Code View.
Find one of the link statements (<link href=...etc.) and 'comment it out'. If your page functions without it, you can safely remove the link from your page. If you lose some styles but not all, you will need to spend a little more time with it.
If your two stylesheets are actually identical, you can remove one with no harm done. Also remove the link and delete the stylesheet itself.
If there are slight differences (you can find them by viewing them both in Code View, Tile Vertically in the Window menu), add the differences to one of the stylesheets and then delete the other.
You might be able to compare the two stylesheets quickly in the CSS Styles Panel (but not with either link commented out) while your html page is open, but you won't see details side-by-side there.
To answer your question (in passing!), the reason you did not see changes in your page when you changed Stylesheet #2 is because Stylesheet #3...called after Stylesheet #2...cancelled out all the changes you had made in Stylesheet #2. Then when you made changes in #3, they were NOT cancelled out by #2 because #3 came AFTER #2 in being called. Precedence is what the Cascade is all about.
Beth
Message was edited by: Zabeth69

Very strange problem! Disappearing Css Style Sheets plus 404's

I am creating a fairly simple form and am new to php mysql and jquery. However, I am moderately skilled in css and html.
I am on a mac with Snow Leopard using dreamweaver CS5. The problem started this morning when I uploaded a preliminary version of my html form page and a php script page.
Having previewed it with no problems on my local system, I thought my main challenge would arise from stumbling my way through ironing out the scripting. I still have that to look forward to.
The first anomaly that occurred was that I kept getting 404 errors. After hours of tinkering around and uploading many trimmed down modified variations of the html file, I finally got past the 404 error page.
However, it only would appear without my css styles. The file was originally linked to a previous css style sheet and is linked to a new one on local system.
After doing some firebugging, I discovered that my newly uploaded (20 times) html file was still linked to the previous phantom, css style sheet on the server as well as a previous php file that I had linked to in development stages.Both of which are not on the server. So I uploaded the whole bunch of them again and got the same result. Nothing changed. All the css styles are still there but not.
I know what you're thinking, it's impossible.
The only explanation I can come up with is that my linux apache server is putting my files in a nonexistent temp folder. And for some reason the my site.css file is not being overwritten or removed at all.
I then uploaded new versions of the html file with different names, thinking on an off chance that the file name 'contactform' might have something to do with the problem.
You know what happened the newly named files triggered a 404 once again.
It doesn't make since to me! I am totally stumped!
My site is http://www.zoeinjewels.com and the page in question is http://www.zoeinjewels.com/contactform.html
I am really behind schedule so your help would be most appreciated.
Thanks

Your CSS file as wel as both of your JS files are corrupt.
Re-upload these three files and your problem is solved.
To give you an idea of what your online CSS file looks like
http://www.zoeinjewels.com/contactform.html
http://www.zoeinjewels.com/_ccs/contact3.css
<!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=UTF-8" />
<title>404.shtml</title>
<link href="_ccs/errorpage.css" rel="stylesheet" type="text/css" />
</head>
<div id="wrapper">
<div id="header">
<h1><span></span>File Not Found<a name="top" id="top"></a></h1>
</div>
<div id="blback">
<ul id="nav">
<li><a href="#" class="Home">Home</a>
<ul>
<li><a href="index.html">Home</a></li>
</ul>
</li>
<li><a href="#">Welcome Lounge</a>
<ul>
<li><a href="welcome/index.htm" title="Entry Lounge">Entry Lounge</a></li>
<li><a href="aboutzoein/index.html" title="About Zoein">About Zoein</a></li>
<li><a href="aboutzoein/shunyata/aboutshunyata.html" title="About Shunyata">About Shunyata</a></li>
<li><a href="aboutzoein/media-book/index.html" title="In The Press">In The Press</a></li>
<li><a href="aboutzoein/media-book/peoplespeak.html" title="People Speak">People Speak</a></li>
</ul>
</li>
<li><a href="#" class="JewelGallery">Jewel Gallery</a>
<ul>
<li><a href="jewelgallery/p27.htm" title="Z Garlands">Garlands</a></li>
<li><a href="jewelgallery/p51.htm" title="Z Rings">22k Rings</a></li>
<li><a href="jewelgallery/p01.htm" title="Z Bracelets">Bracelets</a></li>
<li><a href="jewelgallery/p79.htm" title="Z Pendants">Pendants</a></li>
<li><a href="jewelgallery/p79.htm" title="Z Brooches">Brooches</a></li>
<li><a href="jewelgallery/p09.htm" title="Z Earrings">Earrings</a></li>
</ul>
</li>
<li><a href="#" class="ContactCenter">Contact Center</a>
<ul>
<li><a href="contact.html">Bali Studio</a></li>
</ul>
</li>
</ul>
<div id="content_r">
     <h6><span></span>
     <div id="title">Sorry, the file you were looking for could not be found. It may have moved to a new location. Please use the navigation menu above to help you locate the file.</div>
    </h6>
      <div id= "topimage"></div>
   <div id="notfound"></div>
    <div id="text">
<p>"Sacred Geometry is the foundation of their jewelry designs and symbols are drawn from all the different traditions the world has to offer. Each precious piece endeavors to express three symbolic levels-the common, the educated and the spiritual-with careful selection of each stone to reflect meaning and value... The design and creative process is not a brief one. Each conscientious step reflects a careful and significant thought process. According to Shunyata "Every moment isinspired by the wealth, rhythm and miraculous spectrum of creation."</p>
</div>
</div>
</div>
</body>
</html>
I hope this helps.
Ben

Problem with Css styles not showing in live view or when i browse

I am using Mac osx 10.6 and building website with Dreamweaver CS5. Sometimes div tags i create not showing styles or rendering in live view or when I browse but showing in design view. I looked in dreamwever faq and they talk about not showing in design view to toggle the display styles. That is not the problem becuase it is check marked and I tried turning off and turning on and made no difference.I am using firefox browser.
It happened before the other day too. But all of my other pages in this site that i have created the same way building with div tags and css styles. So not sure what the problem is. Maybe someone has a suggestion here.
Johanna

<!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=UTF-8" />
<title>Portfolio</title>
<style type="text/css"></style>
<link href="css/jbstyles.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
</head>
<body>
<div id="wrapper">
<div id="mainnav">
    <div id="navbar">
      <ul>
        <li><a href="index.html"><br />
        </a></li>
<li>
          <ul>
            <li><a href="index.html">          Home</a><a href="about.html">About</a></li>
            <li><a href="portfolio.html">Portfolio</a><a href="contact.html">Contact</a></li>
          </ul>
        </li>
      </ul>
</div>
    <div id="contentinside">
      <div id="navbar2">
        <ul>
          <li><a href="design.html">Design</a></li>
          <li><a href="multimedia.html">Multimedia</a></li>
          <li><a href="webdesign.html">Web Design</a></li>
        </ul>
      </div>
      <div id="mm1thumb">Content for id "mm1thumb" Goes Here</div>
      <div id="mm2thumb">Content for id "mm2thumb" Goes Here</div>
    </div>
    <img src="images/multimsidebar.gif" width="212" height="615" alt="mmsdbr" longdesc="http://multimsidebar" />
<div id="footer">
    <p> </p>
    <p>Johanna Bresnahan</p>
    <p>Web & Graphic Design - http://www.johannabresnahan.com</p>
    <p> email: [email protected] ....phone....857•991•5717<br />
</p>
</div>
</div>
</div>
</body>
</html>
Here is the html code above. not sure how to attach my file so get a visual. This is the first time I have used this forum.
Johanna

Can't figure out how to rename css style in mx

Hello,
I can't figure out how to rename css style in mx. I have the
style selected in the proprety inspector. Is there supposed to be a
rename option at the bottom of the same dropdown box? There is
option to edit style and a few others in same dropdown box... but
no rename option. Please be specific... I have looked it up on the
internet... but still cant find the option.
Thanks,
PoJ

Do a Find and Replace to find name1 and replace with name2.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"computerpain" <[email protected]> wrote in
message
news:ed43p3$m9h$[email protected]..
> Hello,
> I can't figure out how to rename css style in mx. I have
the style
> selected
> in the proprety inspector. Is there supposed to be a
rename option at the
> bottom of the same dropdown box? There is option to edit
style and a few
> others in same dropdown box... but no rename option.
Please be
> specific... I
> have looked it up on the internet... but still cant find
the option.
>
> Thanks,
> PoJ
>

CSS Style Question

Similar Messages

Maybe you are looking for