Banner image disappears when I move css to external style sheet

If I have the following code in the head of the document, the banner image is displayed:
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascript/copyNote.js"></script>
<style type="text/css">

</style>
But if I move the above code to the linked external style sheet (css/styles.css) everything shows up except the banner image.
Anyone know what I'm doing wrong?

BcSurvivor08 wrote:
the image path shouldn't change since the image is still in the image folder, right?
Yes, but the path to the image in the CSS must be relative to the location of the external CSS file.
In other words, the following rule in the home page
#banner
margin: 0 auto;
width: 980px;
height: 198px;
background-image:url(images/banner.gif);
would be written in the external CSS file as
#banner
margin: 0 auto;
width: 980px;
height: 198px;
background-image:url(../images/banner.gif);
because the CSS file is inside the css folder (one level down from the root folder).
../ says "From the "css" folder, go up a folder level then look for banner.gif inside the "images" folder..

Similar Messages

Why does added text disappear when I move the cursor

After adding text to an unprotected .pdf file the text disappears when I move the cursor and want to add a second box of text. The text in the first box reappears when I double click on the space where the box was. How do I set the text so that it remains visible and printable?

Hi,
I think the data in the PDF file was filled-in using MAC preview.
One option is to ask the user to fill the file again using Adobe Reader or Acrobat.
Or else refer to following link:
http://acrobatusers.com/actions-exchange/pdf2fdf_auto-save
Regards,
Anoop

ITunes entry disappears when I move the cursor - up to 3 times

A small but nevertheless annoying problem - very often an entry typed into iTunes e.g. Album or Genre will disappear when I move the cursor. This will happen up to three times in a row. Then the iTunes software accepts the change. Anyone else having this experience? Thanks, Adrian OS 10.7.5 ITunes 11.0.1

Hello mine also same problem.
It is irritating a lot form past few days.
I uninstalled and reinstalled the adobe reader but no use.
I am using Windows 7 and adobe version 11.0.09
Kindly help in this regard.

Album images disappear when I transfer music to my iphone

Hello
Album images disappear when I transfer music to my iphone. I have my music lying in Apple Lossles format and transfer my music to my iPhone after iTunes har convert the music to AAC format. How do I get ITunes to transfer my music with album images?

I am so frustrated with my new iPhone 5 that I want to throw it against the wall. I did the turn in your iPhone 4 for an iPhone 5. They said to go to itunes and add your music. Well, I have been trying to do this for the last two days. I tried to call support but I have to pay an additional $49.99 to actually talk to someone. I need some one that can actually walk me through the steps. I read that you have to reset to factory and then go to itunes to get the thing to work. My question is - will I lose all my pics too? So what are the steps to reset to factory and then what do I do next (on iTunes). Please help if you know the answer. If I can't get my music, I plan to go back and turn in this phone and buy a different non-Apple phone!

In Premiere Pro CC 2014, the image disappears when I apply a mask of an effect. Why?

In Premiere Pro CC 2014, the image disappears when I apply a mask of an effect. Why?

Nevermind...
Fixe:
projects setting > switch Renderer.
Thanks

Image disappears when using transform function

In Photoshop CS6, all of a sudden my image disappears when I try to transform a selection. Why is this happening? It didn't happen before, so maybe I accidently changed some setting, but I have no idea what it could be.

Determine what make and model GPU you have, then go to the GPU maker's website and download the latest driver and follow their instructions to install it.

Acrobat Pro Ver 9 for Win 7 the menu bar (File, Edit, View, Document etc) Disappears when I move the Window

Lately in Acrobat Pro Ver 9 for Win 7 the menu bar (File, Edit, View, Document etc) disappears when I move the window . . only happens when I have a pdf file open . . everything worked fine until a few days ago . . F9 fixes the problem until I move the window again . . I realize my version is old so I tried tried downloading XI reader and having the same issue . . any help would be appreciated

Hi Ernestprinter,
Check if you have multiple Java versions installed on your computer.
Try clean boot http://support.microsoft.com/kb/929135
Also i would suggest uninstall security software and install it back.
Currently you may use F9 key to restore Menu bar.
Regards,
Ajlan Huda.

Why does a grouped image disappear when I ungroup it?

Why does a grouped image disappear when I ungroup it?

There are bugs hanging around for version after version after version. Hopefully it gets fixed but nobody knows when or if a bug will get fixed until it is.

Export css rules to an external style sheet

Hi
For some reason, when i try and right click on my selected styles to move them into a new external style sheet the option to move css rules isn't in bold so i can't perform the task. Its the same when i try and select move css rules from the format tab in my toolbar. Has anyone come across this before or know another way around it. I also seem to get different options appear on my right click depending on what view I am in, is this normal?
Thanks
Ellen

Why don't you manually move your embedded CSS code into a new CSS file (in code view)?
Then link your HTML pages to your external style sheet.
Dreamweaver, Linking HTML to External Style Sheets
Nancy O.

Can you add an image to an External Style Sheet?

Can you add an image to an External Style Sheet? If so how?
I have not been able to find examples of this?
         Help
                    Obvious Newbie

To populate all pages in a site with a common banner image or menu, read DW help about Templates, Library Items or Server-Side-Includes.
As Nadia said, you can style a #header division with CSS to use a background image.
EXAMPLE here:
http://alt-web.com/DEMOS/Liquid-header.shtml
CSS code:
#header {
     padding:0 10px 0 10px;
     line-height:0;
     color:white;
     font-weight:bold;
     background: #000000 url(../Images/Alt-Web-lensflair.jpg) no-repeat top left;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Tutorials - http://w3schools.com/

RH 11 v11.0.2.240: Cleaning up an External Style Sheet (CSS)

Hello,
I am in the process of trying to clean up a CSS for an "old" RoboHelp project. I believe the CSS contains many unused styles that were probably "trial & error" styles, but were never deleted when they failed to produce the correct format. I know it doesn't do any harm to leave them in the CSS, but I really don't want them around!
I did not see a report in RoboHelp that would provide this information, but before doing a search for each individual style using a program like Agent Ransack, I wanted to see if anyone in the Community had any clever ideas as to how to accomplish this task.
Thanks for your input/suggestions!

I can't say I've had this issue. But then again, I never use the CSS property inspector to create an external style sheet. I just hit File > New > CSS. I add my CSS rules and Save it to the local site folder.
Link style sheet to HTML pages.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Css layout or style sheet not showing table layout

When I was working on my website I noticed that my tables don't show up in the browser of my site, they do however, show up in the dreamweaver design so I am wondering if when I was making changes somehow to the site if something in the css layout or style sheet got deleted. Could someone please take a look at it and please tell me what needs to be fixed, I am not at all familiar with css so I need all the help I can get on this here is the link. Thank you! http://angelcoilbartlett.com/index.html

In your HTML document in Code View, remove the following embedded CSS code. This is competing with external style sheet code and causing your site havoc. In the future, don't create any more new styles. You don't need them. Stick with the established styles set up by the original designer and you will have way fewer problems.
DELETE ALL OF THIS NONSENSE:
<style type="text/CSS>

</style>
If you want to continue working with web pages, you owe it to yourself and your employer to learn basic HTML and CSS so you can get yourself out of jam when things go wrong.
Start learning here: HTML & CSS Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Dreamweaver CC understanding external style sheets when using Fluid layouts?

I'm attempting to build a website using the Dreamweaver CC Fluid layout feature. I've been using this tutorial:
http://www.adobe.com/inspire/2012/08/fluid-grid-layouts-dreamweaver-cs6.html
The bit i'm stuck at is when it comes to attaching a external style sheet to format the text and content. So to be clear, i've already created my fluid layout and created a 'layout.css' file when promted, then using some html 5 class div tags (header, navigation and article) i've built my layout. All doing what I want up to this point.
Now I need to start adding content and from what I understand its much better practice to set up another external style sheet for the text formatting and styling.
I used the CSS Designer to 'create a new CSS file', called it 'typography.css' and I can see its linked to the main Source Code file.
I understand that theory but here is where its confusing for me:
After creating and linking the new CSS file what do I do next? Do I have to hand code in various text formatting ids or is there a more visual way of doing it? Or do I select my text content in the source code page and then press the '+' button in the 'Selectors' panel to start adding ids that way? And should the class or id names in the new CSS file be the same as in the layout CSS file or different?
I guess I dont really understand excatly how external style sheets should be created and implemented, all the youtube vids i've watched so far are done with hand coding but i'd like to use the Properties panel to do it in a more visual way if possible.
Any tips or help greatly appreciated, some basic learning needed. Thanks.

Giving a detailed explanation of how to best use CSS goes beyond the scope of what this forum can do. There are volumes of books, blogs and tech sites devoted to this topic.
A Must Read -- How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
In a nutshell, make the most of your logical HTML tags. They not only add semantic structure to your content, they serve as hooks for your CSS styles. Don't class or ID something unless you absolutely need it. The goal here is to keep your HTML streamlined.
/**effects all h2 tags in your site**/
h2 {font-size: 125%}
/**only effects h2 tags inside headers**/
header h2 {color:orange}
/**effects all p tags**/
p {font-size: 100%}
/**only effects p tags inside articles**/
article p {color:#333}
Nancy O.

Is it possible to change the color of a layer of a Customs CSS from an External Style sheet?

Hi,
I have sucessfully link External .css file to my HTML page and able to change the font size of the headlines and the paragraph.
What I am not able to do is to ADD the color my Custom CSS from the External sheet. I have difined the color attribute as a 'Advance'
and gave it the same name "#bigwraper" that is has in my HTML file.
Attached is the color outline of my 'Blank Layout' with colors?
Thank you.
Dreamer101.1

Hi Murray,
I am building a web site on which the entire content would be changed at least daily. The website would have similar design to www.Helium.com
The page will have CCS layout boxes in which different content would be pasted.
To re-phrase my question: I want to know how to change the color of a layer from an external style sheet?
Because my home page 'Sidebar' and colors would be the same for all page, only the content of different pages would be different. If I want to change a color of my web side pages, I need to learn how to do it in one spot through an External Style Sheet.
I am amble to link my external style sheet and to change H1 tag and to give it different colors. But I was not sucess with change the color of a layer on which my content sits around.
I took out the color from my HTML page and gave the same name to the layer in my External Style Sheet with the same color.
Hope my question and the reason I was able to clarify.
cheers,
Dreamer101.1

Why does an image in Preview disappear when I move the window from my laptop screen to my external monitor?

I have an external 23" Cinema display connected to my MacBook Pro. When I open a file in Preview, moving it from either screen that it was originally on (laptop>LCD or LCD>laptop), the image disappears or "blanks". Only zooming in on the image will re-display it. Any ideas?

Still investigating this problem.

Banner image disappears when I move css to external style sheet

Similar Messages

Maybe you are looking for