Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
Entre para seguir isso  
FabianeDaz

Imagem com Link Paralelo

Recommended Posts

Olá.. Eu preciso de uma mega ajuda de quem entende de HTML (Eu acho que é isso mesmo..rs)

Depois de fazer o tutorial aqui, para aprender algumas coisas que eu queria, tentei fazer um código que me permitisse adicionar na lateral do meu blog uma imagem com link e ao lado um texto com link ambas da mesma "notícia".. o código que eu cheguei foi esse :

<center>

<a href="Link da Notícia" title="Título" style= "float:left;" ><img border="0" src="Imagem" /></a>

<a href="Link da Notícia" title="Título"> <font face="Hobo Std" size="2"> A Notícia </font> </a>

</center>

Eu imagino que para quem entende do assunto, deve ter como simplificar e conseguir o mesmo objetivo...

Mas a questão é que esse código cumpre muito bem o que preciso, mas apenas quando uso só para uma notícia... Assim :

supermanh.jpg

mas quando eu quero colocar várias (que é meu obejetivo), uma interfere na outra e não fica legal, não fica centralizado, resumindo fica feio demais.. Assim :

notisw.jpg

Se alguém puder me dar uma luz, eu ficaria imensamente grata..

Eu também tentei usar esse código :

<center><a href="Link da Notícia" target="_blank" title="Título" style= "float:left;" > A Notícia<img border="0" src="Link da Imagem" /></a></center>

Mas ai, centralizado fica apenas a primeira frase da notícia..

Fica assim :

97170097.jpg

Resumindo : Eu queria poder fazer algo pareciso com isso :

87306803.jpg

Se alguém quiser dá uma olhada no blog para ver o que eu quero :

http://filmeclubes.blogspot.com/

(Lá está mais ou menos o que eu preciso, em "Mais Notícias", so que para conseguir eu precisei separar os códigos e ficou um espaço muito grande entre eles -feio )

Desde já.. Muito obrigada para quem ao menos teve a coragem de ler esse pedido de socorro..rsrs :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá, tente fazer com listas nao ordenadas.

exemplo:


<div id="noticias">
<ul >
<li>
<a href="#"><img src="img/superman.jpg" alt="foto"/></a>
<a href="#"><span>Imagens Revelam Detalhes da Rouba do Superman</span></a>
</li>
<li>
<a href="#"><img src="img/anneehugh.jpg" alt="foto"/></a>
<a href="#"><span>Anne Hathaway e Hugh Jackman Podem Atuar Juntos em Musical </span></a>
</li>
<li>
<a href="#"><img src="img/mulher.jpg" alt="foto"/></a>
<a href="#"><span>"Contágio" Ganha Pôster em Português</span></a>
</li>
<li>
<a href="#"><img src="img/monstro.jpg" alt="foto"/></a>
<a href="#"><span>"Os Vingadores" Ganha Imagens Promocionais</span></a>
</li>
<li>
<a href="#"><img src="img/mulher2.jpg" alt="foto"/></a>
<a href="#"><span>Novas Imgens de "Cada Um Tem a Gêmea que Merece</span></a>
</li>
</ul>
</div>

e no css você estiliza sua lista:



<style type="text/css">
*{ margin: 0; padding: 0;}
#noticias{width: 250px;}
#noticias ul{ list-style: none;}
#noticias li {margin-bottom: 0.5em; }
#noticias li span{position: absolute; width: 10em; margin-left: 10px; text-align: justify;}

</style>

detalhes: onde tem " #" você substitui pelo link. e substita as fotos também..

para posicionara div noticias ali onde você quer, use o atributo:

position: absolute; left: numero de px; top: numero de px;

veja exemplo aqui. acho q era isso que você queria.

abraço

Editado por dif
Executei o exemplo para ela se guiar

Compartilhar este post


Link para o post
Compartilhar em outros sites
  • Autor do tópico
  • Opa.. Obrigada por ter respondido..

    Então.. ficou bem parecido com o que eu quero.. So não entendi duas coisas..

    Primeiro é como eu faço para ela não ultrapassar minha coluna (que é de 170)

    Porque ela tá assim :

    imagemwpz.jpg

    Segundo : Você sabe se tem como tirar as espaços entre as palavras ?

    (Mas acho que uma coisa está ligada a outra )

    Obrigada mesmo.. Abraço

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    desculpe, que você nao tinha especificado o tamanho de sua coluna.

    então ela tem largura de 170px certo?

    basta você ajustar no css de #noticias: width: 170px;

    e no #noticias li span: ajustar o width para 170px e text-align: center;

    os espaços no texto era porque eu tinha deixado em justificado, troque para center que ficara como você quer.

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    Crie uma conta ou entre para comentar

    Você precisar ser um membro para fazer um comentário

    Entre para seguir isso  





    Sobre o Clube do Hardware

    No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

    Direitos autorais

    Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

    ×