Royal Design -> Existem mais opções para alinhar imagens?

Royal Design

Royal Design - TUTORIAIS

Programação / Web

HTML / CSS

Existem mais opções para alinhar imagens?, Para reduzir o uso de tabelas!

Add/Remove Favorites | Assinar este tópico | Enviar tópico por e-mail | Imprimir o tópico

*T-subasa	Postado em 27 November 2008, 17:59 PM
Newbie Grupo: Membro Posts: 2 Registrado em: 27-November 08 Usuário nº: 161 Reputation: none Alerta: (0%)	Olá pessoa! Tudo bem? Então, eu preciso alinhar uma imagem e um texto como mostra na figura abaixo, mas eu só consigo fazer como tal se eu usar tabelas, o q as vezes invalida o XHTML/CSS do meu código. Tem alguma outra solução para conseguir fazer isto? Valeu!

~Thelon	Postado em 27 November 2008, 20:41 PM
Full Member Grupo: Administrador Posts: 180 Registrado em: 27-May 08 Usuário nº: 5 Reputation: 1 pts Alerta: (0%)	Trabalhe com div Basta posicionar com o CSS Se tive dúvidas posta ae que tento te ajudar

*T-subasa	Postado em 05 December 2008, 20:29 PM
Newbie Grupo: Membro Posts: 2 Registrado em: 27-November 08 Usuário nº: 161 Reputation: none Alerta: (0%)	Você poderia dar um exemplo?

~Thelon

Postado em 08 December 2008, 14:30 PM

Full Member
Group Icon

Grupo: Administrador
Posts: 180
Registrado em: 27-May 08
Usuário nº: 5
Reputation: 1 pts

Alerta: (0%)

Exemplo bem simples:

CODE

<html>
<title>Untitled Document</title>
<style>
#container{
margin:0 auto;
width:980px;
text-align:left; /* "remÃ�Â©dio" para o hack do IE */
height: 843px;
}
#lade{
float:left;
width:180px;
height:300px;
background:#FF0000;
}
#ladd{
float:right;
width:180px;
height:300px;
background:#00FF00;
}
#ladm{
float:left;
width:620px;
height:300px;
padding-right: 0px;
background:#0033FF;
}
</style>
</head>

<body>
<div id="container">
<div id="lade">Esquerda</div>
<div id="ladm">Meio</div>
<div id="ladd">Direita</div>
</div>
</body>
</html>

0 usuário(s) lendo este tópico (0 visitantes e 0 usuários anônimos)

0 usuários:

« Próximo mais antigo | HTML / CSS | Próximo mais novo »