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) » custom table codes request

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

1custom table codes request Empty custom table codes request Thu Oct 14, 2010 8:53 pm

YanOri

YanOri
Registered Member
Registered Member
Code:
<div style="padding:5px; border:1px dashed #1675bc; background:#c4e0f5; color:#088A08;width:550px;-moz-border-radius:5px;-webkit-border-radius:5px;">
[img]http://cdn.iconfinder.net/data/icons/drf/PNG/lock.png[/img][font=Tahoma]Content goes here......and here and here,[/font]
</div>

this code will produce a result as shown in the picture as expected....

custom table codes request J58spx

but my problem is that the text starts from the bottom of the image Sad

want it to start from the center of the image, i.e from that place where i marked a black line.. as shown in the second picture, is it possible ?

custom table codes request 2zp5f1l

edit : oh my, shouldn't this be in the css section ? sorry guys



Last edited by Dimon on Fri Oct 15, 2010 9:10 am; edited 2 times in total

2custom table codes request Empty Re: custom table codes request Thu Oct 14, 2010 9:20 pm

Unknown Data

Unknown Data
Registered Member
Registered Member
Try adding the align="middle" inside the img tag. Smile

http://woops.dk

3custom table codes request Empty Re: custom table codes request Thu Oct 14, 2010 9:25 pm

YanOri

YanOri
Registered Member
Registered Member
thanks UD, but i don't want the text and the image to align in the center..
what i want is, the image must stay as is, and the text must start from the middle of the image, where the black line starts

4custom table codes request Empty Re: custom table codes request Thu Oct 14, 2010 9:37 pm

Unknown Data

Unknown Data
Registered Member
Registered Member
That SHOULD be what align="middle" do (as you say), ie not centerring the content. Smile



Last edited by Unknown Data on Thu Oct 14, 2010 11:22 pm; edited 1 time in total

http://woops.dk

5custom table codes request Empty Re: custom table codes request Thu Oct 14, 2010 9:45 pm

YanOri

YanOri
Registered Member
Registered Member
i dont understand where to enter the code UD Sad


ok, here is what i am trying to do.. just check this table by rono


custom table codes request 2mhbty0

here its explained what i want

can i get the code for the same ?

custom table codes request Dvknwh

edit :: it will be great if a get a HTML version of the code

6custom table codes request Empty Re: custom table codes request Thu Oct 14, 2010 10:09 pm

ankillien

ankillien
Administrator
Administrator
Dimon,

Please change your topic title to something that reflects your question. Thanks.

7custom table codes request Empty Re: custom table codes request Thu Oct 14, 2010 10:11 pm

YanOri

YanOri
Registered Member
Registered Member
done anki, i need this asap please

8custom table codes request Empty Re: custom table codes request Thu Oct 14, 2010 10:18 pm

ankillien

ankillien
Administrator
Administrator
Try adding them in table...

Code:
<div style="padding:5px; border:1px dashed #1675bc; background:#c4e0f5; color:#088A08;width:550px;-moz-border-radius:5px;-webkit-border-radius:5px;">
[table][tr][td]
[img]http://cdn.iconfinder.net/data/icons/drf/PNG/lock.png[/img]
[/td][td]
[font=Tahoma]Content goes here......and here and here,[/font]
[/td][/tr][/table]
</div>

9custom table codes request Empty Re: custom table codes request Thu Oct 14, 2010 10:20 pm

Guest


Guest
heres the full code for you Dimon Wink

Code:
<table style="background-color: rgb(102, 1, 152); border: 1px solid rgb(87, 87, 87); margin-left: auto; margin-right: auto; margin-top: 32px; padding: 6px;">
<tbody>
<tr>
<td align="left" background="http://i85.photobucket.com/albums/k57/RoNo1/kscope1b.gif"><img alt="" src="http://i85.photobucket.com/albums/k57/RoNo1/cool2.gif" class="" style="display: inline;" /></td>
<td style="padding: 4px;" align="left" background="http://i85.photobucket.com/albums/k57/RoNo1/bgyel1.jpg" width="300">

<font color="black"><strong></strong></font>
<div style="margin: auto; text-align: center; width: 100%;"><font color="black"><strong>This topic is closed. Glad to help.</strong></font></div><font color="black"><strong></strong></font><strong>
</strong>
<div align="right"><strong><font color="darkred"><font face="comic sans ms"><span style="font-size: 14px; line-height: normal;"><sup>Locked</sup><img alt="" src="http://i85.photobucket.com/albums/k57/RoNo1/lock2.png" class="" style="display: inline;" /><sup>RoNo</sup></span></font></font></strong><font color="darkred"><font face="comic sans ms"></font></font></div><font color="darkred"></font></td></tr></tbody></table>

10custom table codes request Empty Re: custom table codes request Thu Oct 14, 2010 10:47 pm

YanOri

YanOri
Registered Member
Registered Member
thank you nick Smile

@ anki, thank you.but,is it possible to make the borders invisible ? also, i want the smaller portion to be available for the image and the larger part for the text

11custom table codes request Empty Re: custom table codes request Thu Oct 14, 2010 11:00 pm

Guest


Guest
for the borders,try this:

Code:
<div style="padding:5px; border:0px dashed #1675bc; background:#c4e0f5; color:#088A08;width:550px;-moz-border-radius:5px;-webkit-border-radius:5px;">
[table][tr][td]
[img]http://cdn.iconfinder.net/data/icons/drf/PNG/lock.png[/img]
[/td][td]
[font=Tahoma]Content goes here......and here and here,[/font]
[/td][/tr][/table]
</div>

12custom table codes request Empty Re: custom table codes request Fri Oct 15, 2010 9:10 am

YanOri

YanOri
Registered Member
Registered Member
thank you Smile this is solved now

13custom table codes request Empty Re: custom table codes request Fri Oct 15, 2010 12:19 pm

ankillien

ankillien
Administrator
Administrator
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) » custom table codes request

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