|
HTML - Adding Floating Fixed Position Banners To All My Pages
Hey..
I want to add Images that stay fixed on my page (all pages on my forum). I want them both on the left of my pages & the right (in the spaces between the forum body & the sides of the screen) I want it because i want the images to link to game, console & accesory reviews that have been done on my forum. I googled it and got the following code to add.. Code: <a target='_blank' href='http://yourlink.com' text='About your link'><img src='yourimagepath.jpg' alt='About your image' style='position: fixed; bottom: 25px; right: 10px;'></a> If it was a normal webpage i would add this to it, but as its a forum & a forum has 1000s of pages.. What files do i edit this into for for it to show on all my forum pages? The page i got it from is.. - http://jensocial.com/group/ningnetwo...s-and-links-on Also.. I will want 3 or 4 images on each side, so would i just add the code how ever many times, changing the part thats say "right" to "left" (for left side images) & the part that says "bottom" to "top" (for top ones)? My Forum Softwa phpBB My Forum Link: http://www.xboxlivefan.org/ Anybody help with some info on this please? Thanks! Similar TutorialsHowdy all, I have three scrolling divs that i want to be the height of the page, so i'm guessing position:absolute and height:100% will do that just fine. But i want these three scolling divs to be inside a position:fixed element so that they stay put when scrolling down the page. Is this possible? I dont think a pos:absolute will work nested inside a pos:fixed. How could i work around it? thanks! Hi, I'm doing a website and for my link i would like drop-down menus at the top but i want it to stay at the top when you scroll. Can anybody point me to these. I have no idea how to do drop-down menus that look good. Take a look at http://www.runehq.com/ and look at the menus at the top. I would like some like that. Help would be great. Thanks. ToshNeox Hi there, I'm trying to create a center column that holds information on my website that is centered to the page, but anchored in place so that if you re-size the window no other instances will overlap. I've taken the time to scrounge around the forum for an answer, but to no avail. I've bounced between using divs and tables for the past few days before finally realizing that I should probably ask for help - I'm a few weeks old to html, so I apologize if my question is somewhat rudimentary. I'm trying to find a way around actually cranking out the numbers and manually placing the images in the center. //EDIT// Here's the code I'm using in the beginning, with css: table { margin-left: auto; margin-right: auto; } And here is my site if you want to see what I mean: www.crazybunny.exofire.net/ Thanks! Hello, I am new in html, please could you advise with the following? In my page I have a caption and an iFrame where the height is big enough so that the scrollbar is never displayed - deliberately. I can scroll the page including the iFrame content up and down normally - cool. Now I fix the caption. When scrolling, the iFrame content goes over the caption. I want the iFrame content to stay below the caption. How to do this? I don't want to use iFrame scrollbar but the window scrollbar for scrolling. Thank you! HTML Code: <style>
fixed{position:fixed;color:red;}
</style>
<body>
<fixed> <h1>FIXED CAPTION</h1> </fixed>
<br><br><br>
<iframe src="test.html" width=815px height=2000px name="iFrame1" scrolling="auto"
frameborder="0" allowtransparency="true">
</iframe>
</body>
i have a web page that so far tested well in every browser except IE 7 - see: www.finlayprints.com/Imprintables_Wedding3.html does anyone have an idea why: 1) red wedding gif image does not align in IE 7 the way it does in every other browser? it's absolute positioned. 2) the text "5x7 imprintables..." is actually overlapping the previous floated box in IE 7?? scratching my head trying to figure out, spewing expletives at the screen here... thanks How would I achieve having a webpage where everything stays in a flat, fixed position. I want nothing to move or change. My problem is: on my site, other people are seeing overlapping images and embedded flash apps that should not touch. my site: http://www.gorenoises.com/main.htm Hi All This is my first post so i hope I provide all the info you need, to be able to help. I am working inside Macromedia UltraDev as this is waht I was taught with over a decade ago. Problem started when I set a fixed background image to the page . . . dropdown menu still displays, but everything else (text & pics) in table seem to be hiddden behind the background image. here is the code HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1; padding:10px;}
</style>
<link rel="stylesheet" type="text/css" href="dropdown/dropdown.css" />
<script src="dropdown/btp.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="en-au">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Barcaldine Tourist Park</title>
</head>
<body>
<div align="center"> <center>
<table width="1000" border="0" cellpadding="0" height="100%">
<tr>
<td height="54" colspan="2">
<div align="center">
<h1><font face="Georgia, Times New Roman, Times, serif" size="+7">Barcaldine
Tourist Park</font></h1>
</div>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="146" colspan="2"> <span class="preload1"></span> <span class="preload2"></span>
<ul id="nav">
<li class="top"><a href="#nogo1" class="top_link"><span>Home</span></a></li>
<li class="top"><a href="#nogo2" class="top_link"><span>Park Features</span></a></li>
<li class="top"><a href="#nogo22" class="top_link"><span>Accommodation</span></a></li>
<li class="top"><a href="#nogo27" class="top_link"><span>Our Tarrifs</span></a></li>
<li class="top"><a href="#nogo57" class="top_link"><span>Special Offers
</span></a></li>
<li class="top"><a href="#nogo57" class="top_link"><span>Local Photos</span></a></li>
<li class="top"><a href="#nogo57" class="top_link"><span>Contact Us</span></a></li>
<li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Local
Attractions</span></a>
<ul class="sub">
<li><a href="#nogo54">Australian Workers Heritage Centre</a></li>
<li><a href="#nogo55">Tree of Knowledge</a></li>
<li><a href="#nogo56">Artesian Country Tours</a></li>
</ul>
</li>
</ul>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td rowspan="2" width="99"> </td>
</tr>
<tr>
<td rowspan="5" width="895" bgcolor="#FFFFFF">
<div align="center"></div>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99" height="23"> </td>
</tr>
</table>
</center></div>
<div id="page-background"><img src="images/bg.jpg" width="100%" height="100%" alt="Smile"></div>
<div id="content">
</div>
</body>
</html>
Hi, im not sure if this should go in here or not. ahwell im new to making websites. i currently have one up and running. But its just the index. how do i make a another link to another page of the site? and how do i make the other page? cheers if you could help Hey everyone, I'm trying to add more pages to my site.... For example, www.mysite.com/new-page How do I add that "new-page" to my site? My website was professionally built, however I go in & edit all the time. I have been trying to look at the server to see what the developer did, but no luck... Thanks in advanced for any help Hello all, I'm new to the forum and I am relearning a bit of html. I was wondering if I could get some help coding an image onto my webpage. I created the image using Gimp and saved it as .jpg. Here is my code: <h1><img src="users/andrew/programming/blog/blogbanner.jpg" width="728" height="90" borders="0"/></h1> If it helps at all. I am using a mac. Thanks to anyone who can help me out with this. How can I upload a banner in this post? Does anyone have any easy javascript code for making clickable banners? Im currently building a website for a local football team. The banner looks fine on my notebook, but when i transfer it to other computers, the size changes. Now i thought this was because i set my banner by pixels (e.g. 100px) but ive recently changed both height and width to 100% and have changed it around to 10% etc and this hasn't changed anything. After giving up i found a site where the page is actually centered with like a white background all around it. http://www.burscoughfc.co.uk/ thats the site, i was wondering if you could help me get my site to allighn in the centre with that sort of background or not. Any help would be much appreciated. Metcalfe88. how can i make a hyperlink or a banner\picture, that will cahnge for every diffrent ip, what i mean is if i want all pepole coming from the Italy to see specific banner/ or hyperlink , and peple from UK to see diffrent banner\hyperlink, and all pepole from francer to see a diffrent and so on and so on.... How can i do it, I know its possibale becouse advertaizers do it. Thanks. Hi, I have developed a menu with a dropdown list with html and css. But I have a banner that change sometimes the advertisement. Sometimes the dropdown list is correct and sometimes the advertisement hide the list. I have tried with z-index but nothing as well with <li onmouseover="this.className='sfHover';document.getElementById('advertHead').style.visibility='hidden ';" onmouseout="this.className='';document.getElementById('advertHead').style.visibility='visible'" ><a>More</a> but nothing this is the banner I want to hide <div runat="server" id="advertHead" class="banner" style="left:340px;top:25px;z-index:-1"> <!--JavaScript Tag // Tag for network 729: Media Corporation Plc // Website: Sport.co.uk // Page: ROS // Placement: ROS-default-468 x 60 (1522448) // created at: 27-Feb-08 PM 02:03 --> <script language="javascript" type="text/javascript"> <!-- if (window.adgroupid == undefined) { window.adgroupid = Math.round(Math.random() * 1000); } document.write('<scr'+'ipt language="javascript1.1" src="http://adserver.adtech.de/addyn|3.0|729|1522448|0|1|ADTECH;cookie=info;loc=100;target=_blank;key=key1+key2+key3+key4;grp='+win dow.adgroupid+';misc='+new Date().getTime()+'"></scri'+'pt>'); //--> </script><noscript><a href="http://adserver.adtech.de/adlink|3.0|729|1522448|0|1|ADTECH;loc=300;key=key1+key2+key3+key4" target="_blank"><img class="banner" src="http://adserver.adtech.de/adserv|3.0|729|1522448|0|1|ADTECH;cookie=info;loc=300;key=key1+key2+key3+key4" style="width:468px; height:60px; margin: 10px 0 0 143px;" alt="banner 468x60" /></a></noscript> <!-- End of JavaScript Tag --> </div> PLEASE HELP ME hi guys hru I am a newbie....Need some help from you.I wanna make a simple HTML page like the picture below. Many times I have tried but failed.Haven't the correct html coding. I stuck in how to align those banners so that the page looks beautiful too. Plz help me. I hope that you guys will. Thanx in advance. This will be hard for me to explain so I will add an image: http://img75.imageshack.us/my.php?image=examplexu6.gif How do I go about loading a page within a page. For example, in the pic, if you clicked Cost it would load a page within the loading area without taking off to another location. I seen it on a site before, i remember the links were something like "/?p=cost" or something like that. And the page appeared to not navigate elsewhere, the cost page was just loaded within the page i was on. hope that makes sense, if so any examples on this? is it hard to do? messy? safe with most browsers? thanks Prevous title: (div in div top:0; left:0; = top corner of first div, not page...) Ok, here's the code: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>DIV DIV</title>
<style type="text/css">
<!--
#apDiv1 {position:absolute;top:0;left:0;width:150px;height:150px;z-index:0;background-color:#00F;}
#apDiv2 {position:absolute;top:100px;left:100px;width:200px;height:200px;z-index:1;background-color:#F00;}
-->
</style>
</head>
<body>
<div id="apDiv1"></div>
<div id="apDiv2"> </div>
</body>
</html>
Which produces: However, the "problem" is that i would like that result with this variation on the code: HTML Code: <div id="apDiv2"> <div id="apDiv1"></div> </div> But that "unfortunately" returns this result: Which was great when I first did it, (i always thought top:0; left:0; would put a div in the top corner of the page regardless of where it is within the code... so when i tried it in my last project and it used the top corner of the containing div as 0,0 that was exactly what i needed) but in my current project, I really need div1 to go to the top corner of the page, not div2, but still reside inside of div2... is this possible? Hi all, Sure glad I found this site!, I would like to ask for some advice please guys I have a portal that uses a portal stylesheet, the header is a .png image and needs to be 100% width, this loads from a Content Web File Manager, it carries a logo on the left and some corperate colour bands, it appears on every page of the portal, the right side is blank apart from the picture of a search box ( it shipped with the png I will be getting rid of this using PSP) I have created a <div> content </div> and I want this to appear to the right and in front of the header in place of this search box The <div> loads fine on templates (the dynamic content of the portal these are templates that the site use) so I know this works fine, now i want to make it appear on the header itself in place of the picture of the search box that I have erased This is where I am getting stuck - I do want it to be a permanent feature on the header and to the right, what do I need to use in the html code before and after the <div> content </div> ? All help will be greatly appreciated John |
|||||||