May 5th, 2006
02:53 AM
First Matey!
Status: Offline!
CSS Trouble In Dreamweaver 8
Hey guys, I've just recently started using Dreamweaver to help design sites and have run into a problem. I've created a style sheet that should produce a 1px border. I save this under the file name 'main.css' in my styles folder.
Dreamweaver's view see's the 1px border but when I save the page and look at it under FireFox, the border is gone and all you can see is the text.
My best guess is that it's not seeing the style sheet in my styles folder, could this be the problem? If that doesn't seem to be the problem, I could post the code. It's only a few sentences.
Sorry for the newbie question but any help would be greatly appreciated right now.
May 5th, 2006
04:04 AM
Lord British
Status: Offline!
Posting the code would help..
___________________
PurePhotoshop Forums
May 7th, 2006
12:28 AM
First Matey!
Status: Offline!
Alright, here is the code:
<html>
<body>
<img src="img/audiopiratebanner.jpg" width="800" height="100" />
<table width="800" height="41" border="0" cellpadding="3" cellspacing="0" class="top">
<tr>
<td>Normal Table </td>
<td class="different">Different Table </td>
<td>Normal Table </td>
</tr>
</table>
</body>
</html>
I know the border="0" is a no-no but I'm able to view the CSS Style in Dreamweavers viewer with it that way. However, when I save the page since the border is set to zero, it doesn't show the border at all.
But then when I set the border to one, it displays a nasty black border over top of the Style Sheet.
I must say say this does sound pretty basic but I appreciate the help.
May 7th, 2006
08:59 PM
funny and cheeky
Status: Offline!
according to that html code it doesn;'t link to the style sheet at all. U have to explicitly tell the browser to link the html page to the css file otherwise it would think that the css code is within the html file itself and not in seperate stylesheet.
hence u should link it like this if am not mistaken that is
<link rel="stylesheet" href="http://www.acme.com/corporate.css">
the href is the file path to the css file. Be careful though because if it's href="my.css" then the css and html have to be in the same directory.
../ goes up one level in the folder structure ( the up menu option in My computer does)
../steven/me.css would go up one level then into the a folder called steven.
Though I would recommend moving to xhtml because it's has long been the standrard within web development.
Last edited by schoi, May 7th, 2006 09:02 PM (Edited 2 times)
May 10th, 2006
05:37 AM
First Matey!
Status: Offline!
Where would I put this piece of code? In the table settings?
May 10th, 2006
11:09 AM
Hardcore Hardcoder
Status: Offline!
CSS can be loaded into the html code one of 3 ways, external, embedded, or @import, the first way I use most because the style sheet is completely removed from your html document. So it's it's own document, but you must declare it in your html so it knows where to find your css document. embedded means the css code is actually located within the html document by using the <style> tags, and finally, @import is using both external/embedded together like this:
<style>
@import url(lolz.css);
h1 {color: gray;}
</style>
if that didnt help, try this web site as it's got all the basics: http://www.w3schools.com
___________________
