• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

UnKnowN

O que é que está mal ?

16 mensagens neste tópico

Estou a (tentar) CSS para fazer 1 página simples e quando ia a ver o resultado do trabalho, nada ... a página estava em branco ...  :shocking:

Could U Please Help Me ?

<!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=iso-8859-1" />
<title>Experiencia</title>
<style>
#index {
text-align:left;
}
<img src="http://unknownpt.home.sapo.pt/UnKnowN.jpg" border="0" width="300" alt="UnKnowN's HomePage" />
#fundo {
height: 10%;
width: 95%;
margin: 155px 5px 5px 5px;
border:solid #000000 1px;
text-align:right;
padding:2px;
background:#FFF;
}
<a href="http://unknownpt.home.sapo.pt/"><img src="http://unknownpt.home.sapo.pt/home.jpg" border="0" width="200" alt="Home" /></a>
<a href="http://unknownpt.home.sapo.pt/imagens"><img src="http://unknownpt.home.sapo.pt/imagens2.jpg" border="0" width="200" alt="Imagens" /></a>
<a href="http://unknownpt.home.sapo.pt/cssource"><img src="http://unknownpt.home.sapo.pt/cssource.jpg" border="0" width="200" alt="Counter Strike: Source" /></a>
#pagina {
margin:1 auto;
height: 380px;;
width: 60%;
text-align: right;
border:dotted 1px;
background:#FFFFFF;
}
</style>
</head>

<body>
<div id="fundo">
<div id="pagina">
<div id ="index">

</div>
</div>
</div>
</body>
</html>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Boas..

Tens alguns erros na maneira que programas o html com CSS, primeiro nao podes misturar html com CSS, como ai tens no CSS as tag <img> e com as tag de Html.

  Aqui tens o codigo corrigido


<!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=iso-8859-1" />
<title>Experiencia</title>
<style>
#index {
text-align:left;
}

#fundo {
height: 10%;
width: 95%;
margin: 155px 5px 5px 5px;
border:solid #000000 1px;
text-align:right;
padding:2px;
background:#FFF;
}

#pagina {
margin:1 auto;
height: 380px;;
width: 60%;
text-align: right;
border:dotted 1px;
background:#FFFFFF;
}
</style>
</head>

<body>
<div id="fundo">
<a href="http://unknownpt.home.sapo.pt/"><img src="http://unknownpt.home.sapo.pt/home.jpg" border="0" width="200" alt="Home" /></a>
<a href="http://unknownpt.home.sapo.pt/imagens"><img src="http://unknownpt.home.sapo.pt/imagens2.jpg" border="0" width="200" alt="Imagens" /></a>
<a href="http://unknownpt.home.sapo.pt/cssource"><img src="http://unknownpt.home.sapo.pt/cssource.jpg" border="0" width="200" alt="Counter Strike: Source" /></a>
<div id="pagina">
<div id ="index">
<img src="http://unknownpt.home.sapo.pt/UnKnowN.jpg" border="0" width="300" alt="UnKnowN's HomePage" />
</div>
</div>
</div>
</body>
</html>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Obti este site (fazer download) -> http://rapidshare.de/files/18148384/__.html.html

Apartir deste code :

<html>
<head>
<style>

#fundo {
height: 10%;
width: 95%;
margin: 155px 5px 5px 5px;
border:solid #000000 1px;
text-align:right;
padding:2px;
background:#FFF;
}

#pagina {
margin:1 auto;
height: 380px;
width: 60%;
text-align: right;
border:dotted 1px;
background:#FFFFFF;
}

</style>
</head>
<body>
<div id="fundo">
<div id="pagina">
</div>
</div>
</body>
</html>

Queria saber como é que agora posso pôr texto ou imgs dentro do rectangulo cotado e dentro do rectangulo nao-cotado, gostava ainda de saber como é que substitu-o o cotado por 1 linha sólida (como a do 1º rectangulo) e como meto uma img no topo da página (em cima dos 2 rectangulos) :)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Já andei a modificar e tal e deu-me mais ou menos o que queria, mas tipo ... agr queria fazer um novo "quadrado" ao lado de um rectangulo que fiz para alojar as imgs do menu

queria que ficasse assim :

lol4lr.th.jpg

mas nao consigo kriar o quadrado dos contactos (e que serveria para o esto das opçoes no menu)

podem fornecer-me o code ?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

keres k aparece aquele quadrado vermelho que tens la na imagem e isso ??

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

nao nada disso, quero que apareça o quadrado em que diz o mail e o site... quando tento pô-lo nao funa ... se quiserem o source-code peçam :)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

como e k xamas a esse kuadrado no Html/ CSS ??

Não sei :(

ainda nao tens esse quadrado feito entao na tua pagina... senao tens tens k tem mais um Div para esse quadrado, com exemplo o nome de conteudo ou main uma cena assim e dpx tens k fazer o link para esse main, penso eu de que... que ainda nao vou nessa fase :)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

como e k xamas a esse kuadrado no Html/ CSS ??

Não sei :(

ainda nao tens esse quadrado feito entao na tua pagina... senao tens tens k tem mais um Div para esse quadrado, com exemplo o nome de conteudo ou main uma cena assim e dpx tens k fazer o link para esse main, penso eu de que... que ainda nao vou nessa fase :P

Nem eu :)

LOL!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

O que queres fazer que eu ainda não percebi? Fazer aparecer um quadrado quando clicas ou metes o rato em cima?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Nao, pah, era fazer uma cena tipo frame ... mas nao é bem ...

Quando clicava em imagens aparecia um quadrado (como está nos contactos) e esse quadrado ia mudando o conteudo interior à medida que eu mudava de "opçao de menu"

Em Contactos apareciam os meus contactos, em Imagens apareciam Imagens cómicas, e tal ... sempre assim , mas mantaendo o mesmo quadrado ... Get it ?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

podes usar um iframe para isso, nao e mto acoselhavel mas pronto. ou entao como eu tava a dizer um div do tipo:

 


           <div id="main">
                      asdasdhaskhjdkasdhkashjdkajsdhkashdakshjdas
           </div>
  

  pronto isto e o teu div do meio o teu quadrado onde queres que apareça as cenas ....

  depois fazes:

 



    <a href="pagina.html" target=#main> 

ainda nao testei mas pela logica deve ser assim..

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora