WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Related problem to tables

View previous topic View next topic Go down  Message [Page 1 of 1]

1Related problem to tables Empty Related problem to tables Sat May 01, 2010 2:09 am

Guest


Guest
Hey guys

i was wondering what code i need to use to make something relavant to this at Miko's website:
Code:
http://www.jalokimgraphics.com/Services-h25.htm
(I mean the tables)

Any suggestions will be greatful

Nick

2Related problem to tables Empty Re: Related problem to tables Sat May 01, 2010 3:33 pm

Kratos

Kratos
Registered Member
Registered Member
the css
Code:

td.tc2{
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ececec));
background: -moz-linear-gradient(top,  #fff,  #ececec);
-webkit-border-radius:9px;
-moz-border-radius:9px;
padding:5px;
border:1px double #ececec;
}

td{
text-align:center;
font-family:helvetica;
font-size:12px;
color:#222
}

The code

Code:

<table width=400>
<tr>
<td>
<img src=http://www.iconspedia.com/uploads/423673340524293488.png>
</td>
<td class=tc2>
add your content here</td>
</tr>

<tr>
<td>
<img src=http://www.iconspedia.com/uploads/423673340524293488.png>
</td>
<td class=tc2>
add your content here</td>
</tr>

<tr>
<td>
<img src=http://www.iconspedia.com/uploads/423673340524293488.png>
</td>
<td class=tc2>
add your content here</td>
</tr>

</table>

the preview : view here
just replace the images and text with whatever you want

this script uses css3 so it will only work on firefox and webkit browsers and not i.e

3Related problem to tables Empty Re: Related problem to tables Sun May 02, 2010 12:55 am

Guest


Guest
Thank you.All the codes you given me worked.I wanted to use that to an HTML page so i had to customize the CSS myself there,not at CSS stylesheet.
Here is the code you can also use it at Webartz Wink
Spoiler:

You can see the result here:
http://processorgraphics.forumotion.com/Tables-h8.htm

4Related problem to tables Empty Re: Related problem to tables Sun May 02, 2010 2:12 pm

Kratos

Kratos
Registered Member
Registered Member
solved | locked

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Related problem to tables

Permissions in this forum:
You cannot reply to topics in this forum