Attached style sheet only shows background

Problem attaching style sheet to a page. It only shows the background color, nothing else. The .css code is there, but the background is all that shows up in design view.

You need to add some HTML content to your page. CSS doesn't DO anything on it's own. It needs HTML tags to grab onto. And you have none to speak of.
Paste this into your HTML document after the </head> tag.
<body>
<div id="container">
<div id="header">
<h1>Header H1</h1>
 </div>
<div id="sidebar1">
<h2>Sidebar 1 H2</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
 </div>
<div id="mainContent">
<h1>Main Content H1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<h2>Main Content H2</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
 </div>
<br class="clearfloat" /> 
<div id="footer">
<p>Footer goes here</p>
 </div>
 </div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Similar Messages

Attach Style Sheet not doing anything in CC

I switched from DW CS6 to CC and found what appears to be a bug:
Start a new HTML document or open an existing one. Click Class and select Attach Style Sheet.. from the Properties tab and nothing happens.
Has anyone else encountered this?

Hi filip0,
Thanks for reporting this issue to us. We are aware of this issue and you can expect this to be fixed in the next DW update.
This happens only when the CSS Designer panel is closed and you happened to relaunch DW and try attaching a stylesheet.
I would suggest you to have CSS Designer panel open and try out this workflow .You can find it at Window>CSS Designer
..Harish

Attached style sheet wont work

Hi, Im on the cs3 in a winxpPro environment.
Start cs3
Create simple page
Link in a style sheet for simplicity I just grabbed one of
dreamweavers
<link href="file:///C|/websites/membership
design/system/application/CSS/Level1_Arial.css" rel="stylesheet"
type="text/css" media="screen" />
When I try an apply a style to an object on the page e.g text
The popup menu does not show any styles to apply. Further , the
menu option is there to 'Attache style sheet'. It's as though it
dos'nt know that there is one already linked in
any help appreciated..
Ed.

> <link href="file:///C|/websites/membership
Looks like you have not defined a site, or have defined it
improperly. Use
DW Help (F1) and search for "site definition"
Walt
"edhrx" <[email protected]> wrote in message
news:frrjb3$8h$[email protected]..
> Hi, Im on the cs3 in a winxpPro environment.
> Start cs3
> Create simple page
> Link in a style sheet for simplicity I just grabbed one
of dreamweavers
>
> <link href="file:///C|/websites/membership
> design/system/application/CSS/Level1_Arial.css"
rel="stylesheet"
> type="text/css" media="screen" />
>
> When I try an apply a style to an object on the page e.g
text The popup
> menu
> does not show any styles to apply. Further , the menu
option is there to
> 'Attache style sheet'. It's as though it dos'nt know
that there is one
> already
> linked in
>
> any help appreciated..
>
> Ed.
>
>
>

Using more than one attached style sheet

I have one document with two attached style sheets. One style
sheet defines how to display links for a navigation panel and the
other style sheet defines how to display links within the body of
the document. How can I indicate which style to use with a
particular link? It seems one style sheet is predominant....
Thanks for your help

Why have two stylesheets? Merge the rules together into a
single sheet. And
read these -
Pseudo-classes and container styles are what you need - here
are some
tutorials.
http://www.mako4css.com
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
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
==================
"tmnj" <[email protected]> wrote in message
news:f035cc$2m9$[email protected]..
>I have one document with two attached style sheets. One
style sheet
>defines
> how to display links for a navigation panel and the
other style sheet
> defines
> how to display links within the body of the document.
How can I indicate
> which
> style to use with a particular link? It seems one style
sheet is
> predominant....
>
> Thanks for your help
>

Multiple style sheets 1 for background and adjustable content and 1 for layout

H guys , I have 1 css that is attacthed to everypage of the site, this is the basic layout of the site , what I want and trying to do , is have another css for "each" page that has a different body back ground and the unique divs to that particular page !
I've attached both css to the page but the only the layout css shows , so there's no bg or unique divs showing , what do I have to do to get both to show on the page ? .. I've tried linking the 2 css togther but only the layout shows , so I'm pretty stuck . many thanks in advance if you can help

Yeah, it can be edited... but only by you!
So CSS in the <head> and CSS in a style sheet can both work... but if you have 10 pages, each with it's own CSS in the <head>... and you have to go in and adjust some stuff... that means you must open 10 pages.. do the edits.. separately... then test each of the 10 pages..... separately..
OR have a master CSS page... do all the edits at once, upload just one edited CSS page and then test the entire site... all at one time.
That's the heart of CSS... Cascading Style Sheets... changes/edits you make will propagate/cascade down over your entire site...
My advice... keep all your CSS in one (easily editable) file.
Best wishes,
Adninjastrator

