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) » PSD to HTML Table?

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

1PSD to HTML Table? Empty PSD to HTML Table? Tue May 11, 2010 11:12 pm

latchy

latchy
Registered Member
Registered Member
Hey everyone Smile

Is it possible to change a PSD into a HTML table?

The only reasson I'm asking is becuase I would like this turning into a table:
PSD to HTML Table? Box_pl10

I have the PSD file.

I've tried to do it and can't find a way to type the text into the tab Sad

Cool Rob

http://www.graphiccentral.org/

2PSD to HTML Table? Empty Re: PSD to HTML Table? Wed May 12, 2010 2:24 am

Green CoW

Green CoW
Graphic Designer
Graphic Designer
TEST TEXT

Pretty close, huh Wink
Here's the code..
Code:
[table width="650" cellspacing="0" style="border:0px;"]
  [tr]
    [td height="76" background="http://img413.imageshack.us/img413/4169/headerbr.png"]
 [/td]
  [/tr]
  [tr]
    [td height="54" style="padding-left: 464px; padding-bottom: 3px;" valign="bottom" background="http://img168.imageshack.us/img168/4219/infoa.png"]TEST TEXT[/td]
  [/tr]
[/table]

3PSD to HTML Table? Empty Re: PSD to HTML Table? Wed May 12, 2010 2:32 am

latchy

latchy
Registered Member
Registered Member
Very close Smile

Now I just need to find a way to make the text centerd in the tab Shocked

http://www.graphiccentral.org/

4PSD to HTML Table? Empty Re: PSD to HTML Table? Wed May 12, 2010 2:53 am

Green CoW

Green CoW
Graphic Designer
Graphic Designer
Well, you could also split that orange tab into 3 images, and then have 3 columns.

5PSD to HTML Table? Empty Re: PSD to HTML Table? Wed May 12, 2010 3:01 am

latchy

latchy
Registered Member
Registered Member
I don't understand what you are meaning......

http://www.graphiccentral.org/

6PSD to HTML Table? Empty Re: PSD to HTML Table? Wed May 12, 2010 3:04 am

Green CoW

Green CoW
Graphic Designer
Graphic Designer
Never mind... I had to think (doesn't happen that often) Wink there for a while.. I just said another solution, but I think I got it here..
TEST TEXT

Code:
[table width="650" cellspacing="0" style="border:0px;"]
  [tr]
    [td height="76" background="http://img413.imageshack.us/img413/4169/headerbr.png"]
 [/td]
  [/tr]
  [tr]
    [td height="54" style="padding-left: 414px; padding-bottom: 3px; padding-right: 25px; text-align: center;" valign="bottom" background="http://img168.imageshack.us/img168/4219/infoa.png"]TEST TEXT [/td]
  [/tr]
[/table]

7PSD to HTML Table? Empty Re: PSD to HTML Table? Wed May 12, 2010 3:10 am

latchy

latchy
Registered Member
Registered Member
Thanks.

I don't mean to be a torment, but could you do the footer?

Here is the PSD File if you need it. Might make it easier Smile

http://www.graphiccentral.org/download.forum?id=15

http://www.graphiccentral.org/

8PSD to HTML Table? Empty Re: PSD to HTML Table? Wed May 12, 2010 4:40 am

Green CoW

Green CoW
Graphic Designer
Graphic Designer
Something like this...

Ok... here ya

HEADER
Update 11th May 2010
CONTENT HERE
©️ This tutorial is copyright to Graphic Central. Please do not rip, anyone found doing so will be reported to the appropiate authorities. Report a RipPSD to HTML Table? Rip_ico


Code:
[table width="650" cellspacing="0" style="border:0px;"]
  [tr]
    [td height="76" colspan="2" background="http://www.greencow.se/graphix/gc/header.png" style="text-align: center; font-size: 16px; color: #FFF; font-family: Verdana, Geneva, sans-serif; font-weight: bold;"]HEADER
    [/td]
  [/tr]
  [tr]
    [td height="53" colspan="2" valign="bottom" background="http://www.greencow.se/graphix/gc/info.png" style="padding-left: 414px; padding-bottom: 8px; padding-right: 25px; text-align: center; font-size: 9px; color: #FFF; font-family: Verdana, Geneva, sans-serif;"]Update 11th May 2010[/td]
  [/tr]
  [tr]
    [td colspan="2" bgcolor="#ADD8E6" style="padding:30px; color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 10px;"]CONTENT HERE[/td]
  [/tr]
  [tr background="http://www.greencow.se/graphix/gc/footer.png"]
    [td width="580" height="33" style="line-height: 9px; padding-left:5px; padding-right:5px; padding-top:0px; font-size: 9px; color: #FFF; font-family: Verdana, Geneva, sans-serif;"]©️ This tutorial is copyright to Graphic Central. Please do not rip, anyone found doing so will be reported to the appropiate authorities.[/td]
    [td width="80" style="font-size: 9px; color: #900; font-family: Verdana, Geneva, sans-serif;line-height: 9px;"]Report a Rip[url=http://www.google.com][img]http://www.greencow.se/graphix/gc/rip_ico.png[/img][/url][/td]
  [/tr]
[/table]

9PSD to HTML Table? Empty Re: PSD to HTML Table? Wed May 12, 2010 4:42 am

latchy

latchy
Registered Member
Registered Member
Thank you Sooooooo much green cow Very Happy

I've added another 200 Graphic Bucks for you on GC, lol

> Solved

http://www.graphiccentral.org/

10PSD to HTML Table? Empty Re: PSD to HTML Table? Wed May 12, 2010 4:51 am

Green CoW

Green CoW
Graphic Designer
Graphic Designer
You're welcome Smile !

11PSD to HTML Table? Empty Re: PSD to HTML Table? Wed May 12, 2010 7:13 am

Jophy

Jophy
Registered Member
Registered Member
Solved = Locked

http://www.socialtechforum.com/

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) » PSD to HTML Table?

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