PDA

View Full Version : div problems

fatora
06-08-2003, 12:40 PM
hey i´m new here so hi all!!!
this web is amazing!

well i have problems, i asked a friend who send me here but i couldn´t get over this problem yet :(
the thing is i want a box to post my upload there and i want to put pics and link and all that stuff so somebody told me i need a code, an html code, so i put it on my web but it doesn´t work
the thing is i use front page and i don´t know if it is a problem, coz i open the page where i want to put the div and i go to html but when i see the preview what appears is the code, like normal words not the box :(

can you help me?
MaGiCSuN
06-08-2003, 12:48 PM
Can you post the code you are currently using? :)

Love,
Mirna
fatora
06-08-2003, 12:51 PM
the one i cached from the web, well one of them at last :) :

<DIV id="name" style="position: absolute; top: 100px; width:100px; left: 100px;" align=left>Your HTML </DIV>
MaGiCSuN
06-08-2003, 01:03 PM
I think it's just frontpage that is again messing up html codes blah
becuase you code is perfectly fine :) there's nothing wrong with it

Anywayz there are two things to try out:

1. add more content to the div box, it could be that the text is too little so it won't show up although it must show up anywayz but you'll never know!

2. use notepad instead. It's similar to frontpage, you type your html and you save it. Just open up notepad, type your html, click File>save and select "all files" in the drop down menu. Then type in the "file" field YOURfileNAME.html you must type .html behind it, and replace YOURfileNAME with the name you want the file to be named. Now you are done :) you can preview it in your browser by looking up the file and then double click it, it will open in your IE browser

Love,
Mirna
fatora
06-08-2003, 03:15 PM
is not working... :(
i´m sorry i´m bothering you so much but i don´t undestand why is not working
i put all in notepad and nothing appeared, the first step i didn´t undestand it :/
MaGiCSuN
06-08-2003, 04:58 PM
Can you post the whole lot of codes you have put in the notepad file? thanks :)

with the first step i meant that you have to add more text inside the div box. In the example it only has "Your HTML" so try to type more and see what happens. Also it might help to specify an "height" too in your div code, i'm not sure if it will make a diference but still, it's worth to try :)

Love,
Mirna
fatora
06-08-2003, 05:54 PM
ok i tried everything, so i come undone and i´ll post here the html code of my web but without the div code, instead of it i´ll wrote HERE I HAVE TO PUT THE DIV
so lets see if you can help me...pleeezz!!!!<html>

<head>
<meta http-equiv="Content-Language" content="es-mx">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Summers house</title>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
</head>

<body bgcolor="#000000" text="#CCFF66" onload="dynAnimation()" link="#CCFF66" vlink="#CCFF66" alink="#CCFF66">

<p><img border="0" src="SUMMERS.gif" width="897" height="170"></p>
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="302">
<tr>
<td width="100%" height="271">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="192">
<tr>
<td width="44%" height="192"><span style="position: absolute; left: -16; top: 35"><img border="0" src="HOUSE.gif" width="370" height="597"></span></td>
<td width="75%" height="192">
<p><i><font size="4">
<marquee width="629" height="21">Into every generation a slayer is
born</marquee>
</font></i></p>
<table border="1" width="94%" bordercolorlight="#008000" bordercolordark="#CCFF66" height="4">
<tr>
<td width="45%" height="1"><img border="0" src="notce3.gif" width="288" height="239"><span style="position: absolute; left: 761; top: 522"><span style="position: absolute; left: -398; top: -20"><a href="mailto:fatora@slayme.com"><img border="0" src="mail.jpg" width="160" height="146"></a></span>
<span style="position: absolute; left: 15; top: -16"><a href="http://fatora.proboards4.com/index.cgi"><img border="0" src="foro.jpg" width="160" height="128"></a></span></span></td>
<td width="155%" height="1">&nbsp;&nbsp;<font size="5">THE END</font>
<p><font color="#FFFFFF" size="3">Después de siete largos
años de patadas, estacas, demonios, vampiros y un largo etcétera
de acción y diversión, la serie Buffy Caza vampiros, a
llegado a su fin.</font></p>
<p><font color="#FFFFFF" size="3">Aunque aquí en España
Canal + se haya estancado en la mitad de la quinta temporada,
dos años mas se han filmado,&nbsp; y el capitulo final
&quot;Chosen&quot;, ha sido el broche de oro para esta mítica
serie.</font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="1">
<p align="right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
<p align="right">&nbsp;</p>
<p align="right">&nbsp;</p>
<p align="right"><span style="position: absolute; left: 530; top: 501"><a href="http://miarroba.com/libros/leer.php?id=29729"><img border="0" src="librovis.jpg" width="240" height="145"></a></span></p>
<p align="right">&nbsp;</p>
<hr width="87%" color="#CCFF66">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="11%"></td>
<td width="89%">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="5%">&nbsp; <font color="#FFFFFF">Site :</font></td>
<td width="11%">
<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FFFFFF" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">Biografías
<font color="#FFFFFF">+</font>&nbsp;</p>
</td>
<td width="17%">
<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FFFFFF" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"><a href="galerias/Galeria.htm">Galerías de fotos</a> <font color="#FFFFFF">+</font>&nbsp;</p>
</td>
<td width="18%">
<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FFFFFF" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">&nbsp;<a href="file:///C:/Mis%20documentos/fatora/GUIAS/guias.htm">Guía de
capítulos</a> <font color="#FFFFFF">+ </font></p>
</td>
<td width="7%">
<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FFFFFF" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"><a href="links/links.HTM">Links</a>
<font color="#FFFFFF">+</font></p>
</td>
<td width="12%">
<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FFFFFF" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">&nbsp;Multimedia <font color="#FFFFFF">+</font>
</p>
</td>
<td width="16%">
<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FFFFFF" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">&nbsp;
Libro de visitas <font color="#FFFFFF">+</font> </p>
</td>
<td width="25%">
<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FFFFFF" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">&nbsp;&nbsp;Foro</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<hr width="87%" color="#CCFF66">
</td>
</tr>
<tr>
<td width="100%" height="422">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="248">
<tr>
<td width="3%" height="248">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td>
<td width="94%" height="248">
HERE I HAVE TO PUT THE DIV </td>
<td width="3%" height="248">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td>
</tr>
</table>
</td>
</tr>
</table>

</body>

</html>
MaGiCSuN
06-09-2003, 03:42 PM
I don't see why you use tables and position at the same time :S

because when you allready have a table you don't need absolute positioning, because the content automatically goes into a cell so it's automatically on that same place.

The div appears at the top, when you have the absolute positioning part in it. I change the code to this:

<DIV id="name" style="width:100px;" align=left>Your HTML </DIV>

and then it appears on the place you wan't it to appear

you also have set top and left to -16 etc, that's not possible. You can only set from 0 to above, but not below.

also i would decide whether to use tables or divs, because if you do use absolute positioning then why need tables? they are useless then....

also this:

<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>

i have no clue why it's there, because it doesn't align anything...
and you have linked some of your images to your harddrive, make sure you chang eit otherwise nobody will see the images only you.

Love,
Mirna
fatora
06-09-2003, 05:04 PM
frontpage drive me crazy...in the bad way of it, anyway those htm codes i don´t know why are they there, but i make changes on my web and see if they worked and till now they all worked so i didn´t worried too much
well thanx for the help!! :)
MaGiCSuN
06-09-2003, 06:57 PM
Your welcome :)

hope everything works fine :)

Love,
Mirna