← Desenvolvimento

Template: imagem centrada no canto superior direito

Lida 1489 vezes

Offline

cenourinha 
Elite
Mensagens 4094 Gostos 21
Troféus totais: 34
Trófeus: (Ver todos)
Mobile User Apple User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4

Template: imagem centrada no canto superior direito

http://webtuga.com/e107/e107_themes/PhysioSnow/style.css

bem, tenho o e107 e quero por o icon das categorias das noticias, no canto superior direito da noticia, com um espaçamento pequeno em relação à borda da tabela, mas não estou a conseguir, deixovos aqui o link do css e o codigo da tabela para me poderem ajudar:

http://webtuga.com/e107/news.php
http://webtuga.com/e107/e107_themes/PhysioSnow/style.css

Código: [Seleccione]
<div class='spacer'>



<table cellpadding='0' cellspacing='0'>

<tr>

<td class='captiontopleft'><img src='".THEME."images/blank.gif' width='1' height='10' alt='' style='display: block;' /></td>

<td class='captiontopmiddle'><img src='".THEME."images/blank.gif' width='1' height='10' alt='' style='display: block;' /></td>

<td class='captiontopright'><img src='".THEME."images/blank.gif' width='1' height='10' alt='' style='display: block;' /></td>

</tr>

</table>



<table cellpadding='0' cellspacing='0'>

<tr>

<td class='captionleft'><img src='".THEME."images/blank.gif' width='41' height='20' alt='' style='display: block;' /></td>

<td class='captionbar' style='white-space:nowrap'>

{NEWSTITLE}

</td>

<td class='captionmain'><img src='".THEME."images/blank.gif' width='1' height='20' alt='' style='display: block;' /></td>

<td class='captionright'><img src='".THEME."images/blank.gif' width='24' height='20' alt='' style='display: block;' /></td>

</tr>

</table>

<table cellpadding='0' cellspacing='0'>

<tr>

<td class='bodyleft'><img src='".THEME."images/blank.gif' width='5' height='1' align='center' alt='' style='display: block;' /></td>

<td class='bodymain'>

{NEWSBODY}

{EXTENDED}

<div class='alttd' style='text-align:right'>Enviado por

{NEWSAUTHOR}

 |

{NEWSCOMMENTS}

 |

{EMAILICON}

{PRINTICON}

</div>

</td>

<td cellpadding='111' cellspacing='111' align='top' ><img src='".THEME."images/blank.gif' width='5' height='1' hspace='4' vspace='4' align='center' align='top' alt='' style='display: block;' />{NEWSICON}<img src='".THEME."images/blank.gif' width='5' height='1' alt='' style='display: block;' /></td>

<td class='bodyright'><img src='".THEME."images/blank.gif' width='5' height='1' alt='' style='display: block;' /></td>
</tr>

</table>

<table cellpadding='0' cellspacing='0'>

<tr>

<td class='bottomleft'><img src='".THEME."images/blank.gif' width='24' height='25' alt='' style='display: block;' /></td>

<td class='bottommain'><img src='".THEME."images/blank.gif' width='1' height='25' alt='' style='display: block;' /></td>

<td class='bottomright'><img src='".THEME."images/blank.gif' width='24' height='25' alt='' style='display: block;' /></td>

</tr>

</table>

</div>


Espero que me ajudem, o icon é o {NEWSICON}.
Offline

Ricardo75 
Membro
Mensagens 1660 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

normalmente seria assim na célula da tabela (<td>) : valign="top"

acho que podes também fazer assim:
<div style="float: right;">{NEWSICON}</div>

sugestão: já que tás a fazer um novo template faz sem tabelas para o layout... esse bocado de código que colocaste ficava praí em metade.