1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Dreamweaver - imagem

Discussão em 'Web Development' iniciada por metRo_, 28 de Agosto de 2007. (Respostas: 9; Visualizações: 4250)

  1. metRo_

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

    ket Power Member

    Tenta usar a imagem como background em vez de inserir como uma imagem "normal".
     
  3. metRo_

    metRo_ Power Member

    mas preciso que seja inserida porque preciso de a centrar... preciso que sempre a o browser seja redimensionado ela esteja no centro...
     
  4. ket

    ket Power Member

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

    OldMan Power Member

  6. metRo_

    metRo_ Power Member

    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: [​IMG]

    -Depois inseri o ficheiro SWF e alinhei ao centro.

    -E agora quero que a seguinte imagem: [​IMG], 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: 28 de Agosto de 2007
  7. OldMan

    OldMan Power Member

    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;
    
     
  8. metRo_

    metRo_ Power Member

    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: 28 de Agosto de 2007
  9. OldMan

    OldMan Power Member

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

    metRo_ Power Member

    são só dois Kb por isso nem me preocupo mt...
    vou testar...

    Já testei e o resultado foi este: http://www.puntoparquets.com/metro/joker/index.html

    Agora o que falta é centrar o SWF, experimentei fazer "center center" no codigo do SWF onde aparecia align mas não resultou e falta tambem que a outra imagem repita...
     
    Última edição: 29 de Agosto de 2007

Partilhar esta Página