Chatbox

You are not connected. Please login or register

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

1Solved Help on 6/3/2012, 12:05 pm

grimofdoom

avatar

Member
I made a table with border image, but it seams to not look right or be right. can somebody help make it look better?
Code:
<div><table border=0 cellspacing=0 colspan=100% width=50%><tr>
<td width=18 height=20 background=http://i43.tinypic.com/33yrji1.png></td>
<td height=20 background=http://i39.tinypic.com/33w6vdi.png></td>
<td width=18 height=20 background=http://i40.tinypic.com/256wakj.png></td></tr><tr>

<td width=18 background=http://i39.tinypic.com/2rnu6w4.png></td>
<td><table colspan=100% boder=0 cellspacing=0>
<td background=http://i39.tinypic.com/17wg8z.png height=30>Title Goes Here
</td></tr></table>Placew main text here, located under the tite.</td>
<td width=18 background=http://i39.tinypic.com/2rnu6w4.png></td>

</tr><tr>
<td width=18 height=20 background=http://i41.tinypic.com/1z5jl02.png></td>
<td height=20 background=http://i44.tinypic.com/2w71d76.png></td>
<td width=18 height=20 background=http://i44.tinypic.com/2d1vek4.png></td></tr>
</table></div>















Title Goes Here
Placew main text here, located under the tite.

View user profile

2Solved Re: Help on 6/3/2012, 12:27 pm

Vanilla990

avatar

Administrator
Can I ask, what are you trying to make it do?

Depending on what you are trying to do with the table. It is possible that I can reproduce it using divs and css to make it look similar.

Edit: I made this with divs and a small bit of css in about 5mins.

Title Goes Here
Place main text here, located under the title.

View user profile

3Solved Re: Help on 6/3/2012, 1:20 pm

grimofdoom

avatar

Member
Yeah i was trying to make something like that. I know not much css and beginner in html.though with a border more like the original one i made.

View user profile

4Solved Re: Help on 6/3/2012, 2:14 pm

Vanilla990

avatar

Administrator
So something a bit more like this?

Title Goes Here
Place main text here, located under the title.



















Title Goes Here
Placew main text here, located under the tite.

Placew main text here, located under the tite.



Last edited by Vanilla990 on 6/3/2012, 4:31 pm; edited 37 times in total

View user profile

5Solved Re: Help on 6/3/2012, 3:44 pm

grimofdoom

avatar

Member
is it possible to add light highlights to make it more 3-d?

View user profile

6Solved Re: Help on 6/3/2012, 3:56 pm

grimofdoom

avatar

Member
i mean like higlights in the center of the lines of like light hitting it.if you look at the green lines of the origonal one i made.

View user profile

7Solved Re: Help on 6/3/2012, 3:59 pm

Vanilla990

avatar

Administrator
I know, I am trying to work out a way at the moment. What you are after is a sort of bevel boss effect on the border but I'm struggling to make it look good.

View user profile

8Solved Re: Help on 6/3/2012, 4:04 pm

grimofdoom

avatar

Member
i can see how hard it is. Thats why i started with pictures.

View user profile

9Solved Re: Help on 6/3/2012, 4:06 pm

Vanilla990

avatar

Administrator
mmhm, That's the one benefit of using pictures for this sort of thing, you can make it look exactly the way you want it without any trouble. The good thing about css is you don't have to re-upload any images if you change it and it can automatically size.

View user profile

10Solved Re: Help on 6/3/2012, 4:08 pm

grimofdoom

avatar

Member
would it be easyer if i give you the URLs for all the images i used?

View user profile

11Solved Re: Help on 6/3/2012, 4:16 pm

Vanilla990

avatar

Administrator
I don't think there is much I can do with your current one because of the way it 's made. I'm not saying it's badly made, I actually think it's a rather clever way of doing it but it's a pain to try and customise.

If you want I can paste the code I used to make the one I was working on so you can mess around with that yourself.

Maybe someone else on here might be able to offer some assistance.

View user profile

13Solved Re: Help on 6/3/2012, 4:35 pm

Vanilla990

avatar

Administrator
Ok, using those images I've managed to get it to look like this so far:






















Title Goes Here
Placew main text here, located under the tite.



Last edited by Vanilla990 on 6/3/2012, 4:41 pm; edited 1 time in total

View user profile

14Solved Re: Help on 6/3/2012, 4:36 pm

grimofdoom

avatar

Member
that looks like how i was trying to make it.thank you.

View user profile

15Solved Re: Help on 6/3/2012, 4:42 pm

Vanilla990

avatar

Administrator
Well here is the code used for it. I took your original code and then when you added those new images I split the middle row into 2 and then set a background colour for the middle part instead of using the image.

Code:

<div>
<table border=0 cellspacing=0 colspan=100% width=50%>
<tr>
<td width=18 height=20 background=http://i42.tinypic.com/30lktvk.png></td>
<td height=20 background=http://i40.tinypic.com/aexut5.png></td>
<td width=18 height=20 background=http://i40.tinypic.com/5nvop.png></td>
</tr>
<tr>
<td width=18 background=http://i44.tinypic.com/290y2wk.png></td>
<td style="background-color:#C3C3C3;font-size:18px;padding-bottom:4px;"><center>Title Goes Here</center></td>
<td width=18 background=http://i44.tinypic.com/34ovbzn.png></td>
</tr>
<tr>
<td width=18 background=http://i39.tinypic.com/2rnu6w4.png></td>
<td>Placew main text here, located under the tite.</td>
<td width=18 background=http://i39.tinypic.com/2rnu6w4.png></td>
</tr>
<tr>
<td width=18 height=20 background=http://i41.tinypic.com/1z5jl02.png></td>
<td height=20 background=http://i44.tinypic.com/2w71d76.png></td>
<td width=18 height=20 background=http://i44.tinypic.com/2d1vek4.png></td></tr>
</table></div>

View user profile

16Solved Re: Help on 6/3/2012, 4:43 pm

grimofdoom

avatar

Member
Thank you. it will be very usefull for me in the future.(Aspecialy since now it can be used as a template and object at the same time)

View user profile

17Solved Re: Help on 6/3/2012, 5:14 pm

Drogba921

avatar

Administrator
As this is solved, I'll lock it. If you need it re-opening please send me a PM!

View user profile http://www.codinghelp.org

Sponsored content


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

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