|
Answer» I just woundering how to do this:
1. Draw a box or a layer with a round square and it must have a nice colour boarder.
2. Set the spacing or reduce the spacing when pressing ENTER (not letter spacing)
3. Inserting little icon in the text field like 8-) :-? but different icon.
1. You can't round your corners from dreamweaver.
2. The only way to make it not double space is to hold shift then enter.
3. To insert an icon, put it in an image folder of the pathed space that you made, then make a text box, then insert the picture.Thank you
I see some nice site that has a round frame or round square i wounder how it can be done?I'm afraid I'm going to disagree with Perfect Agent's first two replies.
I'm not entirely sure what you mean by your questions, Elixir, but here goes?
1. What is a "round square"? Do you mean a rectangle with rounded corners? If so, this is not too difficult. You would need to create a table with 3 rows and three columns.
Row one: first cell contains the top left section of your border (a rounded corner - a gif); second cell contains the top border (which can be one pixel wide - make it the background of the cell and repeat it HORIZONTALLY); third cell contains top-right section.
Row two: first cell contains left hand border - which can be one pixel wide and repeated vertically; second cell contains your text; third cell contains right border.
Row three: similar to row one.
You can most easily do this using CSS. If you were using 8 pixel borders, the CSS could be:
Code: [Select]td.tl, td.t, td.tr, td.l, td.r, td.bl, td.b, td.br
{
border-collapse: collapse;
padding: 0px;
margin: 0px;
font-size: 1px;
}
td.tl, td.t, td.tr, td.bl, td.b, td.br
{
height: 8px;
}
td.tl, td.tr, td.l, td.r, td.bl, td.br
{
width: 8px;
}
td.tl, td.tr, td.bl, td.br
{
background-repeat: no-repeat;
}
td.t, td.b
{
background-repeat: repeat-x;
}
td.l, td.r
{
background-repeat: repeat-y;
}
td.tl
{
background-image: URL('tl.gif');
}
td.t
{
background-image: url('t.gif');
}
td.tr
{
background-image: url('tr.gif');
}
td.l
{
background-image: url('l.gif');
}
td.r
{
background-image: url('r.gif');
}
td.bl
{
background-image: url('bl.gif');
}
td.b
{
background-image: url('b.gif');
}
td.br
{
background-image: url('br.gif');
}
And the HTML could be:
Code: [Select]<table>
<tr>
<td class='tl'> </td>
<td class='t'> </td>
<td class='tr'> </td>
</tr>
<tr>
<td class='l'> </td>
<td>Your content goes here</td>
<td class='r'> </td>
</tr>
<tr>
<td class='bl'> </td>
<td class='b'> </td>
<td class='br'> </td>
</tr>
</table>Having done that, you can put the table anywhere you want, using CSS positioning. If you don't want anything BENEATH it to show through, ensure you use non-transparent backgrounds.
2. You need to CSS STYLE your paragraphs. e.g.
Code: [Select]p
{
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
3. Don't know what you want to do. "Text field"?That what i mean rob (1st Q)
You are a great help thank
I will give that a try
and Q3 it doesnt matter anymore
|
