Html

[IgorCroft 0]

Olá, eu estou aqui depois de muito tentar, e não conseguir, venho pedir a ajuda de vocês que são mais experientes. Eu estou com esse problema, vejam:

 

 

 

Poderiam me ajudar? Abaixo segue o código do problema:

 

<p align="left"><span class="style15">Hospedagens Linux</span><br />
                             <span class="style6">Plataformas Linux são apropriadas para sites PHP.<div align="right"><img src="/images/linux1.png" alt="" width="70" height="70" /></div></span></p>

 

Ficarei grato, se me ajudarem.

[Andrey Knupp Vital 136]

tenta tirar a div .. use   pra alinhar ao lado .. poste aqui os resultados

Abraços ..

[Henrique Barcelos 290]

Use:

float: left;

onde está escrito 'Hospedagens Linux'

 

E

float: right;

na imagem do pinguim

 

Não se esqueça de colocar:

clear: both;

no elemento que vier depois deles

[IgorCroft 0]

Fiz o que nosso amigo Rick disse, o código ficou assim:

 

<div id="titulo1">Hospedagem Linux</div>
          <div id="imagem1"><img src="/images/linux1.png" alt="" /></div>

 

e o css ficou assim:

 

.titulo1{float: left;}
.imagem1{float: right;}

 

Não resolveu, o pinguim ficou embaixo do texto.

[Preis85 0]

Inverte o código

 

<img src="/images/linux1.png" alt="" id="imagem1"/>
<div id="titulo1">Hospedagem Linux</div>

 

Não vai nem precisar do float:left no texto, só o float:right na imagem ja resolve.

[IgorCroft 0]

Inverte o código

 

<img src="/images/linux1.png" alt="" id="imagem1"/>
<div id="titulo1">Hospedagem Linux</div>

 

Não vai nem precisar do float:left no texto, só o float:right na imagem ja resolve.

Não adiantou, ficou a mesma coisa só que invertido

[crf_h0m3r 5]

Será que assim dá certo?

 

HTML:

<div id="cabecalho">
<h3>Hospedagens Linux</h3><br />
<h5>Plataformas Linux são apropriadas para sites PHP.</h5>
</div>
<div id="pinguim">
<img src="pinguim9nk.jpg" border="0" />
</div>

 

CSS:

<style>
* {
margin:0 auto;
padding:0;
}
body {
margin:0 auto;
padding:0;
background:#999;
}
#cabecalho {
float:left;
margin:0 auto;
border:1px solid #000;
}
#pinguim img {
float:right
}
</style>

[Evandro Oliveira 331]

Fiz o que nosso amigo Rick disse, o código ficou assim:

 

<div id="titulo1">Hospedagem Linux</div>
          <div id="imagem1"><img src="/images/linux1.png" alt="" /></div>

 

e o css ficou assim:

 

.titulo1{float: left;}
.imagem1{float: right;}

 

Não resolveu, o pinguim ficou embaixo do texto.

 

 

Utilizou o seletor de .classe para elementos que não possuem uma classe. Ao invés disso, utilize seletores de #id

 

#imagem1 { float: right; }