|
HTML - Some Help Would Be Appreciated
Hello 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 Similar TutorialsI 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 --> 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 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! |
|||||||