Simple colour question

[danielctull]

I'm working on my site, and I'm wondering how I get the borders of a table to be invisible... I have a background picture and the table border is black, but can be spotted...

Any help would be appreciated :)

[AlastairM]

have you got border="0" on your table tag :confused:

is it the table border or the cell borders you want to hide :confused:

Seeing the code would help a lot :D

cheers

alastair

[danielctull]

ummm... go to www.tullephant.net (http://www.tullephant.net) you should be able to get the code from there?

I have a table there and cells within. I want the cell borders to show and the main table one not to show. I have been using Frontpage and only rarely look at the code. If I change the table border to "0" then I don't get any borders on my cells...

[AlastairM]

easiest way would be css

on you table tag, add the following:

class="mytable"

then add the following styles to a stylesheet:

.mytable{
border:1px solid #000000;/*change this to match you background colour*/
border-collapse:collapse;
}

.mytabe td{
border:1px solid #ffffff/*change this to match your desired border colour*/
}


this will give you a table that has cell borders but no outer table border.

any help?

cheers

alastair

[danielctull]

that looks all good, but where in the script do i put them? i really am a complete beginer, and only play with the code to do basic changes.

thanks for your help.

[AlastairM]

ok, create a file called style.css and copy the stuff in the second code block into it and save it in the root of your site.

now, on each page that you want to use this effect you'll need to do the following:

1) view the source of the document. in the head of the document (up at the top, below the <title> tag) add the following line:


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


OR

look in frontpage for an 'attatch stylesheet' option (I've no idea where it is, sorry:D). Browse to the file you created above and frontpage should do the rest.

2)on the table that ou want to apply this effect to, you need to do either of the following:

view the code, find the table that you want and add the following attribute to the tag:
class="mystyle"
so it looks like:
<table class="mystyle" border="1" ....and so on....>

OR

Not sure about this, but frontpage may allow you to apply a style to a table by using one of its menu options. Look for something like 'apply css class' when you have the table selected and if you've managed to complete step one above, it should show a 'myclass' option.


notes

you will need to link the stylesheet into every page that you want to use this on.

you will need to apply the class to every table that you want to use the effect on

you will have to change the #000000 and #ffffff for the appropriate hex colours for your site.

you can change '.myclass' to anything you want but it must be prefixed with a dot and it cannot start with a number. It's also case sensitive, make sure the case is the same in both the stylesheet and the html.

This will only work on IE5+ or Netscape 6+

I'm still not 100% convinced this is going to have quite the effect you want, by try it anyway and we'll take it from there :)

cheers

alastair

[danielctull]

I can see you have taken time to explain which I am grateful for. :) I'll try it out tomorrow, I'm knackered now and will most likely get it wrong. :rolleyes:

[danielctull]

Okay, I have fiddled about with stylesheets and such, but now I have another problem...

I have made a table in Frontpage and in one of the cells I have inserted a frame. I would like it so that I had a link in another cell in the table that changes the framed page. Does anyone know how I could do this?

Also would like to know peoples opinions on frames, how limited are they? (ie which browsers can view them etc..?) I know a lot of browsers had problems with frames, but have these been delt with?

[Zozart]

okay, your frame should have a name, so in your link in the other cell, construct it like you would a normal link, but add
target="framename"
Where 'framename' is obviously the name of the frame.

[AlastairM]

OK, frames question first...

<bugger>someone got there first</bugger>


I assume since you say you've put a frame in a table cell then its actually an <iframe> you've used.

iframes are supported by most modern browsers but not by Netscape 4. Your descision :).

For a poor example of iframes in action visit: this site (http://www.burnsfestival.com/site2003/DOCS/index.html) with netscape 4 and see how far you get. (then ask yourself why someone got paid to produce that pile of crap, imnsho of course)


I have used them for parts of content management systems where I knew in advance what browsers would be using it, but never on public facing sites.

Frames themselves are falling out of favour for lots of reasons, not least because they are being depreciated by the w3c.

My advice would be to spend the time you would have spent on learning frames on learning css or something like ASP or PHP.

cheers

alastair

[Kynoch]

Id recommend ASP first then try others, is what i did and it made it abit easier to follow. IMO anyway, :)

[danielctull]

Yeah I'm using <iframe> tag, how do I give it a name though?


I like the sound of ASP because I have ASP hosting.

What would you recommend, books internet sites etc...

I suppose if I am going to learn that, then I may have to properly learn HTML?

Thanks for all your help.

[AlastairM]

it'll either be an option in frontpage or in the code do:

<iframe name="myframe"......></iframe>

What would you recommend, books internet sites etc...

books:
if you've no programming experience then SAMS teach yourself Active Server Pages 3.0 in 21 days was how I started :D

I would have said some of the WROX books but:

a) They've gone a very ASP.net recently
b) They've also gone bankrupt

websites:
http://www.4guysfromrolla.com/
http://www.asp101.com/

Again though both have gone a bit more .net focused recently but there's some good stuff in the archives. 4guysfromrolla is run by the authour of the SAMS book I mentioned above.

Or of course, post questions up here...

cheers

alastair

[Kynoch]

http://www.webthang.co.uk/
http://www.w3schools.com/asp/
http://www.aspin.com/

[danielctull]

Okay thanks very much :D

Got it working with frames now :)

I'll see how it goes like this for now!

Thanks again guys.

[danielctull]

Okay, the result is here (http://www.tullephant.net/index2.htm).

I'll have a look at those ASP pages today, think I'll try and learn that.

[Zozart]

Not bad, but why don't you put some borders around the cells?

[danielctull]

Originally posted by Splaty
Not bad, but why don't you put some borders around the cells?

The old version had borders, and i like it without them so nerrr...

Good news. An old workmate saw my site and has asked for me to make him one for his company. He has his main shop site, but wants a "fun" side to it. Thats my job then... :) Better start reading that ASP book I guess!

[Zozart]

Personal preference I guess.. :)