kylecooper

Toon Mariner, The site will not be "hard to manage". It will only be a big site with righ content. Why is there a right margin? Simple: I don't want the text inside a cell "collide with"/"stick" to the right edge...

Hello, Well, I tried setting the same margin for all at "p", but it mixes everything else up: backgrounds get mixed up, certain cells get distorted (compared to others, these get smaller), other settings disappear (such as image vertical spacing, which initially worked)... the right edge thing works, though I need to find a way for it to work without destroying everything... Oh and,... well my site is so basic, I'm just struggling with a standard page look, isn't worth putting online... If there would be a way to make the right margin work for 1 cell only... Hmm :-\

My site is not online yet. This is just the code... this will be in it. Anyway, the site/server wouldn't have anything to do with the margins... So here must be somethin' with the CSS coding... I must have made a mistake

Sure, I know that CSS is for styling. I was hoping it was good for creating external links too... Guess not... I'll check out some PHP discussions...

Hello you two... I thought I was clear enough: the text right margin has no effect, even though it was set. So with 5px it is like with zero... I am not using Frontpage to build the site, just to copy-past and drag-n-drop, it's much faster than notepad. And it also has a preview which exactly shows how it'll appear in IExplorer I am well aware of the program's "limps"... incompatibility and weird HTML way of coding... Please, why would I need more than Arial for text type in CSS? I thought that this is a basic font and every browser has it... I tried what you said about the margins... Well, I have set all 4 and still no result I just can't get that damn right margin at 5px. The white text in the dark blue field must have this 5px edge, so that it doesn't "kiss" the edge of the table... Frontpage can do it with the paragraph setting... But that's inside the page file itself And I want it in the external CSS style :'( Here's the complete code: <style type="text/css"> body { background-color: #FFFFFF; } p { font-family: arial; font-size: 12px; margin-top: 0px; margin-bottom: 0px; text-align: justify; } h1 { text-indent: 8px; text-align: justify; margin-top: 0px; margin-bottom: 0px; font-size: 35px; font-family: arial; color: #FFFFFF; } h2 { text-indent: 18px; text-align: justify; font-size: 23px; font-family: arial; color: #FF0000; } h3{ text-indent: 18px; text-align: justify; font-size: 18px; font-family: arial; color: #0099FF; } h4, h5, h6 { text-indent: 18px; text-align: justify; font-size: 16px; font-family: arial; color: #000000; } a:link {color: 0099FF; text-decoration: underline; } /* Link settings */ a:hover {color: FF0000; text-decoration: none; } /* Link hover effect */ a:active {color: 0099FF; text-decoration: underline; } /* Active link settings */ a:visited {color: C0C0C0; text-decoration: underline; } /* Visited settings */ table.main-table { border:none; width: 984px; border-collapse: collapse; cellspacing: 0px; background color: #FFFFFF; font-family: arial; font-size: 12px; color: #000000; text-indent: 0px; text-align: justify; } td.page-title-cell { width: 984px; height: 44px; border-top: 0px none; border-left: 0px none; border-right: 0px none; background: #3C97FF; vertical-align: top; font-family: arial; font-size: 35px; color: #FFFFFF; text-indent: 3px; text-align: justify; } td.presentation-cell { width: 984px; height: 160px; border-top: 0px none; border-left: 0px none; border-right: 0px none; background: #2A72D9; vertical-align: center; font-family: arial; font-size: 12px; color: FFFFFF; text-indent: 10px; text-align: justify; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; } td.left-border { width: 5px; border-top: 0px none; border-left: 0px none; border-right: 0px none; background-image: url('left-grey-vertical-line.gif'); font-family: arial; font-size: 5px; color: #000000; } td.right-border { width: 5px; border-top: 0px none; border-left: 0px none; border-right: 0px none; background-image: url('right-grey-vertical-line.gif'); font-size: 5px; color: #000000; } </style>

Did I "make a big deal" about it? I thought I just said that I have a little experience...

I've been using CSS, but not at a professional level, indeed... Had a few very simple sites. Until now I only coded CSS simply for text style, background. It's the first time I am using the table-CSS method and I'm getting the hang of it now Hmm, yes, I guess PHP would be better for those sitewide links... But this is quite rare, I wonder if there are people on this forum who know how to do it... :-\

Hello, I have a strange problem... I have a right margin for text in a cell set in a CSS file. I am 100 % that it's correct, yet it doesn't work! Here's the CSS for the cell: td.presentation-cell { width: 984px; height: 160px; border-top: 0px none; border-left: 0px none; border-right: 0px none; background: #2A72D9; vertical-align: center; font-family: arial; font-size: 12px; color: FFFFFF; margin-right: 5px; text-indent: 10px; text-align: justify; } Then, here's the top CSS setting for the text in general: p { font-family: arial; font-size: 12px; margin-top: 0px; margin-bottom: 0px; text-align: justify; } There is no setting here for right margin, so there's no way the commands are in conflict... I use Frontpage too, because it gives so much flexibility. When I set the CSS margin to 5 px on the right, then I works in the Frontpage normal view. But not in the preview. And it doesn't work in any browser... What could be wrong? ???

Yep

Hello, I am trying to make a sitewide box with featured links. I would like to know if I can make this with Javascript as external source... The idea is: -> my site will have 2000+ pages... -> so I need a single code in an external, such as CSS file, which will hold the rules for that box.. -> whatever I will put in the rules in the external source... Javascript or CSS, whatever, the result will appear on every page... -> easier explained, this "listings box" will look somewhat similar to a Google AdSense ad box... I think you understand what I am trying to do... Is it possible with Javascript? I have HTML knowledge, some CSS, but not so much Javascript... How can I make one of these and how hard would it be?

Hello there... Thanks a lot for helping me out. I will try the adjustments... The code you saw was my version of CSS. I tried to make it very simple, but I also made so many mistakes. I am not very experienced in CSS and am grateful to have friendly people help me out, like you guys Please check out my other post about the CSS sitewide box... So far nobody could tell me any advice on that one :-\ (I think you can see it in the list, it's one of the first topics...)

Hello, Please help me out, if you can. My CSS doesn't work in Firefox, only IE ???I don't know what I've done wrong... Here's part of the code (CSS): body {background-color: FFFFFF} /* Background settings */ p {color: 000000} /* Standard text colour is black */ p {text-indent: 0} /* Text indent */ p {font-family: arial} /* Text font type is Arial */ p {font-size: 12} /* Size of default font */ p {margin-top: 0; margin-bottom: 0} /* Distances between lines */ p {text-align: justify;} /* Text alignment is justify */ h1 {color: FFFFFF} /* Heading 1 colour is white */ h2 {color: FF0000} /* Heading 2 colour is red */ h3 {color: 0099FF} /* Heading 3 colour is blue */ h4 {color: 000000} /* Heading 4 colour is black */ h5 {color: 000000} /* Heading 5 colour is black */ h6 {color: 000000} /* Heading 6 colour is black */ h1 {font-family: arial} /* Heading font type is Arial */ h2 {font-family: arial} /* Heading font type is Arial */ h3 {font-family: arial} /* Heading font type is Arial */ h4 {font-family: arial} /* Heading font type is Arial */ h5 {font-family: arial} /* Heading font type is Arial */ h6 {font-family: arial} /* Heading font type is Arial */ h1 {font-size: 35} /* Heading 1 size is 28 in CSS, 21 pt in Frontpage */ h2 {font-size: 23} /* Heading 2 size is 23 in CSS, 18 pt in Frontpage */ h3 {font-size: 18} /* Heading 3 size is 18 in CSS, 14 pt in Frontpage */ h4 {font-size: 16} /* Heading 4 size is 16 in CSS, 12 pt in Frontpage */ h5 {font-size: 16} /* Heading 5 size is 16 in CSS, 12 pt in Frontpage */ h6 {font-size: 16} /* Heading 6 size is 16 in CSS, 12 pt in Frontpage */ h1 {margin-top: 0; margin-bottom: 0} /* Distances between headings and other lines */ h2 {margin-top: 0; margin-bottom: 0} /* Distances between headings and other lines */ h3 {margin-top: 0; margin-bottom: 0} /* Distances between headings and other lines */ h4 {margin-top: 0; margin-bottom: 0} /* Distances between headings and other lines */ h5 {margin-top: 0; margin-bottom: 0} /* Distances between headings and other lines */ h6 {margin-top: 0; margin-bottom: 0} /* Distances between headings and other lines */ h1 {text-align: justify;} /* Heading alignment is justify */ h2 {text-align: justify;} /* Heading alignment is justify */ h3 {text-align: justify;} /* Heading alignment is justify */ h4 {text-align: justify;} /* Heading alignment is justify */ h5 {text-align: justify;} /* Heading alignment is justify */ h6 {text-align: justify;} /* Heading alignment is justify */ h1 {text-indent: 8} /* Heading indent */ h2 {text-indent: 18} /* Heading indent */ h3 {text-indent: 18} /* Heading indent */ h4 {text-indent: 18} /* Heading indent */ h5 {text-indent: 18} /* Heading indent */ h6 {text-indent: 18} /* Heading indent */ a:link {color: 0099FF; text-decoration: underline; } /* Link settings */ a:active {color: 0099FF; text-decoration: underline; } /* Active link settings */ a:visited {color: C0C0C0; text-decoration: underline; } /* Visited settings */ a:hover {color: FF0000; text-decoration: none; } /* Link hover settings */ table.main-table { border:none; width: 984px border-collapse: collapse; cellspacing: 0px; background color: FFFFFF; font-family: arial; font-size: 12px; color: 000000; text-indent: 0px; text-align: justify; } td.page-title-cell { width: 984px; height: 42px; border-top: 0px none; border-left: 0px none; border-right: 0px none; background: 3C97FF; vertical-align: top; font-family: arial; font-size: 35px; color: FFFFFF; text-indent: 3px; text-align: justify; } td.spacer-cell { width: 984px; height: 5px; border-top: 0px none; border-left: 0px none; border-right: 0px none; background: 2A72D9; vertical-align: top; font-family: arial; font-size: 5px; color: FFFFFF; text-indent: 7px; text-align: justify; } td.left-border { width: 5px; border-top: 0px none; border-left: 0px none; border-right: 0px none; background-image: url('left-grey-vertical-line.gif'); font-family: arial; font-size: 5px color: 000000; } td.right-border { width: 5px; border-top: 0px none; border-left: 0px none; border-right: 0px none; background-image: url('right-grey-vertical-line.gif'); font-size: 5px color: 000000;

Hello Rilana, What I want to do is: a small cell (or table) which appears on every page of my site. The cell would contain a list of "reatured links". I will sell this ad space. My dilemma is: -> I have 2.500 + pages and they're all HTML with CSS -> I would like to have the same box (linkbox, like the Google ads box) on every page -> Would like it if the box had an external source code...such as CSS, so that I won't have to manually insert the code into all 2.500 + pages... Imagine the box like this: http://www.myrasoft.com/activesearchengine/ASEGoogleAdsense1.GIF So, it'll be sitewide... I'd be able to edit it from a single file. And the result will be visible on every page.... I just don't know how to do it... ???

Hello, I have been coding CSS for years, now I need sort of a link box for featured sitewide links... The box is like a cell and there would be links and their description in it... I was wondering if one can do something like this in CSS... Otherwise explained: it would look like a Google AdSense ad box... Any ideas? Thanks for helping!