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

Sir Pereira

Player

4 mensagens neste tópico

Boas,

estou a tentar fazer umas correcções no meu player que vai ficar numa frame.

Actualmente está com este código:

<html>
<head>
<title>Player RBO</title>
<style type="text/css">
body { background:url('imagens/bg.jpg');padding:0;top:0; }
</style>
</head>
<body>
<div style="float: left;padding:0;left:0;position:absolute;"><img src="imagens/left_bg.jpg"></div>
<div style="float: right;"><img src="imagens/right_bg.jpg"></div>
<center><img src="imagens/iniciar.png"><img src="imagens/parar.png"></center>
</body>
</html>

E está assim:

css.jpg

Fica um espaço enorme no topo, precisava de ajuda ;)

Abraço :)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Define o margin do body/div a 0, deve resolver.

Porreiro pah, és um master :)

E já agora, não sei se reparaste, mas no código, pus duas imagens ao centro .. e não ficaram ao centro :x

sugestões? Abraço e obrigado mais uma vez ;)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Uma possível versão de como eu faria (teria depois de acertar direitinho o CSS, mas creio que este faz o que queres):

body {

  background:url('imagens/bg.jpg');

  margin:  0px 0px 0px 0px;

}

.classe1 {

  float: left;

  position:absolute;

  padding: 0px 0px 0px 0px;

  margin:  0px 0px 0px 0px;

}

.classe2 {

  float: right;

  margin:  0px 0px 0px 0px;

}

.classe2 {

  clear: both;

  text-align: center;

  margin:  0px auto 0px auto;

}

****************************************************

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

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

<head>

    <title>Player RBO</title>

    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />

</head>

<body>

<div class="classe1">

  <img src="imagens/left_bg.jpg" /></div>

<div class="classe2">

  <img src="imagens/right_bg.jpg" /></div>

<div class="classe3">

  <img src="imagens/iniciar.png" />

  <img src="imagens/parar.png" /></div>

</body>

</html>

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