|
HTML - Linking Divs. Any Help Most Appreciated.
Gidday gang,
I'm trying to clean up some code on my site, and I'm having one little bit of trouble meeting XHTML 1.0 Transitional standards. The problem is this: I have the following code: Code: <a href="(javascript code to bring up AJAX popup)"> <div id="descriptions" style="height:30px;width:30px;"> <center>ANY</center> </div> </a> To meet W3C standards, the href tag needs to be inside the div tag, otherwise I get the beloved: Quote: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag. error. However, I want the user to be able to click anywhere within the 30px by 30px box, not just the "any" text. I'm sure this must be quite easy to do while satisfying the W3C standards (perhaps some peculiar method of "object" or "button" tags?), but it really has me stumped. If anyone has any ideas I'd be most appreciative. Many thanks, - JB Similar TutorialsHello All I am currently working on a website and I need the image links on the top to display a different image whether that link is active or not. I cannot use the css a:active because the whole page realoads after. I was thinking that there might be a way to do it with url encoding sending the message of which image needs to change. I have no idea how to do this. If this isnt possible could you people help me out?. Thanks, Chad I am a novice at HTML / Coding and I'm just getting my feet wet when it comes to proper hands on coding rather than just the very simple aspects of editing say a forum theme or very, very basic HTML. I have this web template that I am trying to use, it's live he http://www.themeanstreets.net/revamp/index.html Essentially, I use MyBB 1.6.4. This template pulls recent posts from specific forums. I've found a Mod for MyBB to do this located he http://community.mybb.com/thread-62787.html What I can't figure out is how to put this all together to work. It seems that this web template which is PSD / HTML / CSS has the recent posts hand written / coded in. Like there's no sample code showing it pulling from any where. If there's any help or advice you can provide it would be so very greatly appreciated because I'm a day away from scraping this template that I really really love LOL Thanks! *******it won't let me upload the index file with the code and posting it here is too many characters. Here's a snippet of the code. Quote: <!-- post --> <div class="post"> <a href="#"><img src="images/posts/02.jpg" class="post-image" /></a> <h2><a href="#">Second post</a></h2> <div class="metadata"><a href="#">Lorem Ipsum Category</a></div> <div class="post_content"> <div class="post_brief">Lorem ipsum dolor sit amet, Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores </div> <div class="post_info"> <span class="author">Posted by <a href="#">Admin</a></span>, <span class="date">Apr 14</span> </div> <div class="post_comments"> <div class="number"><a href="#">159</a></div> <div class="comments"><a href="#">Comments</a></div> </div> </div> </div> <!-- post --> Hello people here, I playing with my own blog and i encounter many problem on HTML. So any help will be appreciated. I describe my problem below; Currently i am Using this as my Backgroud: <head> <style type="text/css"> Body{ background-image:url(http://www.mahgolwebv3.persiangig.co...runge_bg.jpg); background-attachment:fixed; background-position:left-top; background-repeat:no-repeat; background-color:#000000; margin-top:0px; Now i wanna add some emben object onto the bottom of the Background, which i got from imeem music playlist. <object width="277" height="80" ><param name="movie" value="http://media.imeem.com/m/Ot0eIFQxaG"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/m/Ot0eIFQxaG" type="application/x-shockwave-flash" width="277" height="80" wmode="transparent" ></embed></object> The design i want for it is the "Imeem" (Object) Can LOCKED onto the bottom of the background so Even if i scroll the Imeen Object will not move (Fixed), But i cant seem to get the code correct.. Anyone mind teach me? And another problem which i dont know how to describe, its just that my blogspot is not covering the whole page. Example : Please take a look - blitzkriez.blogspot.com This is my page, my menu (Walking Alone) Cannot appear on the right side(too much space wasted) Anyway to move it onto the most right? My menu Code: .menu{ text-align:center; font-family:Tahoma; font-size:8pt; color:#F3C6EA; width:150px; height:auto; float:right; margin-right:0px padding-left:4px; padding-top:0px; background-color:#000000; padding-right:0px } .menu a{ text-decoration:none; color:#cccccc } .menu a:hover{ border-bottom:dashed 1px #cccccc; color:#777777; cursor: crosshair } And Lastly this is my container : } .container{ position:relative; width:575px; margin-left: 19em; <body> <div class="container"> <img src="http://www.mahgolwebv3.persiangig.com/walls2/walls_grunge_topbar.gif" class="img"/><br /> <span class="blogtitle"><i>At the end of another lost highway, Signs misleading to nowhere... </i> <body> How to make my container Lock its position like background? I cant figure the code for it.. Hi I have a Normal Div area: <div style="width:300px;height:300px;overflow:auto;border-width:0px;border-color:000000;border-style:solid;"> Text is here Text is here Text is here </div> I want when the page is loaded, the div area shows the bottom automatically i.e. The last Line I dont want users to take it down manually with the mouse everytime the page is loaded Do you know how this can be done? Message removed I just finished the rough draft for my new site. Everything looks fine in DW, but in the browser, it's all messed up! Can someone take a look and help me out? Take a look at the bullets about halfway down. http://nextlevelprofits.com/emailsecretsexposed/ Thank you SO much! hello i am wondering if it's possible to load content into a div by clicking a link in div 1 and changing what is shown in div 2 and clicking a link in div 3 would change what is shown in div 4 i have attached a generic png of how i would want the page to look....and to give a better idea of what i am wanting...any idea's as to how to do this would be appreciated...but be prepared depending on your suggestion i may need some help with how to get it accomplished. Below are two notepad docs. I want to add a link from one to the other. Whenever I add the <a href="..... "></a> nothing shows up when I view the webpage. What am I doing wrong? Thanks. FIRST DOC <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Departments</TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <META content="MSHTML 6.00.6000.16544" name=GENERATOR></HEAD> <BODY style="text-align:center; font-family:verdana,helvetica,san-serif ;background-color:#c0c0c0"><!-- 2D departments Lastname Firstname --> <H1>Business and Information Technology</H1> <H1>Health</H1> <H1>Law Enforcement</H1> <H1>Communications and English</H1> <H1>Math and Science</H1></BODY></HTML> SECOND DOC <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Culinary Arts Recipe</title> </head> <body> <!-- 1G Recipes Lastname Firstname --> Hawaiian Chicken <hr size="2" width="100%" /> This dish can be seved quickly and easily. Boil and debone chicken. Add 1 can of your favorite cream of chicken soup to the chicken. Make 2 cups of cooked rice. Prepare plates immediately before serving. Lay chow mein noodles, rice, chicken, crushed pineapple, green onions, shredded cheese, sour cream, tomatoes, and coconut. </body> </html> hi again, i think that i know the answer to this question...but i needed reassuring. basically my website's hierarchy is pretty confusing but it seems to link fine on my computer and everything, then it didn't link on the school computers but i solved that problem because all that was wrong was the file pathways were different. Now however when my teacher tries to open my files, all she gets is that file that cant be found stuff. Do you think maybe the problem could be that my files are too complicated and that maybe i should put all my pages in one place and then all my other files in folders underneath those... please tell me your advice, with many thx Sam Can't seem to find any info on this through Google, so I'm hoping you guys can help me out: What I want to do is have a link at the bottom of the main page which will load whatever html file that is currently in the iframe up by itself. So for example, if the photo page is loaded up in an iframe, you could click said link and it would load up the photo page HTML by itself. But if a video page was loaded up in the iframe, i could click the same link and it would load the video page HTML by itself. Greetings to all. I have been trying to sort this problem for a very long time. I have 2 frames on my web page, one is the contents. Can I link to a specific part of another frame? I don't think HTML allows this - or does it? Help please. i'm trying to get a link to open in a frame not quite working thought.. <H4><A HREF="sub.html"TARGET="UntitledFrame-11.html">-> Resor</A> </H4> here's my attempt but this just opens a new windows and shows sub.html i want it too show in untitledframe-11 any ideas? I am fairly new at working with Iframes and i was wondering if there was a way to link in the following manner. I have 2 pages named index.html and store.html I have a link in index.html that i would like to open into an existing iframe in store.html the iframe is named iframe in store.html If anyone can help it would be highly appreciated. Thanks Hi, I am the owner of http://the1337arcade.com and im trying to make it the best i can, and i need the help of people from HTML forum. My Problem is that I want to have a link to play the Games in Fullscreen mode, but i dont know how to grab the .swf currently on page So is their anything i can do in HTML or PHP to Grab the URL of the current .swf file on page? So Basically When you are on this page : http://the1337arcade.com/view.php?name=kitty-cannon There will be a link somewhere saying Click here to play in Fullscreen, and the link will be http://the1337arcade.com/media/sources/kittycan.swf Please Help me in this Thanks alot, Anup Hi guys, I'm wondering if there is an easy way to provide links or image links to a file in the root directory of my domain. I know there's the "/" method but it will not do for me because I maintain the files offline on my PC, and if I used "/" then it will not refer correctly. Example: Code: <IMG SRC="/example.gif"> This will work 100% of the time when it's uploaded on the web, regardless of which directory the HTML file is at, I will still open the same "example.gif" at the root dir. Perfect. But since I'm maintaining the files offline (before uploading), this causes a problem as I will have numerous "broken links". FYI I even tried to map my folder to a drive (W, or placing the entire file system on a USB drive, but none of those work. I realise I could use Code: <IMG SRC="../../example.gif"> and so on, but shouldn't there be an easier method? Hello everyone, I am currently building a site that has a iframe in it. Unfortunately no matter what I try it is always linking to the sites 404 page. Here is the code I am using. Code: <iframe src="sulphurmountaingps.html" width="600" height="400" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"> <a href="sulphurmountaingps.html">Click here for the map</a> </iframe> Now I currently have the second page in the same folder as the HTML page it is being called from since it started in its own directory but eventually ended up here by trying to weed out what the problem could be. So I really cant see what I could be missing. Its a very simple iframe code calling a page that is in the same directory. Any help or suggestions would be great, Thank you Peter I'll do my best to explain this. I have an iframe and its source changes a lot. I want to have a link that will take you to the source of the iframe, whatever it may be at the time. This has been kicking at me for some time and I thought it was time to ask for help, it's probably something simple that I'm just not getting. Thanks in advance! Hi everyone, Could someone help with a hyperlink problem I have please? I am currently working on our company website and am constructing some pages detailing the Health and Safety training we do. I have created a page which contains a link to a second page with the course dates on. Is it possible to then link from the page with the course dates to the previous page but I want to link the the bottom of the previous page. Is there a way to do this? Many thanks! Jess Hello everyone! This is my first thread, and I need some help. I just started developing my site hosted by godaddy.com and I am doing all my html and through dreamweaver and uploading new content through dreamweaver also via FTP. The problem I am having is i am tryingto add new pages that link off my HOME PAGE. For example: CONTACT US, ABOUT US, PICS, and so on. I have made this types of pages but I'm not sure why they are not linking right? What address should I be point the CONTACT BUTTON to? My site is www.adiktedapparel.com Any help would be great!!! THANKS! Bill C. Hello.. i am creating a work webpage to display goodies are staff might like to buy for christmas! Ive got a slide show in the middle and other images around Ive been able to code the slide show so that when i click the image on the slide it display it in another window Im having a problem though with being able to code the images around the slide when i click the individual ones it just brings up the picture in the slide ? Ive had a little play with it and cant get my brain around it! It may be simple but ive been doing these for days and i am extremly tired from them lol.. can anyone help? i will display code below thanks Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">
var image1=new Image()
image1.src="image1.jpg"
var image2=new Image()
image2.src="toy2.jpg"
var image3=new Image()
image3.src="toy3.jpg"
var image4=new Image()
image4.src="toy4.jpg"
var image5=new Image()
image5.src="toy5.jpg"
</script>
</head>
<style>
body {
background-image:url('logo2008.jpg');
}
.boxed {
position:absolute;
left:25%;
border: 2px black;
border-style: plain;
width: 700px;
height: 800px;
}
.boxed1 {
position:absolute;
left:25%;
border: 1px blue;
border-style: dotted;
width: 700px;
height: 350px;
text-align:center;
float: left;
padding:2px;
background-color: white;
}
.image {
border: 1px blue solid;
width: 200px;
height:100px;
}
</style>
<body>
<a href="javascript:slidelink()">
<div class="boxed1">
<img src="image1.jpg" name="slide" border="0"width="35%" height="100%" />
</div>
<div class="image">
<img src="360s.jpg" border="0" width="200px" height="100" href="360s.jpg" />
</div>
<div class="image">
<img src="ps3.jpg" border="0" width="200px" height="100" />
</div>
<div class="image">
<img src="DS.jpg" border="0" width="200px" height="100" />
</div>
<script type="text/javascript">
<!--
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
whichimage=step
if (step<5)
step++
else
step=1
setTimeout("slideit()",4000)
}
slideit()
function slidelink(){
if (whichimage==1)
window.location="image1.jpg"
else if (whichimage==2)
window.location="toy2.jpg"
else if (whichimage==3)
window.location="toy3.jpg"
else if (whichimage==4)
window.location="toy4.jpg"
else if (whichimage==5)
window.location="toy5.jpg"
}
//-->
</script>
</body>
</html>
|
|||||||