FOTO DISTORCENDO
Tenho um site de anúncios que coloco fotos lado a lado, o caminho das mesma ficam no db e elas no servidor, o que está acontecendo é o seguinte, tem fotos que são tirada pelos anunciantes na forma de paisagem e o padrao do site é paisagem. Como faço para resolver este problema? O codigo abaixo:
html
<LINK REL=stylesheet HREF=[Ô]liks_etc.css[Ô] TYPE=[Ô]text/css[Ô]
<head>
<style type=[Ô]text/css[Ô]>
.style1
{
color: #FFCC00;
}
.style2
{
font-weight: bold;
}
.style3
{
height: 15px;
}
</style>
</head>
<meta http-equiv=[Ô]Content-Type[Ô] content=[Ô]text/html; charset=iso-8859-1[Ô]>
<body style=[Ô]background-color: #000000[Ô]>
<table width=[Ô]<%=tabwidth%>[Ô] cellspacing=[Ô]2[Ô] cellpadding=[Ô]1[Ô]
bgcolor=[Ô]<%= trback%>[Ô] bordercolorlight=[Ô]<%= mainborderlight%>[Ô]
bordercolordark=[Ô]<%= mainborderdark%>[Ô]>
<%
Dim objConn, objRs, strQuery, strConnection, url_conexao
url_conexao = Server.MapPath([Ô]adm.mdb[Ô])
set objConn = Server.CreateObject([Ô]ADODB.Connection[Ô])
objConn.open [Ô]DRIVER={Microsoft Access Driver (*.mdb)};DBQ=[Ô]&url_conexao
[ô] objConn = Server.CreateObject([Ô]ADODB.Connection[Ô])
[ô]objConn.Open [Ô]DBQ=[Ô] & Server.MapPath([Ô]adm.mdb[Ô]) & [Ô];Driver={Microsoft Access Driver (*.mdb)}[Ô],[Ô]username[Ô],[Ô]password[Ô]
[ô]Seleciona da tabela contato
strQuery = [Ô]SELECT * FROM imovel where categoria=[ô]mulheres[ô] and destaque=[ô]Sim[ô] and status=[ô]sim[ô] order by nome asc[Ô]
set objRs = objConn.Execute(strQuery)
%>
<%Set objrs = Server.CreateObject([Ô]ADODB.RecordSet[Ô])
objrs.MaxRecords = 12
objrs.open strQuery,objConn %>
<%
Do While Not objRs.eof
%>
<tr>
<%
Dim n
n = 0
Do While n < 6 And Not objRs.eof
%>
<meta http-equiv=[Ô]Content-Type[Ô] content=[Ô]text/html; charset=iso-8859-1[Ô]>
<td width=[Ô]<%= tdwidth%>%[Ô] valign=[Ô]top[Ô]>
<center style=[Ô]color: #FF9900[Ô]>
<a href=[Ô]folder.asp?autonum=<%=objRs([Ô]autonum[Ô])%>[Ô] target=[Ô]_blank[Ô]><img src=[Ô]<%=objRs([Ô]foto1[Ô])%>[Ô] alt=[Ô]<%=objRs([Ô]bairros[Ô])%>[Ô]
height=190
style=[Ô]border: medium solid #999999; background-color: #C0C0C0; width: 125px;[Ô]
border=[Ô]0[Ô] title=[ô]<%=objRs([Ô]bairros[Ô])%>[ô]></a><span class=[Ô]style53[Ô]
style=[Ô]font-family: Tahoma; color: #FFCC00; font-weight: normal; font-size: 10pt;[Ô]><br>
</span>
<span class=[Ô]style2[Ô]
style=[Ô]font-family: Tahoma; color: #FFCC00; font-size: 11pt;[Ô]>
<%=objRS([Ô]nome[Ô])%> <span class=[Ô]style1[Ô]>
<span class=[Ô]style2[Ô]
</span>
<span class=[Ô]style53[Ô]
style=[Ô]font-family: Tahoma; color: #FFCC00; font-weight: normal; font-size: 10pt;[Ô]>
</center>
</td>
<%
objRs.Movenext()
n = n + 1
loop
%>
</tr>
<tr>
<td width=[Ô]<%= tdwidth%>%[Ô] valign=[Ô]top[Ô] class=[Ô]style3[Ô]>
</td>
</tr>
<%loop%>
html
<LINK REL=stylesheet HREF=[Ô]liks_etc.css[Ô] TYPE=[Ô]text/css[Ô]
<head>
<style type=[Ô]text/css[Ô]>
.style1
{
color: #FFCC00;
}
.style2
{
font-weight: bold;
}
.style3
{
height: 15px;
}
</style>
</head>
<meta http-equiv=[Ô]Content-Type[Ô] content=[Ô]text/html; charset=iso-8859-1[Ô]>
<body style=[Ô]background-color: #000000[Ô]>
<table width=[Ô]<%=tabwidth%>[Ô] cellspacing=[Ô]2[Ô] cellpadding=[Ô]1[Ô]
bgcolor=[Ô]<%= trback%>[Ô] bordercolorlight=[Ô]<%= mainborderlight%>[Ô]
bordercolordark=[Ô]<%= mainborderdark%>[Ô]>
<%
Dim objConn, objRs, strQuery, strConnection, url_conexao
url_conexao = Server.MapPath([Ô]adm.mdb[Ô])
set objConn = Server.CreateObject([Ô]ADODB.Connection[Ô])
objConn.open [Ô]DRIVER={Microsoft Access Driver (*.mdb)};DBQ=[Ô]&url_conexao
[ô] objConn = Server.CreateObject([Ô]ADODB.Connection[Ô])
[ô]objConn.Open [Ô]DBQ=[Ô] & Server.MapPath([Ô]adm.mdb[Ô]) & [Ô];Driver={Microsoft Access Driver (*.mdb)}[Ô],[Ô]username[Ô],[Ô]password[Ô]
[ô]Seleciona da tabela contato
strQuery = [Ô]SELECT * FROM imovel where categoria=[ô]mulheres[ô] and destaque=[ô]Sim[ô] and status=[ô]sim[ô] order by nome asc[Ô]
set objRs = objConn.Execute(strQuery)
%>
<%Set objrs = Server.CreateObject([Ô]ADODB.RecordSet[Ô])
objrs.MaxRecords = 12
objrs.open strQuery,objConn %>
<%
Do While Not objRs.eof
%>
<tr>
<%
Dim n
n = 0
Do While n < 6 And Not objRs.eof
%>
<meta http-equiv=[Ô]Content-Type[Ô] content=[Ô]text/html; charset=iso-8859-1[Ô]>
<td width=[Ô]<%= tdwidth%>%[Ô] valign=[Ô]top[Ô]>
<center style=[Ô]color: #FF9900[Ô]>
<a href=[Ô]folder.asp?autonum=<%=objRs([Ô]autonum[Ô])%>[Ô] target=[Ô]_blank[Ô]><img src=[Ô]<%=objRs([Ô]foto1[Ô])%>[Ô] alt=[Ô]<%=objRs([Ô]bairros[Ô])%>[Ô]
height=190
style=[Ô]border: medium solid #999999; background-color: #C0C0C0; width: 125px;[Ô]
border=[Ô]0[Ô] title=[ô]<%=objRs([Ô]bairros[Ô])%>[ô]></a><span class=[Ô]style53[Ô]
style=[Ô]font-family: Tahoma; color: #FFCC00; font-weight: normal; font-size: 10pt;[Ô]><br>
</span>
<span class=[Ô]style2[Ô]
style=[Ô]font-family: Tahoma; color: #FFCC00; font-size: 11pt;[Ô]>
<%=objRS([Ô]nome[Ô])%> <span class=[Ô]style1[Ô]>
<span class=[Ô]style2[Ô]
</span>
<span class=[Ô]style53[Ô]
style=[Ô]font-family: Tahoma; color: #FFCC00; font-weight: normal; font-size: 10pt;[Ô]>
</center>
</td>
<%
objRs.Movenext()
n = n + 1
loop
%>
</tr>
<tr>
<td width=[Ô]<%= tdwidth%>%[Ô] valign=[Ô]top[Ô] class=[Ô]style3[Ô]>
</td>
</tr>
<%loop%>
Poste um print do problema no tópico.
Tecla infelizmente não posso printar são anúncios eróticos se quiser de uma olhada ciaeprazer.com/home.asp, as fotos que estão distorcidas 1ª fileira super destaques da esquerda para direita, 3ª foto e 6ª foto.
Obrigado
Obrigado
Acho eu que o codigo tem que reconhecer o height e o width da foto, mas nao sei se dá para fazer sem usar nenhum componente.
http://www.w3schools.com/tags/tag_img.asp
dekinho eu preciso tratar a imagem na hora que imprime na tela, ou seja, não sou eu que envio as fotos e sim os anunciantes, as imagens em paisagem que estão distorcendo, as imagens em retrato estão perfeita, o que eu preciso é uma maneira de de identificar heigth e width e dependendo dos valores da identificação ele aumenta ou diminui heigth e width.
Obrigado.
Obrigado.
MAFACILITY,
desculpa pois essa área web estou zerado ainda, comecei fazer uns testes agora e estou apanhando aqui.. bom....
vc deve ter suas regras de negocios e tal, dentre estas está o espaço q vc reservou para tal imagem, ou melhor, vc sabe até q tamanho esta imagem deve ficar, entao imagino eu que o lance é forçar a imagem ao tamanho desejado, ignorando seu tamanho original.... tipo.. na tag img tem o width e height..
<img src=[Ô]minha imagem.jpg[Ô] width=150px height=150px />
estou ignorando o tamanho original e impondo minha regra.
tenta ae
desculpa pois essa área web estou zerado ainda, comecei fazer uns testes agora e estou apanhando aqui.. bom....
vc deve ter suas regras de negocios e tal, dentre estas está o espaço q vc reservou para tal imagem, ou melhor, vc sabe até q tamanho esta imagem deve ficar, entao imagino eu que o lance é forçar a imagem ao tamanho desejado, ignorando seu tamanho original.... tipo.. na tag img tem o width e height..
<img src=[Ô]minha imagem.jpg[Ô] width=150px height=150px />
estou ignorando o tamanho original e impondo minha regra.
tenta ae
style=[Ô]border: medium solid #999999; background-color: #C0C0C0; [txt-color=#e80000]width: 125px;[/txt-color][Ô]
O que está em vermelho é o tamanho que vc atribui, por isso está distorcendo. Tire isso e vai funcionar. Detalhe: Isso faz com que a tag img, tenha o tamanho da foto(automático), e pode fazer com que a página fique [Ô]desalinhada[Ô], dependendo de como vc a construiu.
O que está em vermelho é o tamanho que vc atribui, por isso está distorcendo. Tire isso e vai funcionar. Detalhe: Isso faz com que a tag img, tenha o tamanho da foto(automático), e pode fazer com que a página fique [Ô]desalinhada[Ô], dependendo de como vc a construiu.
realmente kerplunk eu forcei width 125px para poder enquadrar o nº de fotos desejado em minha tela, do jeito que voce falou realmente funciona, mas não tenho controle. A intenção é que o anunciante envie as fotos e minha impressão faça o tratamento height e width, acho eu que não tem como fazer o que eu quero na unha. Obrigado
é que se vc determinar tamanho para as imagens, vc ganha controle do lay-out, mas como vc não sabe o tamanho das fotos que virão, não tem como não distorcer fazendo o tamanho à mão, porque vc teria que calcular proporcionalidade, e mesmo assim, haveria distorção...
é já vi este cálculo de proporcionalidade, mas tambem distorce. Obrigado.
Tópico encerrado , respostas não são mais permitidas