Need help with website

Kire · #1 12-04-2009, 04:46 PM

Hello ppl, i am building a website for my parents and i came to a problem.
I want to do semi transparent background of table but in this case also text become semi transparent. But i want to make transparent just background of table and that text remain normal. Has anyone any idea how to fix that?
I also tried to look on net for other ideas but noeone works or i am too nubish to know how to put them in =). (i have non experience in doing this ... i learned and made this in 1 day + 2 days looking how to solve problem).
Please help if you know how=(.

Here is my code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<style type="text/css">
body {
margin: 0px;
padding: 20px;
}
#header {
width: 100%;
height: 72px;
}
#leftcol {
float:right;
width: 85%;
margin: 15px;
height: 3000px;
border: 1px solid #FFFFFF;
background-color:#66FF66;
}
</style>
</head>
<body>
<div id="header">BARDI</div>
<table width="100%" border="1">
<tr>
<td height="3000" width="100%" bordercolor="#FF0000">
<div id="leftcol" style="filter:alpha(Opacity=20); opacity:0.2; -moz-opacity:0.2; -khtml-opacity:0.2;">LINKS</div>
</td>
</tr>
</table>

</body>
</html>

edit: text that is the problem is in red

Alex Walz · #2 12-04-2009, 06:45 PM

This is what I would do.

<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<style type="text/css">
body {
margin: 0px;
padding: 20px;
}
#header {
width: 100%;
height: 72px;
}
#leftcol {
float:right;
width: 85%;
margin: 15px;
height: 3000px;
border: 1px solid #FFFFFF;
background-color:rgba(102,255,102,0.2);
}
</style>
</head>
<body>
<div id="header">BARDI</div>
<table width="100%" border="1">
<tr>
<td height="3000" width="100%" bordercolor="#FF0000">
<div id="leftcol">LINKS</div>
</td>
</tr>
</table>

</body>
</html>

Kire · #3 12-04-2009, 07:20 PM

Thank you very much Alex =), it worked ... it was so simple. Didnt thought i will get an answer so fast =P. On net i saw only looooong discussions about it (and nothing worked =P).

wills370 · #4 12-05-2009, 09:13 AM

Quote:

Originally Posted by Kire

Thank you very much Alex =), it worked ... it was so simple. Didnt thought i will get an answer so fast =P. On net i saw only looooong discussions about it (and nothing worked =P).

whats the website your working on about

?

Kire · #5 12-05-2009, 05:20 PM

Quote:

Originally Posted by wills370

whats the website your working on about

?

Well its about my parents work ... they together have a firm but no website and no knowledge of computer stuff. So i decided i will make one very beautiful one for christmas present.
And they are working with helping other to improve their lives (the ones who use drugs or just want better life or x problems ... beside that they have numerous technics and exercises and other stuff that they learned and using them in their work. Beside its also about healthy life (both things are conected).
The website is about rough introduction and presentation of above thing (news, programs, articles, contacts and that kind of stuff)...... i will make it very beautiful =P.
I would also make an english version of it but it would just confuse not our language speaking ppl since parents dont know how to speak english (and if one would call them.....=P).

Hope i answered your question =).

Beside the thing i posted is also out of date .. now i dont use tables tag for tables anymore but i only use div tags =) and it is also different design. Its nice how many useful things you get to know on net and from nice forum ppl =P.
Atm i am working on graphic design in photoshop to make tables look better =P (ugh its a pain because of lacking of web knowledge and photoshop is another mystery but i will make it !! =P). Tables here http://forums.truewow.net/index are my inspiration =) (combined with transparent thing and background image).

zach12wqasxz · #6 12-05-2009, 07:32 PM

Quote:

Originally Posted by Kire

Well its about my parents work ... they together have a firm but no website and no knowledge of computer stuff. So i decided i will make one very beautiful one for christmas present.
And they are working with helping other to improve their lives (the ones who use drugs or just want better life or x problems ... beside that they have numerous technics and exercises and other stuff that they learned and using them in their work. Beside its also about healthy life (both things are conected).
The website is about rough introduction and presentation of above thing (news, programs, articles, contacts and that kind of stuff)...... i will make it very beautiful =P.
I would also make an english version of it but it would just confuse not our language speaking ppl since parents dont know how to speak english (and if one would call them.....=P).

Hope i answered your question =).

Beside the thing i posted is also out of date .. now i dont use tables tag for tables anymore but i only use div tags =) and it is also different design. Its nice how many useful things you get to know on net and from nice forum ppl =P.
Atm i am working on graphic design in photoshop to make tables look better =P (ugh its a pain because of lacking of web knowledge and photoshop is another mystery but i will make it !! =P). Tables here http://forums.truewow.net/index are my inspiration =) (combined with transparent thing and background image).

