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

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

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

YanOri

avatar
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....



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 ?



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

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

Unknown Data

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

http://woops.dk

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

YanOri

avatar
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

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

Unknown Data

avatar
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

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

YanOri

avatar
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




here its explained what i want

can i get the code for the same ?



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

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

ankillien

avatar
Administrator
Administrator
Dimon,

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

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

YanOri

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

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

ankillien

avatar
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>

9 Re: custom table codes request on 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://illiweb.com/fa/pbucket.gif"><img alt="" src="http://illiweb.com/fa/pbucket.gif" class="" style="display: inline;" /></td>
<td style="padding: 4px;" align="left" background="http://illiweb.com/fa/pbucket.gif" 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://illiweb.com/fa/pbucket.gif" 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>

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

YanOri

avatar
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

11 Re: custom table codes request on 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>

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

YanOri

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

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

ankillien

avatar
Administrator
Administrator
Solved | Locked

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