como alinhar codigo no topo da pagina?

Bpg Bruna · Fevereiro 2, 2013

Ola.

Gostaria de saber como eu coloco o seguinte codigo no topo da pagina:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="838" height="174" id="flash">
<param name="movie" value="flashvortex.swf">
<param name="quality" value="best">
<param name="menu" value="true">
<param name="allowScriptAccess" value="sameDomain">
<embed src="flashvortex.swf" quality="best" menu="true" width="1200" height="560" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="sameDomain">

</object>

ele está aparecendo normal em meu site, mas fica na parte de baixo, gostaria de coloca-lo na parte de cima, no topo da pagina...

eu não entendo quase nada de edição ccs, se puderem por favor me dizerem como ficaria (codigo de valores) deste meu codigo ja alinhado, ficaria muito grata.

vi algumas explicações, mas não entendi onde colocar o codigo, pois isso é tudo que aparece pra mim em html no editor do site...

muito obrigada à todos que responderem. :)

Julio C. Milan · Fevereiro 3, 2013

Ola.

Olá Bruna,

Poderia postar o código completo para melhor esclarecimento?

Bpg Bruna · Fevereiro 4, 2013

Olá Bruna,

Poderia postar o código completo para melhor esclarecimento?

ola, bom dia.

sim, esse é o codigo que aparece pra editar em html:

<div class="draggable editable" id="ESWpageTagline"> </div><div class="draggable editable" id="ESWpageTitle">Slug Maquiagem de Terror e Halloween</div><div eswid="ESWuserMenuPosition" style="z-index: 213; left: 712px; top: 133px;" id="ESWuserMenuPosition" class="draggable"><div style="position: absolute; top: -15px; left: 0px;" id="userMenuLabel"><span class="userMenuLabel">Editor de menu</span></div><div id="ESWuserMenu"><a class="ESWuserButtonActive" style="position: relative; text-decoration: none; border: medium none;" href="#"><div id="menuButton_146" title="Home" class="ESWuserButton0">Início</div></a><a class="" style="position: relative; text-decoration: none; border: medium none;" href="#"><div id="menuButton_1072" class="ESWuserButton1">teste</div></a></div></div> <div id="background"> </div> <div style="z-index: 4;" id="cat" class="draggable art"> </div> <div style="z-index: 5;" id="candles" class="draggable art"> </div> <div eswid="pumpkin" style="z-index: 6; left: 120px; top: 388px;" id="pumpkin" class="draggable art"> </div>

e esse quando edito ccs:

/*

================================================================================

| TAGS |

================================================================================

*/

body {

margin: 0px;

padding: 0px;

font-size: 11px;

font-style: normal;

font-family: Arial, Helvetica, sans-serif;

background: #000000;

}

a {

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

font-style: normal;

font-weight: bold;

color: #9E9E9E;

text-decoration: none;

}

a:hover {

text-decoration:underline;

}

ul {

margin: 0px;

list-style-type: none;

list-style-position: outside;

font-weight: normal;

font-style: normal;

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

color: #B43D71;

padding: 0px;

margin-top: 5px;

margin-bottom: 5px;

}

li {

line-height: 20px;

margin: 0px;

padding: 0px;

background: url(img/marker.gif) no-repeat 0px 8px;

padding-left: 15px;

}

h1, h3, h4, h5, h6 {

font-family: "Times New Roman", Times, serif;

font-size: 14px;

font-style: normal;

font-weight: bold;

color: #FFFFFF;

padding: 0px;

margin: 0px;

}

h2 {

font-family: Tahoma, Arial, Helvetica, sans-serif;

color: #C1C1C1;

font-size: 11px;

padding: 0px;

margin: 0px;

}

p, div.ESWuserTable TD {

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

font-style: normal;

font-weight: normal;

color: #AD6A3A;

margin: 0px;

padding: 0px;

}

/*

================================================================================

| HEADER |

================================================================================

*/

#ESWpageTitle, #ESWpageTagline {

z-index: 100;

}

#ESWpageTitle {

font-family: "Times New Roman", Times, serif;

font-size: 30px;

font-style: normal;

font-weight: bold;

color: #E77D00;

margin: 0px;

padding: 0px;

position: absolute;

left: 247px;

top: 39px;

width:500px;

}

#ESWpageTitle p{

font-family: "Times New Roman", Times, serif;

font-size: 30px;

font-style: normal;

font-weight: bold;

color: #E77D00;

top: 39px;

width:500px;

}

#ESWpageTagline {

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

font-style: normal;

font-weight: normal;

color: #FFFFFF;

margin: 0px;

padding: 0px;

position: absolute;

left: 247px;

top: 29px;

width:500px;

}

#ESWpageTagline p{

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

font-style: normal;

font-weight: normal;

color: #FFFFFF;

width:500px;

}

/*

================================================================================

| MENU |

================================================================================

*/

#ESWuserMenuPosition {

position: absolute;

left: 711px;

top: 132px;

z-index: 100;

}

#ESWuserMenu {

position: static;

