Editor Flow - Post ID 129330

User 2073490 Photo


Registered User
154 posts

What is up with the flow? I put my elements into the html, in the order that I want them to flow, but I have things that I put in last, end up at the top in the preview window. I have to figure out how to position everything so that it shows up in the right place. GRRRRR!
Here is my code....
</head>
<body>

<div id="allcontent">

<div id="header">
<img src="images/croplogo.jpg" alt="Cartoon frog in lotus position" title="Smart Frog!"/>
</div>
<div id="hozmenu">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="737" height="69" id="CC9709293" align="middle">
<param name="movie" value="mymenu.swf"/>
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
<embed src="mymenu.swf" quality="high" bgcolor="#ffffff" width="737" height="69"
name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
</div>

<table>
<tr>
<td>
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
ID=Flashanimation WIDTH=357 HEIGHT=244>
<PARAM NAME=movie VALUE="Flashanimation.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=loop VALUE=false>
<EMBED src="Flashanimation.swf" loop=false quality=high
WIDTH=357 HEIGHT=244 TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT> </td>
<td><h3>What does a Frog have to do with it?</h3>Funny you should ask! You see, in order to survive, frogs have to have the perfect habitat. They have to live in an evironment that is <em>balanced</em>. The frog does not consciously choose it's enviroment, it is simply a natural instinct. Humans, on the other hand, have to work a little harder to maintain health and wellness. Unfortunately, we get caught up in our day to day demands, and sometimes forget to stop and think about how important this is. <br>Hopefully, this cute little guy can help us remember to become one with our intrisic instincts, and take full advantage of the natural health care options that are available to us. So remember, next time you are faced with that nagging, persistent ache or pain, hop on the internet, and find out what Massage Frog has to say about it!
<br /></td>
</tr>
<ul>
<li><span class="footerlinks"><a href="">About</a></span>
<span class="footerlinks"><a href="">Advertise</a></span>
<span class="footerlinks"><a href="">Feedback</a></span>
<span class="footerlinks"><a href="">Contact</a></span>
</li>
</ul>

And here is a snip of what it looks like:
Those links (about, advertise, etc.) should all be at the BOTTOM.
Attachments:
User 184085 Photo


Ambassador
1,707 posts

I would try this

<div style="position:relative; top:10px; left:10px;" >
<ul>
<li><span class="footerlinks"><a href="">About</a></span>
<span class="footerlinks"><a href="">Advertise</a></span>
<span class="footerlinks"><a href="">Feedback</a></span>
<span class="footerlinks"><a href="">Contact</a></span>
</li>
</ul>
</div>


and then adjust the top and left to give you the position you want
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 2073490 Photo


Registered User
154 posts

It moves nowhere.
:(
User 117361 Photo


Ambassador
6,076 posts

Well as you have done most everything in there with tables, why not just continue with the same method and make another line in the table to hold the footer content at the bottom? Is that the whole page? If it is, you haven't closed the table anyway.

Maybe this will work... but make sure you have a document declaration at the top which is missing here and in your code.
</head>
<body>

<div id="allcontent">

<div id="header">
<img src="images/croplogo.jpg" alt="Cartoon frog in lotus position" title="Smart Frog!"/>
</div>
<div id="hozmenu">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="737" height="69" id="CC9709293" align="middle">
<param name="movie" value="mymenu.swf"/>
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
<embed src="mymenu.swf" quality="high" bgcolor="#ffffff" width="737" height="69"
name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
</div>

<table>
<tr>
<td>
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
ID=Flashanimation WIDTH=357 HEIGHT=244>
<PARAM NAME=movie VALUE="Flashanimation.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=loop VALUE=false>
<EMBED src="Flashanimation.swf" loop=false quality=high
WIDTH=357 HEIGHT=244 TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT> </td>
<td><h3>What does a Frog have to do with it?</h3>Funny you should ask! You see, in order to survive, frogs have to have the perfect habitat. They have to live in an evironment that is <em>balanced</em>. The frog does not consciously choose it's enviroment, it is simply a natural instinct. Humans, on the other hand, have to work a little harder to maintain health and wellness. Unfortunately, we get caught up in our day to day demands, and sometimes forget to stop and think about how important this is. <br>Hopefully, this cute little guy can help us remember to become one with our intrisic instincts, and take full advantage of the natural health care options that are available to us. So remember, next time you are faced with that nagging, persistent ache or pain, hop on the internet, and find out what Massage Frog has to say about it!
<br /></td>
</tr>

<tr>
<td colspan="2"><ul>
<li><span class="footerlinks"><a href="">About</a></span>
<span class="footerlinks"><a href="">Advertise</a></span>
<span class="footerlinks"><a href="">Feedback</a></span>
<span class="footerlinks"><a href="">Contact</a></span>
</li>
</ul> </td></tr>
</table>

User 2073490 Photo


Registered User
154 posts

Thank you ma'am.
I caught that closing tag right after I posted this.
I tried using a table row for the content at the bottom, but I did not know how to style it independently from the previous table's css; I kept getting the purple border around the text as well, and could not get it placed where I wanted it.
I did finally compromise, and the links at the foot are now sitting off center.
I tried adding a copyright bar on the bottom of the page, also, and it kept ending up at the top of the video instead. I just removed it at like 1am.
I'm gonna move on to another page, and watch what happens as I put in content, maybe I will figure it out then.
I did try your suggestion, (copy and paste) and there was no border around the table, so that did definitely help me out.
It seems like many of the techniques that I have learned from my instructional manual do not work in this editor. I am certain that it is a problem with my own encoding process! lol.
Sorry I have all of these stupid questions, but thanks for being here!
User 117361 Photo


Ambassador
6,076 posts

Esther... not stupid questions at all. We have all been there, and I for one still am in lots of areas of web applications! If you want to get rid of border colours and borders, just look out for the
border="0"
and make sure there is a zero there between the quotes. If you want the border, change that number to anything from one upwards. Borders often take the colour of the text colour... and if the image with the border is also a link, the border will take the colour of the default link colour.

Some difficulties arise when you try to combine tables with css, and still use styling tags in html. There can be some conflict develop there which is not always easy to work out. However, the more you can do by just using the css for styling the better. Don't be afraid to look at the source code of various web sites to try to better understand how things fit together. It does all click eventually.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.