Losing attached style sheets when updating template

I am creating a new site using Dreamweaver CS3, temporarily uploaded at:
http://www.sharpeacademy.co.uk/nick-jackson.co.uk/sharpeacademy/theatrearts/
All my pages are created from a master template which contains formatting for the header, sidebar and footer.
When subsequent pages were created, I attached new style sheets as and when I added new sections to the main content area.
The problem I am having now is, when I update the template all these style sheets are being detached from the relevent pages and I have to reattach each time. I tried attaching them to the template but it didn't help.

That's what I thought (I say, trying to sound like I know what I'm doing!)
This is the relevant code for my page - in this instance it's a tabbed panel which is losing the formatting:
<!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">


<script src="../javascript/locationTabbedPanel.js" type="text/javascript"></script>
<link href="../css/locationTabbedPanel.css" rel="stylesheet" type="text/css" />

<head>
<link href="../css/sidebarNav_theatrearts.css" rel="stylesheet" type="text/css" />
<script src="../javascript/sidebarEmail.js" type="text/javascript"></script>
<script src="../javascript/sidebarEmail_theatrearts.js" type="text/javascript"></script>
<link href="../css/sharpeacademy_textStyle.css" rel="stylesheet" type="text/css" />
<link href="../css/sidebarEmail_theatrearts.css" rel="stylesheet" type="text/css" />
<script src="../javascript/jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="../javascript/menu-collapsed.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

The style sheet looks like it's there in the code but it doesn't show in my css palette.
If I then re-attach it appears twice in the code:
<!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">
<link href="../css/locationTabbedPanel.css" rel="stylesheet" type="text/css" />


<script src="../javascript/locationTabbedPanel.js" type="text/javascript"></script>
<link href="../css/locationTabbedPanel.css" rel="stylesheet" type="text/css" />

<head>
<link href="../css/sidebarNav_theatrearts.css" rel="stylesheet" type="text/css" />
<script src="../javascript/sidebarEmail.js" type="text/javascript"></script>
<script src="../javascript/sidebarEmail_theatrearts.js" type="text/javascript"></script>
<link href="../css/sharpeacademy_textStyle.css" rel="stylesheet" type="text/css" />
<link href="../css/sidebarEmail_theatrearts.css" rel="stylesheet" type="text/css" />
<script src="../javascript/jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="../javascript/menu-collapsed.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

If I then make any changes to the template, I'm back where I started. I've just about got my head around Dreamweaver but there's a long way to go to understand the coding.

External Monitor Problem-Only shows Background

First off, I am a new mac user and just got a macbook last week. So far the only problem I have occurs when I try to connect it to my PC's Monitor (yes, I have the adaptor). The problem is only the background appears on the Monitor when I plug it in (ya know, the blue wavy thing). Sometimes I get the mouse cursor, but no desktop or dock. The macbook recognizes that there is an external monitor, but it doesn't do anything about it.
Has anyone had this problem before?

