PDA

View Full Version : xhtml: bordercolor

reubenb
12-01-2003, 08:52 AM
how can i use the html of "bordercolor" into XHTML 1.0 Frameset

e.g.

<table border="1" width="78%" id="table1" height="635" style="border-collapse: collapse" bordercolor="#CCFFCC" bgcolor="#2F3648">
Erich
12-02-2003, 12:11 AM
stylesheet:


table#table1 {
border: solid 1px #CCFFCC;
border-collapse: collapse;
background: #2F3648;
width: 78%;
height: 635px;
}
reubenb
12-02-2003, 12:12 AM
thankyou!
Erich
12-02-2003, 12:13 AM
no prob:

http://www.w3schools.com/css/css_reference.asp

helps if you want to change it around later.
reubenb
12-02-2003, 12:14 AM
yeah thanks
hey i need to know how to put all my styles into a css
how can i do this?
ive got different fonts everywhere too
Erich
12-02-2003, 12:21 AM
create an external style sheet (whatever.css) and keep all your styles there. Put this in your page:

<link rel="stylesheet" href="whatever.css" type="text/css" />

and that should do it.
reubenb
12-02-2003, 12:33 AM
yea i know but how do i set it out?

attached is the document
Erich
12-02-2003, 12:44 AM
Originally posted by reubenb
yea i know but how do i set it out?

attached is the document

if by set it out you mean convert your page to be completely css driven... I seperate it into 3 things. If its something thats on every page regardless, like links, I just set it it for every page. If its something used only once on any given page, i use ids (like for a menu div). If its something i need to use multiple times on one page (news stories in a <p>) i use classes.

like your body:

<body text="#C4C4FF" bgcolor="#58055F" link="#FFFFFF" vlink="#C4C4FF" alink="#C4C4FF">

could be:


body {
color: #CFC4FF;
background: #58055F;
}

a:link {
color: #FFFFFF;
}

a:hover, a:active, a:visited {
color: #C4C4FF;
}


If I misunderstood your question again, i apologize.
reubenb
12-02-2003, 12:49 AM
Originally posted by Erich
if by set it out you mean convert your page to be completely css driven... I seperate it into 3 things. If its something thats on every page regardless, like links, I just set it it for every page. If its something used only once on any given page, i use ids (like for a menu div). If its something i need to use multiple times on one page (news stories in a <p>) i use classes.

hmm
i don't really know what you mean... but that's just me.
is it easier just to like put my styles (everything else but the hyperlinks and body and that sorta stuff) on the actual page

so for example, this site is going to have like 10 pages the same style and stuff (basically duplicates) so is it worth to have css?
Erich
12-02-2003, 12:56 AM
Originally posted by reubenb
is it easier just to like put my styles (everything else but the hyperlinks and body and that sorta stuff) on the actual page

so for example, this site is going to have like 10 pages the same style and stuff (basically duplicates) so is it worth to have css?

Its always worth it to have css. you can say that every single page has a certain style for a certain object. And its always worth it to put it in a seperate file, since all your pages become significantly lighter, which means quicker loading time. It also means less work for you, since all you need to do is change the style sheet and it will affect all the pages that have the link to that file.

Basicaly: take all your styles and formating (like color, sizes, borders, fonts, possitioning) off your page, and put them into your seperate css file. learn to call them via classes and ids, and it'll keep your pages easy to maintain.
reubenb
12-02-2003, 01:08 AM
so for example



body {
color: #CFC4FF;
background: #58055F;
}

a:link {
color: #FFFFFF;
}

a:hover, a:active, a:visited {
color: #C4C4FF;
}

table {
border-color: #CCFFCC;
border-collapse: collapse;
background-color: #2F3648;
}

would that be right?

also, how do i use divs id's...
like for example, for my copyright area i would want to have

<td align="center" valign="top">
<p align="center"><font face="Arial" style="font-size: 6pt">
<font color="#C4C4FF">

how would i be going around doing that?

thanks very much for youur time by the way :D
Erich
12-02-2003, 01:38 AM
Originally posted by reubenb
so for example



body {
color: #CFC4FF;
background: #58055F;
}

a:link {
color: #FFFFFF;
}

a:hover, a:active, a:visited {
color: #C4C4FF;
}

table {
border-color: #CCFFCC;
border-collapse: collapse;
background-color: #2F3648;
}

would that be right?

technicaly, yeah, that would work fine. but it would work for every single table on your site, so i dont think you want to do that. heres a page that describes ids and classes, that way you can specify what styles go to what elements on your page:

http://www.w3schools.com/css/css_syntax.asp

Originally posted by reubenb
like for example, for my copyright area i would want to have

<td align="center" valign="top">
<p align="center"><font face="Arial" style="font-size: 6pt">
<font color="#C4C4FF">

how would i be going around doing that?

thanks very much for youur time by the way :D

no problem, its frustrating wanting to do something yet not being completely sure :)

for your copyright area, this is how i would do it (you can edit it whatever way you see fit):


#copyright {
text-align: center;
border-collapse: collapse;
margin-top: 0px;
margin-left: 11%;
width: 78%;
}

#copyright p {
text-align: center;
font-family: arial, helvetica, sans serif;
font-size: 6pt;
}



<div id="copyright">
<p>Design/LayoutCopyright 1998-2003 asasasasasas studios all rights reserved. copyright prohibitions in australia and its subsidiaries and/or other countries prohibit copying of any content by any means on this site without prior written permission from the owner. graphics copyright as films.
<br />this site is in draft phase one and may not be published on the internet without prior consent from the rightful owner.
<br />any enquires to<a href="checkreferer@client.local">lat@client.local</a></p>
</div>


it looks the same when i tested it on your page, try it.
reubenb
12-02-2003, 02:11 AM
ohhhh
i understand! yay

body {
color: #CFC4FF;
background: #58055F;
}

a:link {
color: #cfc4ff;
text-decoration: none;
}

a:hover {
color: #CFC4FF;
text-decoration: none;
}

a:visited {
color: #ffffff;
text-decoration: none;
}

a:active {
color: #ffffff;
text-decoration: none;
}

table {
border-color: #CCFFCC;
border-collapse: collapse;
background-color: #2F3648;
}

#copyright {
text-align: center;
border-collapse: collapse;
margin-top: 0px;
margin-left: 11%;
width: 78%;
}

#copyright p {
text-align: center;
font-family: arial, helvetica, sans serif;
font-size: 6pt;
}

so that's what i have now
i know i have duplicate a's but i am gonna change that soon.
so now i can delete lets say all my styles for the tables and everytthing else that has font and all that/