width:183px;

overflow: hidden;

}

div.ESWuserButton0 {

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 12px;

font-style: normal;

font-weight: bold;

color: #FFFFFF;

margin: 0px;

padding-top: 15px;

cursor: pointer;

text-transform: uppercase;

background:url(img/button0_off.png) no-repeat;

padding-bottom: 14px;

text-align: center;

margin-bottom: 4px;

white-space: nowrap;

/width:183px;

}

div.ESWuserButton0:hover {

background:url(img/button0_on.png) no-repeat;

}

div.ESWuserButton1 {

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

font-style: normal;

font-weight: bold;

color: #C93BC3;

margin: 0px;

cursor: pointer;

text-transform: uppercase;

text-align: center;

margin-top: 6px;

margin-bottom:6px;

/width:183px;

}

div.ESWuserButton1:hover {

color: #F67B0F;

}

/*

================================================================================

| CONTENT |

================================================================================

*/

.ESWpageContent {

padding: 0px;

position: absolute;

width: 404px;

left: 248px;

top: 93px;

margin: 0px;

}

.ESWpageContent1 {

padding: 0px;

position: absolute;

width: 230px;

left: 324px;

top: 386px;

}

.ESWpageContent2 {

padding: 0px;

position: absolute;

width: 529px;

left: 308px;

top: 294px;

}

.ESWpageContent3 {

padding: 0px;

position: absolute;

width: 534px;

left: 306px;

top: 371px;

}

.ESWpageContent4 {

padding: 0px;

position: absolute;

width: 535px;

left: 304px;

top: 449px;

}

.ESWpageContent5 {

padding: 0px;

position: absolute;

width: 533px;

left: 302px;

top: 529px;

}

.class1 {

background:url(img/paragraph.gif) repeat-y;

padding-left: 10px;

}

.class2 {

margin-left:57px;

}

.class3 {

margin-top:10px;

margin-bottom:10px;

}

.class4 {

color:#B7967F;

}

.class5 {

margin-top:40px;

margin-bottom:20px;

}

.class6 {

margin-top:4px;

margin-bottom: 2px;

}

.class7 {

text-align:right;

}

/*

================================================================================

| DESIGN |

================================================================================

*/

#background {

width: 604px;

height: 465px;

margin-left: 296px;

background: url(img/background.jpg) no-repeat;

}

#cat {

position: absolute;

width: 186px;

height: 163px;

left: 0px;

top: 0px;

background: url(img/cat.png) no-repeat;

}

#pumpkin {

position: absolute;

width: 247px;

height: 176px;

left: 80px;

top: 417px;

background: url(img/pumpkin.png) no-repeat;

}

#candles {

position: absolute;

width: 236px;

height: 493px;

left: 0px;

top: 107px;

background: url(img/candles.png) no-repeat;

}

#image1 {

position: absolute;

width: 37px;

height: 25px;

left: 258px;

top: 132px;

background: url(img/image1.png) no-repeat;

}

#image2 {

position: absolute;

width: 403px;

height: 32px;

left: 243px;

top: 242px;

background: url(img/image2.png) no-repeat;

}

#image3 {

position: absolute;

width: 220px;

height: 14px;

left: 674px;

top: 117px;

background: url(img/image3.png) no-repeat;

}

#image4 {

position: absolute;

width: 277px;

height: 14px;

left: 617px;

top: 584px;

background: url(img/image4.png) no-repeat;

}

#line {

position: absolute;

width: 217px;

height: 1px;

left: 323px;

top: 582px;

background: url(img/bg.gif) repeat-x;

}

#candles1 {

position: absolute;

width: 124px;

height: 71px;

left: 755px;

top: 62px;

background: url(img/candles1.png) no-repeat;

}

/* TABLE PART START */

div.ESWuserTable

{

height: 93px;

}

div.ESWuserTable TABLE

{

border: 1px solid black;

border-collapse: collapse;

}

div.ESWuserTable TD

{

border: 1px solid black;

}

/* TABLE PART END */

desculpe minha ignorância, mas não entendo nada, e não tem ninguem que possa me ajudar..

agradeço qualquer esclarecimento :)

Julio C. Milan · Fevereiro 21, 2013

Olá Bruna,

Também não entendo muito, mas acho que posso te ajudar dando algumas dicas.

1) Organize melhor seu código, fica mais fácil achar o que se quer nele e use as marcações de comentários .

(LINK 1)

2) o W3C Schools fala sobre esse tema.

(LINK 2) (Link 2.1)

3) Tem um pessoal vinculado com o instituto de computação da Unicamp, que pode te aconselhar, faça um comentário no WARAW, peça a dica.

(LINK 3)

Sei que minha ajuda não foi grande coisa, mas espero te dar uma luz nisso!

Abraços,

Entrar

Arquivado

como alinhar codigo no topo da pagina?

Recommended Posts

Bpg Bruna 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Julio C. Milan 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bpg Bruna 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Julio C. Milan 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Girls From Your Town - Anonymous Casual Dating - No Selfie

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante