CSS not showing
I am really new at dreamweaver and I have a few problems one of them being: why do my css show in design mode but not once i do a preview in a browser??
Any help will be grrreatly appreciated
I am getting a similar problem with SOME sites. I have found that it can be cured by setting up a new user account and then opening the same site when logged on as that user.
My problem is that I WANT TO KEEP MY OWN USER ACCOUNT.
I have tried deleting preferences, re-installing, copying folders from my iBook's safari / libraries etc, but nothing else seems to fix the problem.
I am sure although the effect is seen in safari it must be something else that controls how safari displays CSS.
Are there any other things I can try deleting in say the library folder before I give up and start a whole new user on my mac?
help please ! i am wasting so much time on this!
Thanks!
Similar Messages
-
Why are my css not showing up on my website???
I am new to Dreamweaver cs6 and using it for a school research project. I have made some css and know how to make them but for some reason they are not showing up when I load my website online. Please help!! Also I am not sure how to create links in my pages to connect to other pages on my site.
http://www-personal.umich.edu/~borowjil/researchproject.htmlWell it had to get put on the server somehow otherwise your URL would not have worked. How did you save/move the file so that it would be visible to us? Do that for the CSS. If you need to set this up, first ask your teacher because they should be able to help you put the files to the server. This requires login credentials which no one here would have. You can reference David's tutorial for where to go to set this up:
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html -
CSS not showing fully in DW CS3
I recently installed DW CS3 on XP and realized that some of
my <div> tags with CSS backgrounds are not displaying in
design view, however, are doing fine in DW 8. Has anyone
experienced anything similar? I certainly want to use DW CS3 for
the updated CSS management panel however am having second thoughts
if this is a bug.Show us. No doubt, CS3's rendering is more accurate than
DW8's, meaning
that you have a div collapse because you are not clearing a
float, or
something.
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
==================
"master_fard" <[email protected]> wrote in
message
news:f07rbv$1t9$[email protected]..
>I recently installed DW CS3 on XP and realized that some
of my <div> tags
>with
> CSS backgrounds are not displaying in design view,
however, are doing fine
> in
> DW 8. Has anyone experienced anything similar? I
certainly want to use DW
> CS3
> for the updated CSS management panel however am having
second thoughts if
> this
> is a bug.
> -
I am having trouble with my CSS code. I had to break it down
to the most simples form. I have created my page using internal CSS
which was working when I tested my page in my browser(s). When I
exported my CSS code to an external page. This is were it breaks
when it goes to a external page. Here is sample of my code very
basic:
Note: Just wondering if I need to set-up something my my OS,
My OS is MS 64x XP pro, hope someone could help me.
<!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>Untitled Document</title>
<link href="/css/styles.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div>
<div>Content for New Div Tag GSSoes Here</div>
</div>
</body>
</html>
CSS Code:
@charset "utf-8";
body {
background-image: url(../images/bgcontent2.jpg);
background-repeat: repeat-x;
background-color: #601800;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CC9900;
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF0000;
a:link {
text-decoration: none;
a:visited {
text-decoration: none;
color: #FF0000;
a:hover {
text-decoration: underline;
color: #0066FF;
a:active {
text-decoration: none;
color: #FF0000;
h1 {
font-size: 16px;
color: #0066FF;
h2 {
font-size: 18px;
color: #0099FF;Seem to got it to work. Change CSS folder to asset export my
css internal code to a new external sheet and everything seems to
work. Strange. -
Project Structure Images from css not showing in subfolders....
Hi, I'm a newbe to JSF but really want to learn how to use it as Im currently doing a college project with Hibernate, and the JSF managed beans seems ideal for projects like this, anyways here's my prob...
Im using Netbeans 6.8 for a web-project with the normal folder structure, so in the Web Pages folder, i've an
index.xhtml intro page
css folder
js folder
images folder
pages folder for rest of pages
and obviously to access the css in the index page i'd include:
<link href=css/style.css rel=stylesheet type=text/css />and then to access and add images to the index pages from the css, i the style.css file I have e.g.,
body{
font-family:sans-serif, Ariel;
font-size:12px;
background: url(../images/bg.png) top left repeat-x;
} and so on for all the js and ajax stuff which all works fine.
However in the pages subfolder say I've a page called solar.xhtml well then while it is possible for to access the css's by using ../ as in
<link href=../css/style.css rel=stylesheet type=text/css />which adds the colour scheme and font types etc.so it's 100% getting this, however the images from the images folder are not being displayed, which I really can't understand as if I change the page to solar.jsp then it works fine also all the files inthe js folder are being accessed from the subfolder with ../ just not the images.
Would really appreciate any help or advice you could give me....
Many Regards
Pat NevinHi - I've found the solution, so thanks anyway for anyway who was gona help!
-
Date picker css not showing in web form
Hi there, I have a web form and added the date picker.
When you try this within BC admin it displays very nicely, yet when Ive inserted the webform in the html page,
the css styling for the date picker is not included.
Can anyone help me here so that I can add the css to style the calendar to look a bit prettier!
The source code of the datepicker:
<label for="CAT_Custom_95263">Date of last vaccination</label>
<br /><input type="text" name="CAT_Custom_95263" id="CAT_Custom_95263" class="cat_textbox" readonly="readonly" style="background-color:#F0F0F0;" onfocus="displayDatePicker('CAT_Custom_95263');return false;" />Hello VickiTuch,
The date picker, once loaded, will get a bunch of inline styles applied to it from BC. This can override your CSS if you are not specific enough. If you give your declarations an important:
#datepicker{
background-color: #333 !important;
Should override their inline styles.
Hope this helps,
Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7 -
PHP Template CSS not showing up in html site
I'm making a website for a school assignment, but after making my template, and attempting to make a site out of it, the CSS for my drop down menu didn't apply.
I can see that it's there (Saying DDMenu.css in the css bar) but it's just one line, with no possible extentions or anything beneath.
< template < "index" site
any tips?1. Have you defined a site in DW?
2. Are you working within this defined site?
3. Is the link in the template to the CSS file correct FROM THE TEMPLATE FILE?
4. Why are you using APdivs (the worst possible way to build a page)?
The image you are showing for the index site means that the link to the CSS file in that page is incorrect (i.e., the link is there but the path is wrong). -
I have just started using CS4 on a Mac, when I view my page
in a browser using F12, it works OK but displays the page withoiut
the CSS?
Is there some way that I can set this Mac up so that the page
when viewed in a browser gets displayed with the acomoanying
CSS?PREFERENCES | Preview in Browser > Enable temp files
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
==================
"Pakman36" <[email protected]> wrote in
message
news:ggot4r$d39$[email protected]..
>I have just started using CS4 on a Mac, when I view my
page in a browser
>using
> F12, it works OK but displays the page withoiut the CSS?
>
> Is there some way that I can set this Mac up so that the
page when viewed
> in a
> browser gets displayed with the acomoanying CSS?
> -
I don't have a public version as I'm just staring development.
For an example I have completed the walk-thru at [http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc/updating-related-data-with-the-entity-framework-in-an-asp-net-mvc-application]. Then I tried changing minor items in site.css (such as font size) and the changes did not show up on FireFox, but do show up on Chrome and Internet Explorer.
Example of change below: I changed the background from #e8eef4 to #ff0000. The table header background shows up in red for chrome & IE, but stay in light blue for FireFox.
<code>
table th {
padding: 6px 5px;
text-align: right;
background-color: #ff0000;
border: solid 1px #e8eef4;
</code>You can also reload web page(s) and bypass the cache.
*Press and hold Shift and left-click the Reload button.
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Cmd + Shift + R" (MAC) -
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>
<!--end wrapper--></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 -
I would really appreciate any and all help I can get to solve these problems as I'm new to CSS/HTML (completely new) and have been attempting to code my design just well enough to get it uploaded and working as a site. Once I can atleast achieve this feat, I plan on completely converting to CSS. But for now, I need to get the site working and I really didn't want to come and bother all of you on here with my problems and have been procrastinating posting on here for absolutely ages now....but since I can't figure all of the messy-uppy ness going on on my own, I beg forgiveness for any of your time wasted on my problems .
Okay, so the "main" issue here is that I can see some(some, not all) CSS on DW, but I see NONE whatsoever when I go to preview in browser, same after uploading. I do have all of the files uploaded and placed in the correct directories, including the stylesheet, and images folder. But, nope, nada. Now, I did think this was a root/directory problem, maybe the url's weren't pointing to the right directories. I checked and attempted to fix this several times and any changes made no difference. Also, uploaded to the root of my site, where all files and folders are where they should be, yet no change. I am utterly clueless as to what is going on here....
Second: Padding, or margins added through CSS for the divs is simply not working in DW or otherwise. I have padding placed on all of the content type areas with writing/content in them and despite the fact that the changes to the font/text formatting I've made show up, the padding does not. This is only in DW since no CSS whatsoever is showing out of DW anyways. I would like to know how to get the padding and the formatting, just all of the CSS in general to actually show up in browser/when uploaded.
Third: The next issue is also confusing, and this only occured after I made the page into a template and uploaded the home.htm page I created from it to my site. For some reason, the image called "../images/aurora2_14_content_marg.gif". Is appearing at the very top of the page for no reason at all. I don't understand why it is there, or how it even got up there in the first place.
Fourth: This was actually next on my list of things to figure out once I've gotten all of the above issues taken care of but since I'm still drawing a blank after 2+ weeks on how to get this done in a way that will work I guess it couldn't hurt to ask on here and get some expertise on the matter. The issue is that I have a repeating background (images/bg.png) that I want stretching downwards as I add content to the page. I have this placed as the main background for the entire site as you will be able to see in a moment through my code/site. Now, the place I want this to start is from where the aforementioned image (../images/aurora2_14_content_marg.gif) stops. However, I want the content to actually start from 20 pixels or so from the top of that very image. I want to try and achieve this through the use of margins but since the margins and padding are not showing up I hve been unable to experiment with it enough to figure out any other way to achieve this. Any suggestions on how to achieve this would be much appreciated.
Fifth (yes, unfortunately we're still going): As you may be able to see through the design I have two seperate areas for the main content and the navigation and other such items to be placed. To clarify, the content will be placed(through the use of expandable content boxes, once I figure out how to work that) beginning at the aforementioned image/td/div (../images/aurora2_14_content_marg.gif) with a bit of padding or margin from the top and sides (too pull the content towardsthe center of the site rather than all over from left to right like it is appearing now). The navigation etc will be placed where the long cyan area is under the search bar. For both of these, I cannot figure out how to split my one background image and also the content_marg.gif image into the two divs/or whatever else would work to split their contents from eachother. I think that seperating them into 2 divs with padding from the sides and eachother and seperate top paddings (I want the navigation to begin more near the top of the page than the content). The issue here is, I cannot figure out how to do this.
Any and all suggestions would be greatly appreciated. Also, any tips on how to achieve the code for the solutions provided would also be very much appreciated, as I am only just starting out coding.
The site/page:
http://aurora.comeze.com/home.htm
The stylesheet (style.css):
http://aurora.comeze.com/style.css
Like I mentioned above, all of this except the padding shows up in DW. Whereas, none of this shows up at all in browser view, or through the site.Summary of issues #1 through #5:
Code errors galore:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Faurora.comeze.com%2Fhome.htm
Photoshop generated HTML.
20th century table based layout with endless spacer gifs.
START OVER
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
=========================
DW Starter Pages (CSS Layouts)
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
=========================
Taking a Fireworks (or Photoshop) comp to a CSS Layout in DW
Part 1 - Initial Design
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Part 2 - Markup preparation
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
Part 3 - Layout and CSS
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
========================
HTML & CSS Tutorials - http://w3schools.com/
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
========================
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Best of luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/ -
Bkacground/CSS images not showing
Since earlier this month I have been having problems with DW.
I'm sure it's something I did since I'm sort of new to this but
here it goes. I'm using DW MX by the way.
I run a small diecast site and DW has always been my editing
program and its worked fine until now. My site uses CSS and usually
DW would load all the necessary image files like the menus,
background images and icons, etc. My actual diecast photos and a
few of the menu buttons are hosted at Imageshack and most of them
display correctly in DW, but everything thats on the server hosted
by Byethost doesn't show. It also doesn't correctly display the
layout of the CSS I chose, but rather it looks like a plain
unorganized page. I thought the problem might have been that DW
doesn't actually display the images from the server, but rather
from the local disk instead. The local folder these files were in
might have been moved to somewhere else on th disk? I have tried
everything I could think of but nothing has worked. Any help is
very much appreciated!
Justin> DW won't display any content that is not available
locally.
Sure will - it handles images, css, js, and applets with
external links.
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
==================
"Nick Barling" <[email protected]> wrote in
message
news:[email protected]...
> This sounds like a file/folder management problem. DW
won't display any
> content that is not available locally. To see content
that is only
> available
> at the server you need to view your page from within a
browser.
>
> If you have content stored locally and it is not visible
then you need to
> check the file path to each piece of content that is not
showing. Check
> that
> you are using document - relative links and not root
relative links.
> Check the
> location and content of your local folders; they should
not have moved on
> your
> local disk unless you moved them. As it is unlikely that
you moved the
> file
> locations without knowing it I suspect the problem is
one of relative
> paths.
>
> Look at your local file structure in the DW site local
view and then check
> your remote view file structure, you may find the
problem there.
>
> The CSS style sheet, which I assume is an external style
sheet attached
> the
> your html page will only be visible locally if you have
linked it
> correctly to
> the html page it is styling. View the page locally and
check that the CSS
> style sheet is linked/referenced corectly in the file
structure. If your
> page
> shows CSS styling when viewed locally but does not show
remotely, ie when
> viewed in a browser via the url address with the page
served from the
> server,
> then check that you have uploaded the CSS style sheet to
the correct
> location.
> -
WCM_PLACEHOLDER Service does not show css and images
Hi,
I am trying to use WCM_PLACEHOLDER service to display contents created with Site Studio.
But the format of the page is different from the original. Data file is ok but there is no image or CSS.
Any help will be really appreciated..
Thanks,
AliHi,
I can able to render the placeholder inside an ADF application but when I am going to edit mode (CTR+SHIFT+F5) it asking for login/password and after that it is not showing anything, just an error. My code is as below.
++++++++++
OracleJSP error: java.io.FileNotFoundException:
Set the init-param debug_mode to "true" to see the complete exception message.
++++++++++
code:
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:wcm="http://www.oracle.com/jsp/wcm"
xmlns:custh="http://xmlns.oracle.com/adf/faces/customizable/html"
xmlns:cust="http://xmlns.oracle.com/adf/faces/customizable">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<af:document id="d1">
<af:form id="f1">
<af:panelStretchLayout id="psl1">
<f:facet name="center">
<!-- id="af_one_column_stretched" -->
<af:panelGroupLayout layout="scroll"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
id="pgl1">
<af:outputText value="Testing wcm:placeholder" id="ot1"/>
*<cust:panelCustomizable id="pc1">*
*<jsp:include page="/SS.jspx"/>*
*</cust:panelCustomizable>*
</af:panelGroupLayout>
</f:facet>
</af:panelStretchLayout>
</af:form>
</af:document>
</f:view>
</jsp:root>
------------- -
Css-file on Romote Site does not show changes
hello
I use Dreamweaver CS4 on Win7 64bit system.
I have a new website in construction and today the developer made changes to the Style.css file. Made the changes on an other computer and not in Dreamweaver.
Now, when I open the Style.css file from the Remote Site, it does not show the changes that were made. However when I delete the Style.css file in my Local Files directory and copy the Style.css file from the Remote Site to the Local Files and open it from the Local Files in Dreamweaver, it shows the new file with the changes that were made. But the Remote file keeps showing the old data.
I took several steps to try to eliminate this problem. Closing Dreamweaver and deleting the Configuration folders in Users>[NameUser]>AppData>Roaming>Adobe>Dreamweaver CS4> Both in en_US and nl_NL, although the latter did not contain any files.
This did not work. Deleted the Style.css file on my Remote Site and uploaded it again from my Local Files. Nope. Still shows rthe css-file with the old data.
Anybody any idea where Dreamweaver gets these old data from and how to make it work differently?
greetings, Lex van de OudeweeteringHello Ken
I did not say my page is troubled. The trouble is that the style.css file opened from the Remote Site in Dreamweaver shows the wrong data, but in effect has the right data, because when copied to the Local Files and opened from there it shows the right data.
The link to the page/site in construction is http://www.lex-illustrator.nl/lexillus
And I have made screenshots of the opend css files and assembled them beside each other.
On the left opened from the Local Files and on the right side the same css file opened from the Remote site.
The orange dots indicate where they differ, the green ones the items that were changed today. So it's not a problem of only today.
http://www.lex-illustrator.nl/2xcss.gif
And I have to say I had issues before with updating files to the Remote server and how Dreamweaver shows them. Much of the times I have to delete the Remote file first to get it dispayed right if I check if it has worked by trying to open it from the Remote server.
So it's not only limited to this site under construction. It looks like a Dreamweaver thing to me.
Greetings, Lex -
CSS Slideshow does not show in Google Chrome
Sorry if this has been asked before.
I have created a css slide show using dreamweaver cc 2014 and I can see it previewed in Internet Explorer but not Google Chrome. Do you see any issues in the code or can you offer some advice?
This is tucked into a table cell on my home page.
HTML
CSSHere are a couple nice reference pages regarding that...
CSS3 @keyframes Rule
CSS3 animation Property
Maybe you are looking for
-
CUCM 8.6.2 maximum rings
Hi all. We currently have an alarm system at one of our sites that is triggered by calling an analog port that the alarm is plugged into, and then the alarm rings only as long as the call is ringing. Since there is a maximum ringing time on the syste
-
Is it possible to upgrade from an Academic version of Logic 7.1?
I just purchased a new mac 8-core, went on installing Logic studio upgrade, but when it asks for the xskey it says 'this xskey is not elegible, please see upgrade requirements'. i've been using that key for many years and I don't understand whuy it's
-
i currently have two alias in use and still have one available, but since long time ago, when i try to create an alias, it always return with the error "this alias is not available". im pretty sure im using correct formate because the one im creati
-
hi experts....... I am using ECC 6.0. i am working on adobe forms in that layout part i have i have mentioned one text field name carrid. field caption i given carrid, value is read only, next coming to binding when i looking for the default binding
-
Please help me with my new g3 beige :D
Hi all, I've taken the dive and decided to have some fun with this old g3 beige I purchased for cheap online. I've got the outrigger desktop style g3, and I'm wondering what the best upgrades to the memory, CPU, hard drive, and graphics can be? Also,