Tables with rounded corners

June 19th, 2004, 7:38 am

Is it possible to create tables with rounded corners without using images?
If possible, can you tell me how please.
Thanks in advance.

June 19th, 2004, 8:09 am

I dont think there is. I always use images for mine. Why dont you wanna use images (just an assumption) ?

June 19th, 2004, 8:16 am

there are a couple of methods. Two I can think of offhand. the first uses buletpoints and all sorts of CSS properties and is <i>extremely</i> unstable. The second uses <i>loads</i> of code, and IMHO is a complete waste of space.

There are possibly some others I have forgotten about.

All methods I have seen are complicated, messy and not worth half the hassle they involve. The only reason they are ever used is simply to prove the point that it <i>can</i> be done. It would take me far to long to explain it and I don't have any links I can think of.

I have to repeat ratt's question, why no images?

June 19th, 2004, 11:34 am

still would be cool if you could do it with css

im with ratt, for stuff like that ill allways use images, my site has round 'tables' actually ^^ fully stretchable both horizontally and vertically and it was pretty easy

June 20th, 2004, 12:46 am

Rat wrote:

I dont think there is. I always use images for mine. Why dont you wanna use images (just an assumption) ?

Rat, thanks again for replying here.
The reason i dont want to use images is that i have made a homepage where i use them. It takes more than 20 seconds to load one page on a 12Mbps DSL connection.
I really dont know if the images are the cause, because i also used a lot of javascripts　to make a drop down menus and rollovers.

June 20th, 2004, 1:07 am

You probably did something wrong o.o could we take a look?

June 21st, 2004, 6:08 am

Ifrit wrote:

You probably did something wrong o.o could we take a look?

Voila! http://www.geocities.com/seneteach/main.htm
It is still underconstruction tho. If someone figures out the problem, please let me know.
Thanks for taking your time to read this.

June 24th, 2004, 11:12 pm

I got round 15-20 sec to load on dialup. Good enough for me .... ?? ...

BTW I see you have different choices on your menu for:

Code: [ Download ] [ Select ]

C++
Visual C++
Borland C++

1. C++
2. Visual C++
3. Borland C++

Those are all the same. C++. Visual C++ is just MS compiler with IDE and a bunch of propritary libraries. Same for Borland.
My point is that you should put those in one and the same section: C++

June 24th, 2004, 11:14 pm

the fact that it's hosted by Geocities might be your major speed problem

Loads up in 4-5 seconds on Cable here (I'd definitely thing about switching your left navigation bar from images to text though).

June 26th, 2004, 7:59 am

Thanks Ventsy V, Axe.
I will put Visual C++, Borland C++ and C++ in the same menu.
Axe, i have thought about that. But if i switch the nav bar form images to text, i wont be able to add the rollovers effects.
Btw, Axe how did you make the effects on the nav bar of this site?

Thanks for clarifying things for me.

June 26th, 2004, 8:04 am

Spider1975 wrote:

Axe, i have thought about that. But if i switch the nav bar form images to text, i wont be able to add the rollovers effects.

Yes you can, just make the little circle and the background colors into a background image on text links, using a css hover.

June 28th, 2004, 9:48 pm

rtm223 wrote:

Spider1975 wrote:

Axe, i have thought about that. But if i switch the nav bar form images to text, i wont be able to add the rollovers effects.

Yes you can, just make the little circle and the background colors into a background image on text links, using a css hover.

Thx rtm223. Sounds a pretty good solution eventho i dont know what a css hover is. Anyways i will run a search on the net to see if i can find a good tutorial about it.

June 28th, 2004, 10:52 pm

a list apart has heaps of tutorials for rounded corners

http://search.atomz.com/search/?sp-q=rounded+corners&sp-a=sp1002d27b&sp-f=ISO-8859-1&sp-p=All&sp-k=All

you could as have a look for rollovers in css

http://search.atomz.com/search/?sp-q=css+rollovers&sp-a=sp1002d27b&sp-f=ISO-8859-1&sp-p=All&sp-k=All

June 30th, 2004, 6:58 am

Wow! DR01D thanks for the link.

July 1st, 2004, 2:59 am

Hi! I wanted to tried the a:hover thing.
I tried this code but it doesnt work. rollnav.gif is the image i want
to display on the background on rollover.
CSS code

Quote:

.leftcolumn a:link {
color: #CC6600;
text-decoration: underline;
}
.leftcolumn a:visited {
color: #FFCC33;
text-decoration: underline;
}
.leftcolumn a:hover {
color: #333333;
text-decoration: none;
background-color: #006699;
background-image: url(rollnav.gif);
}
.leftcolumn a:active {
color: #CC6600;
text-decoration: underline;
}

HTML code

Quote:

a herf='http://www.ozzu.com' class="leftcolumn"]Webmasters forum a

I cant figured out what's wrong.
Please help.
P.S. I changed the html link tags in purpose to be able to post the code.