thats really cool of you to make somehting like that for your parents, i think theyll love it. also its really original, i never would of thought of doing something like that, props man

wills370 · #7 12-06-2009, 10:01 AM

Quote:

Originally Posted by Kire

Well its about my parents work ... they together have a firm but no website and no knowledge of computer stuff. So i decided i will make one very beautiful one for christmas present.
And they are working with helping other to improve their lives (the ones who use drugs or just want better life or x problems ... beside that they have numerous technics and exercises and other stuff that they learned and using them in their work. Beside its also about healthy life (both things are conected).
The website is about rough introduction and presentation of above thing (news, programs, articles, contacts and that kind of stuff)...... i will make it very beautiful =P.
I would also make an english version of it but it would just confuse not our language speaking ppl since parents dont know how to speak english (and if one would call them.....=P).

Hope i answered your question =).

Beside the thing i posted is also out of date .. now i dont use tables tag for tables anymore but i only use div tags =) and it is also different design. Its nice how many useful things you get to know on net and from nice forum ppl =P.
Atm i am working on graphic design in photoshop to make tables look better =P (ugh its a pain because of lacking of web knowledge and photoshop is another mystery but i will make it !! =P). Tables here http://forums.truewow.net/index are my inspiration =) (combined with transparent thing and background image).

Sounds like a great present wish i could find something like that to do for my parents lol. anyways sounds like they are running a great business too and all the best with the new website sounds like it will be great

that website is pretty cool on the style. Maybe alittle dark though from what your parents company is about looks maybe alittle negative/serious. i know blue and grey are considered calming friendly colours to use in web design and have proven to have better results in businesses. Genrally why most sites are that colour if they are business based etc.

hope that helps.

Kire · #8 12-06-2009, 10:39 AM

Quote:

Originally Posted by wills370

Sounds like a great present wish i could find something like that to do for my parents lol. anyways sounds like they are running a great business too and all the best with the new website sounds like it will be great

that website is pretty cool on the style. Maybe alittle dark though from what your parents company is about looks maybe alittle negative/serious. i know blue and grey are considered calming friendly colours to use in web design and have proven to have better results in businesses. Genrally why most sites are that colour if they are business based etc.

hope that helps.

No worries i was just playing with colours =P tho i wanted to do transparent thing and was looking what colour would do the best (tho wanted mist like effect .... thats why it was grey), beside i done lovely background image of company logo with my limited knowledge of photoshop. Its like logo water reflection so its mostly blue (i add different blue colours for more realistic look) =). Atm i am trying to achieve table inside another table look and the look like the table is floating and water is under it. The table that will be under another will be completely transparent (like window.... and some shadows from glow effect of other table and little white/mistlike coloured) which will hold only links (dont know yet if they should be on top or on left side of table or if they would be buttons) and the other one will have text and will be slightly coloured but dont know what colour will use. Or you think both tables should be semi transparent/not transparent and coloured? The thing that bugs me if its too transparent than it gives me different colour over blue background =).

wills370 · #9 12-06-2009, 06:33 PM

Quote:

Originally Posted by Kire

No worries i was just playing with colours =P tho i wanted to do transparent thing and was looking what colour would do the best (tho wanted mist like effect .... thats why it was grey), beside i done lovely background image of company logo with my limited knowledge of photoshop. Its like logo water reflection so its mostly blue (i add different blue colours for more realistic look) =). Atm i am trying to achieve table inside another table look and the look like the table is floating and water is under it. The table that will be under another will be completely transparent (like window.... and some shadows from glow effect of other table and little white/mistlike coloured) which will hold only links (dont know yet if they should be on top or on left side of table or if they would be buttons) and the other one will have text and will be slightly coloured but dont know what colour will use. Or you think both tables should be semi transparent/not transparent and coloured? The thing that bugs me if its too transparent than it gives me different colour over blue background =).

semi transparent i beleive would probably work best and general layout should always focus more towards the left hand side unless its centered. Just the general format of pages and makes it slightly more user friendly. The mist effect and colour sounds awsome though good job. Possible with the water. but play around with the transparensy you could have one slightly more opaque semi trans then the other.

Buttons are also usually a good idea as it makes it more user friendly also.

Kire · #10 12-22-2009, 04:19 PM

I just stumbled across the flash making website and it looks quite interesting, its easy to use and with it you can do many nice things also. So my question is which one would you suggest to use for this? ..... tho i know that css and html would be just fine.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode