Graphic placement help please - Post...

User 38401 Photo


Senior Advisor
10,951 posts

Hello,

I am currently using a Layout from CCHE for the fixed 3 column. I have created my menu outside of CC using Allwebmenus program and placed it via an anchor so it doesn't expand and retract with the page depending on people's monitor and resolution (basically keeping it in a fixed position). What I would like to do now is put some graphics below the menu as there is a good bit of blank area there on the pages, but I can't figure out how to place them lol. I've been messing around with a test page to try and do it, but I end up with them everywhere but where I want it lol.

If anyone has any ideas on how I can place some graphics in fixed positions on the page I would be very grateful. I do ok with coding the main things, but some things like this for placing exact locations still confuse me, so any help would be great.

It's not a tabled site for the most part, only a couple pages have any tables on them at all. If you need any information other than being able to see the site, such as code parts please let me know. Thanks in advance for your assistance.

The site address is in my signature as it's my current project.
User 38401 Photo


Senior Advisor
10,951 posts

*Update*
I think I have it figured out how to actually "place" the items, but they aren't in fixed positions and float around the page when you shrink your browser size and they end up over other areas of content, so now I guess what I need is how to make them stay in a specific spot?

I have a 22" monitor so I have to allow for people not on such large screens, and many still using 800 x 600 res. so only way I can do that is to resize my browser window when I'm testing, hey whatever works right? :P Took a few people to mention this to me to realize that about the menu which is when I asked the menu program developers how to anchor it.

I am not sure if the anchor type thing that I used for the menu will work? And if so not quite sure how to set this up.
You can see the current test page at http://northbaldwinliteracycouncil.org/testpage.html to see what I mean.
User 184085 Photo


Ambassador
1,707 posts

Maybe try moving <div id="awmAnchor-nblc1menu"> to inbetween your wrapper and content <div> and then adding your graphics after the <div id="awmAnchor-nblc1menu"> and before the "content" <div>

http://i130.photobucket.com/albums/p248/pug2775/menu2.jpg

you may have to make some position adjustments in your .css file for the menu to position correctly
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 38401 Photo


Senior Advisor
10,951 posts

yeah when I do that it messes up the whole page structure :/ The settings for the menu position aren't actually in the CSS file, they are in the files created by the menu program so I'm not sure what would have to be changed for that either then. I would think that there's a way to make the graphics stay put on the page though in place? Not the fixed setting mind you since that makes it like a fixed background as I just found out hehe, but just relative to the menu placement or relative to a specific coordinate.

I know you posted your's as I was posting mine so hopefully you can see the setup as it is now too and maybe have some other insights? :)
User 476017 Photo


Ambassador
375 posts

Wolverana wrote:
yeah when I do that it messes up the whole page structure :/ The settings for the menu position aren't actually in the CSS file, they are in the files created by the menu program so I'm not sure what would have to be changed for that either then. I would think that there's a way to make the graphics stay put on the page though in place? Not the fixed setting mind you since that makes it like a fixed background as I just found out hehe, but just relative to the menu placement or relative to a specific coordinate.

I know you posted your's as I was posting mine so hopefully you can see the setup as it is now too and maybe have some other insights? :)


Hi Jo Ann
I use Allwebmenus and have managed to anchor their menus.
Have a look at the source on any page www.orrufc.co.uk .
Here is a chunk of the code. I use <p> to anchor the menu seems to work OK on all my pages.

<div id="header">
<img style="FLOAT: right" height="98" alt="ORRUFC SOA" src="images/SOA_logo.jpg" width="101">
<img style="FLOAT: left" height="105" alt="ORRUFC Logo" src="images/ORRUFC_logo.jpg" width="107">
<span class="t24mbc">Old Rishworthian RUFC</span>
<br /><span class="a10blbc">Address: The Clubhouse, Copley, Halifax, West Yorkshire HX3 0UG
<br />Telephone: 01422 353919, E-mail: <a href="mailto:rugby@orrufc.co.uk">rugby@orrufc.co.uk</a>
<br />Club Colours Maroon, White and Black</span>

<br /><img src="images/Banner_roll.gif" height="99" width="765" style="border:3px solid #a2112e"/>
<p id="awmAnchor-orrufc"></p><br />


<p class="tnr24mbc">Welcome to Old Rishworthian RUFC Website</p>

</div>

This might help

regards Dave
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Dave,
Thanks, but I do already have the menu anchored, and the problem I was having was to place something "under" the menu since there was lots of blank space that could use a graphic or something.

I do believe I have it though, I guess it was simple as adding style settings for the graphic so I placed this:

<div><IMG style="Z-INDEX: 100; POSITION: absolute; TOP: 470px; RIGHT: 800px LEFT: 450px" border=0 alt="" src="myimages/book18.gif" width=140 height=85></div>

I'll play with it some more to see just what number to use, but I put 800 in there and it stops it from moving when I resize the page hehe so I guess that will work fine.

Thanks for your assistance guys, makes me have to think, and puts this "old" brain back into working mode :P

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.