Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

_The_Punk_Rocker_

[Resolvido] Como Fazer O Texto Subir?

Por , em Desenvolvimento frontend

Recommended Posts

_The_Punk_Rocker_    0

_The_Punk_Rocker_
Postado

Bem eu fiz um lay, e gostava de fazer o texto subir tipo:

 

Aqui!

 

Vêm que a parte onde está o "Lorem ipsum", está lá em baixo? Eu gostava de a fazer subir para ficar ao lado da imagem estão a perceber? Então como fazer isso?

 

Aqui está o código do meu lay:

 

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Titulo!</title>

<style type="text/css">

body {

background-color: #000000;

font-family: Tahoma;

font-size: 11px;

color: #EDEDED;

text-align: center;

margin-top: 0px;

margin-bottom: 0px;

}

 

/******* LAYOUT *******/

#page{

width: 650px;

text-align: left;

margin-left: auto;

margin-right: auto;

}

#header{

background-image: url(images/header.gif);

width: 278px;

height: 380px;

}

#content {

width: 360px;

padding-left: 5px;

margin-top: 3px;

margin-bottom: 3px;

float: right;

}

#sidebar{

width: 270px;

padding-left: 5px;

margin-top: 3px;

float: left;

}

#footer {

width: 650px;

height: 50px;

text-align: center;

clear: both;

background-position: bottom;

}

 

a {

color: #CCCCCC;

text-decoration: none;

}

 

a:hover {

color: #00FF33;

text-decoration: line-through;

}

</style>

</head>

 

<body>

<div id="page">

<div id="header"></div>

<div id="content">

Titulo!

<br />

Lorem ipsum blablabla! Lorem ipsum blablabla! Lorem ipsum blablabla! Lorem ipsum blablabla!

<br />

Lorem ipsum blablabla!Lorem ipsum blablabla!Lorem ipsum blablabla!Lorem ipsum blablabla!

<br />

Lorem ipsum blablabla!Lorem ipsum blablabla!Lorem ipsum blablabla!Lorem ipsum blablabla!

<br />

Lorem ipsum blablabla!Lorem ipsum blablabla!Lorem ipsum blablabla!Lorem ipsum blablabla!

</div>

<div id="sidebar">Ups!</div>

<div id="footer">Powered by <a href="#" target="_blank">Myself</a></div>

</div>

</body>

</html>

Obrigada!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

inforsis    1

inforsis
Postado

_The_Punk_Rocker_, Boa Noite!

Posta a solução para o problema, assim você pode ajudar membros que venham a ter uma dúvida similar posteriormente. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

_The_Punk_Rocker_    0

_The_Punk_Rocker_
Postado 

#content {
width: 360px;
padding-left: 5px;
margin-top: -377px;
float: right;
}

Esta foi a solução! Fui mexendo com os tamanhos até resultar. Será que é o modo certo? Espero que sim!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito