Jump to content
UnKnowN

O que é que está mal ?

Recommended Posts

UnKnowN

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 ...  😲

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>

Share this post


Link to post
Share on other sites
pebat

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>

Share this post


Link to post
Share on other sites
UnKnowN

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) :)

Share this post


Link to post
Share on other sites
UnKnowN

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 ?

Share this post


Link to post
Share on other sites
UnKnowN

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 :)

Share this post


Link to post
Share on other sites
pebat

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 :)

Share this post


Link to post
Share on other sites
UnKnowN

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!

Share this post


Link to post
Share on other sites
AriOps

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


Daniel Correia

Share this post


Link to post
Share on other sites
UnKnowN

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 ?

Share this post


Link to post
Share on other sites
pebat

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..

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.