It sounds to me like normal behavior when the system is set for "extended desktop". In that mode, the second monitor shows a completely different screen then the internal monitor; no menu bars or Dock will appear (that's all still on the primary monitor). That way you can drag windows, pallettes, etc. to the second monitor and clear the internal monitor for other uses.
If you want both screens to show the same picture, go to the Arrangement tab in the Displays system preference and check the box that says "mirror displays". You can also in that same screen arrange the monitors so that they correct reflect the physical orientation (if you wish); for instance, setting it so that if the external monitor is on the right, you get to it by moving the cursor off the right edge of the main screen.
Regards.

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

Attaching style sheets to whole website?

My question about attaching CSS style sheets remains unanswered as far as globally having them appear in the panel for the whole site. David Powers did answer me about how to add them to new sheets, but I have a site I imported from GoLive and what it looks like if I'm correct is that I have to attach it to each page individually to have it appear in the panel each time. Of course once I've done that to each page they will 'stick', but what I would like is if I create a style sheet and save it to the root, that it appear for any page that exists in the root level. Am I wrong? Or is there a way to make it appear for all pages without individually attaching?
Thanks
bob

bobfharris wrote:
what I would like is if I create a style sheet and save it to the root, that it appear for any page that exists in the root level. Am I wrong? Or is there a way to make it appear for all pages without individually attaching?
Style sheets must be attached to each page. One simple way of adding the style sheet to existing pages is to to a Find and Replace operation.
Find:
</head>
Replace with:
<link href="styles/mystylesheet.css" rel="stylesheet" type="text/css" />
</head>
This uses a document-relative path to the stylesheet, so you would need to use a site-root relative link or do it separately for each level of the site hierarchy.

IMovie only show background music after connecting to my external iMovie Mediathek, no video!!! desperat, i potentially lost a big project...

I work with an external iMovie-Mediathek so my big project don't mess up my macbook. I was working on a big project (45 min.) after the program crashed. Now, when I try to connect again to the external Mediathek, it will only show the background music I used, no video material at all... !!!!!!!!!!!!!!!! But in the "events"-section, it looks normal with the preview just like always during the last couple of days... It even shows the size of the file with 146GB (which is correct), but still only the music is displayed (about 7 tracks).
I need urgent help. Same thing happened to the security-backup I make regularly...

Here's a picture of the iM window. 3 Projects available but only 2 desplayed? HOW I GET MY 3rd PROJECT BACK????

Dreamweaver Trial part 2 "attach style sheet"

The install/setup going good except page 7 item 2..Open css panel ..the attach All button which I believe is the link is not shown..help
Charles J

Link external style sheet to HTML page.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.

[Solved] SDDM only shows background screen

All's in the title: at startup, SDDM only shows the background screen, without any list of users (which have UIDs starting from 1000) or login prompt.
As a comparison GDM works fine, whereas KDM just gave a black screen (but I gave up on it as this is for a new install so I'm going straight to KF5).
Any help would be welcome.
Last edited by antony (2015-02-03 14:57:02)

There was none (ArchWiki explicitly states that everything should work out of the box). Issue was fixed after a couple of logins via GDM -- probably some account initialization issue(?).

Can't attach photos -- "Preview" only shows iPhoto library Icon

I can't attach (or upload) photos anymore. When I try to attach a photo using Mail (not directly from iPhoto), I only get the iPhoto Library icon and Preview doesn't show any of my various pictures. If I click on the Library icon, Mail tries to attach my entire photo library and then my iMac locks up. I have the same problem if I try to upload pictures to say an ebay auction. I'm using the new iLife '08.
Basically, I cannot get a listing of all my individual pictures -- only the iPhoto Library icon. Any advise will be greatly appreciated. Thanks.

jisham
There are three ways (at least) to get files from the iPhoto Window.
1. Drag and Drop: Drag a photo from the iPhoto Window to the desktop, there iPhoto will make a full-sized copy of the pic. You can also drag and drop directly from the iPhoto Window to the Mail window. This works with many other apps.
2. File -> Export: Select the files in the iPhoto Window and go File -> Export. The dialogue will give you various options, including altering the format, naming the files and changing the size. Again, producing a copy. This is the best solution for uploading pics to ebay or where ever. After the upload is finished you can trash the file on the desktop, it's only a copy.
3. Show File: Right- (or Control-) Click on a pic and in the resulting dialogue choose 'Show File'. A Finder window will pop open with the file already selected.
The change was made to the format of the iPhoto library because many users were inadvertently corrupting their library by browsing through it with other software or making changes in it themselves. If you're willing to risk database corruption, you can restore the older functionality simply by right clicking on the iPhoto Library and choosing 'Show Package Contents'. Then simply make an alias to the folders you require and put that alias on the desktop or where ever you want it. Be aware though, that this is a hack and not supported by Apple.
Regards
TD

Connected Macbook to HD Tv but only shows background, no applications

Hey,
So I was able to connect my macbook to my HD Tv from a mini Dvi to Dvi adapter then used a belkin HDMI to Dvi chord to connect to the Tv. Displays fine however the only thing that comes up on my TV is just my background image, no applications or websites or anything. Looked all through system pref's and couldnt find anything.
Thanks

Theoretically the highest that your television will allow, however this will depend to some extent on personal preference. i would experiment and see which you like best.
Regards
Rowan

Removing an attached style sheet

I accidentally attached the wrong CSS to one of my Index files.
I looked around and couldn't find a command to unlink or unattach the CSS so I just deleted the code from the Index file.
It was a single line of code, and it worked, but is that the correct way to do it?
The code I removed is this:
<link href="LR Galleries/Bruce'sGalleryCSS.css" rel="stylesheet" type="text/css" />
Did I leave any 'orphaned' code in my Index that's going to come back to haunt me?
Thanks,
Bruce

What you did is fine. Test in all browswers. If you have any problems, make sure your HTML document doesn't contain any embedded or inline styles.
http://www.w3schools.com/CSS/css_howto.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Attached style sheet only shows background

Similar Messages

Maybe you are looking for