Dreamweaver - imagem

M

metRo_

Power Member
Como faço no dreamweaver para a imagem ficar por trás do texto. Estava habituado a utilizar o FrontPage e não encontro essa opção no DW...


Abraços e Obrigado
 
mas preciso que seja inserida porque preciso de a centrar... preciso que sempre a o browser seja redimensionado ela esteja no centro...
 
Não é preciso "inserir" a imagem para que a mesma fique centrada (se fizeres uma tabela e usares a imagem como background também serve, por exemplo...).

Como usavas o frontpage dúvido que saibas CSS, mas umas pesquisas no google por "center image with css" devem ajudar.
 
No frontPage eu inseria a imagem nas propriedades punha pro trás do texto e alinhava ao centro.

Eu no dreamweaver até tentei com um DivTag mas ele não fica no centro o resultado foi: http://www.puntoparquets.com/metro/joker/index.html se redimensionarem o browser vão ver do que fali...

Vou explicar melhor....

Página em Flash: SWF

Criei um novo ficheiro no dreamweaver.
-Coloquei a seguinte imagem de fundo:
fundo.gif


-Depois inseri o ficheiro SWF e alinhei ao centro.

-E agora quero que a seguinte imagem:
fundo_borda.png
, fique alinhada ao centro para estar sempre alinhada com o SWF como se pertencesse ao SWF.

Fui ao site que me deste mas agora tenho duvida porque estou a usar duas imagens.
 
Última edição:
Onde tens esta linha:
Código: 
background-image: url(fundo_borda.png);
experimenta adicionar estas duas:
Código: 
background-image: url(fundo_borda.png);
background-repeat: no-repeat;
background-position: center center;
 
Neste momento o código e a pagina estão neste estado:

Código: 
<!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>Untitled Document</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
    background-image: url(fundo.gif);
}
#apDiv1 {
    position:absolute;
    left:170px;
    top:15px;
    width:900px;
    height:750px;
    z-index:1;
    background-image: url(fundo_borda.png);
}
-->
</style></head>

<body>
<div align="center">
  <p><img src="fundo_borda.png" width="900" height="750" align="absmiddle" />
    <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','750','height','600','align','absmiddle','src','index','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','index' ); //end AC code
    </script>
    <noscript>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="750" height="600" align="absmiddle">
      <param name="movie" value="index.swf" />
      <param name="quality" value="high" />
      <embed src="index.swf" width="750" height="600" align="absmiddle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
    </object>
    </noscript>
  </p>
</div>
<div align="center">
  <p>&nbsp;  </p>
  <p>&nbsp;  </p>
  <p align="center">&nbsp;</p>
</div>
</body>
</html>

A Página: SITE
 
Última edição:
Já tinha visto, por isso é que te sugeri aquilo, já viste se fica direito?

Edit: e já agora, não precisas de uma imagem tão grande para o fundo da página, como ela é toda igual (ou há alguma coisa que me esteja a escapar?) quanto mais pequena for a imagem mais rápido é feito o load dela.
 
Inicie sessão ou registe-se para poder participar.
Back
Topo