|
HTML - Header Image Is Not Opening Properly
Http://www.nonvoicebpo.co.cc
In the above site, the header image is not opening properly in Opera Browser, Header image as a small gap in the right side corner. Similar TutorialsHey there, Currently have Code: slideimages[0]='<a href="boxers/paul.html"><img src="images/boxerpaul.jpg" border=0"></a>' Im looking at opening a new window when you click this picture that will open a 600x600 window without toolbars but just cant seem to get it to work. Have tried, Code: <a class="lol" href="javascript:void(0)"onclick="window.open('boxers/paul.html','welcome','width=600,height=600,menubar=yes,status=yes')"></A>
But with no luck. Appreciate some help thanks. Hi. I have a question regarding my site. If you click on the link using IE you will see that the images in my tables are cut off on the right, and haven't been scaled at all... In Google Chrome they appear fine. Here is the HTML code snippet: Code: <table>
<tbody>
-snip-
<table>
<tr>
<td>
<div class="large">
<a href="http://picasaweb.google.com/lh/photo/QnqiMcSvmlR_osQplmz-Iw?authkey=Gv1sRgCNbCzI295-KBIg&feat=directlink" target="_blank">
<img class="large" src="http://lh3.ggpht.com/_lPPWxJaDX_0/S1tmkLXjmBI/AAAAAAAAAVA/782xI-SkNVQ/s640/step1-2.jpg" alt="CashCrate offers page." title="CashCrate offers page.">
</img>
</a>
</div>
</td>
</tr>
</table>
-snip-
</tbody>
</table>
And here is some css code: Code: div.large {
width: 100%;
height: 200px;
border: none;
margin-top:6px;
margin-bottom:6px;
overflow: auto;
}
img.large {
width: 98%;
height-max: 600px;
padding: 2px;
border: ridge;
border-color: #66E066;
}
I'm wanting to know what I need to add/change to make the images appear right in all browsers(I've only tested in IE and Chrome). If you need any more info about my page, ask . Thanks. Hi all, I've created a simple login with some free code i found online. I wanted to change the login button to an image, just for aesthetics, but no matter what i try, it wouldnt work - the form does make sure i'm entering the right user & password, but once i do enter them, i get the same page with an empty form. (if i try the original type="button" code, it works just fine) I've been googling it for hours, with no results... i've tried anything and everything. ANY help would do :-) this is the code: <script language="javascript"> <!--// function pasuser(form) {if (form.id.value=="1") {if (form.pass.value=="1") {location="MainPage.htm"} else {alert("Invalid Password")}} else {alert("Invalid UserID")}} //--> </script> these are the buttons: WORKING BUTTON: <input type="button" value="Login" onClick="pasuser(this.form)"> NOT WORKING BUTTON: <input type="image" value="Login" onClick="pasuser(this.form)" src="Materials/Login.png" alt="Login" /> I wanted to add a header image to my Tumblr (blog) theme. This is a link to the theme I use so you can see what it looks like http://safe.tumblr.com/theme/preview/5136 Basically I wanted to have a rectangular image appear on every page on my site (kind of like this website and most others). I wanted it to be at the very top, above all links and appear on every page. I also want the image to be a link to the homepage (like the one here on htmlforum.com) Other than that if you could tell me what code I need to center everything instead of having it be on the left (as in the preview link) that would be great. I really don't know much about this stuff so thorough instructions will be much appreciated. I dont know whether to put this in HTML or CSS, but I will send my HTML if you want, it was just too long to paste here. Thanks a lot. Hi experts, would it be possible for any advice on a header issue please. I have created a website at www.ukdecals.com the website expands to fit most browsers and i've tried it in IE9 and Firefox, to me everything looks fine at my monitor settings of 1152 x 864 pxls But a friend has just sent me a screen shot from his screen on his computer in IE9 and the header seems to not be expanding in length across the page, would anyone one be able to view the source code and see if they could spy the problem, i've looked at it myself and i can't see it, but only learning html in the last couple of months, i'll admit that this ones got me stumped. I'd appreciate any help you could give. Kind Regards Jas.... why does my local copy of my site look like this http://img106.imagevenue.com/aAfkjfp...m_122_61lo.JPG but after I upload it to my webserver at http://shellsite.okinawapc.com it looks correct?? i followed this help post http://www.htmlforums.com/html-xhtml...ie-108215.html, and i got to a certain point but now im stuck. I wanted to remove the big space that you see under the header. the link to my blog is http://kumarradio.tumblr.com. and the coding of the blog is posted as an attachment. heres the new line i added for a faster reference. <body> <h1 align=center><img src="http://img69.imageshack.us/img69/6729/newn.gif" id="" alt=""/></a> </h1> what should i change so that the space is removed ? Hi all, I'm trying to make my background (which contains my logo and site name) to be clickable to my site's URL. Seem to be having difficulty because I am using a modified WordPress template along with linking to a stylesheet. Not very good or familiar with php and css, unfortunately. Anyone have some energy to crank this one out with me? sorry for being vague in my initial post. Here is the header php code: <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>[TITLE]</title> <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> </head> Here is the css code: .header{margin:20px 0;} .header .top{background:url(images/logo-graphic.jpg) top left no-repeat; height:120px; width:960px; margin:20px auto;} .header .top #secondary{float:right; width:468px; height:60px; margin:20px 0 0 0; border:1px solid red;} .header .navigation{background:url(images/navigation-bar-bg.png) top left repeat-x; height:61px;} .header .navigation .nav-wrapper{width:960px; margin:0 auto; height:49px;} .header #searchform{float:right; width:325px; height:40px; margin-top:6px;} .header #searchform #s{font-size:14px; padding:6px 4px; border:1px solid #666; outline:none; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; -moz-box-shadow: inset 0px 1px 3px #888;-webkit-box-shadow: inset 0px 1px 3px #888;box-shadow: inset 0px 1px 3px #888; } Hi, I am trying to figure out why my background image is not showing up on my header... my website is http://www.mytodostuff.com I created the image to be 900px by 100px, and it should fit perfectly in the header div...but its not. Does anybody know why? i put the pic in my assets folder, its called 'banner.jpg' Hey Guys, I am a graphic designer and don't know much about HTML (but am taking a class and about to start a few books). I am using tumblr right now and I am try to replace the automated header ("black atom studio") with a jpg banner. Anyone know where in the HTML I would do this and what code I would need to swap in? (the website I am working at is www.blackatomstudio.com ) (not a plug, just incase you guys need to see what I am talking about) Here is the code I need help on. http://snipplr.com/view/8582/blackatoms-tumblr/ I've seen (and cannot find again) a header piece of artwork that was justified a percentage distance from the left of the page. Another plain slither of header artwork was repeated seamlessly across the total width of the page. It went 'behind' the prime piece of artwork and reappeared. The 'joins' were invisible. The header seemed / appeared to be one piece of artwork that went across the page regardless of how wide the page was with the piece of artwork always remaining between the centre of the page and the left hand edge of the page. The distance of the piece of artwork got nearer to the left hand edge of the page the narrower the page got. How does one achieve that? Both images were hosted by ImageShack. I barely understand all that myself! My knowledgebase is a little above zero. Thanks in advance, MD. I have a link on my website that opens up a new window, and that new window opens up and is resized to be smaller at 400X300. It works just fine on Internet Explorer and Safari, but when it's in Firefox the new window opens up on a separate tab in the same browser window and causes the whole window to resize to 400X300. Is there a way to fix this? Like is there a better coding to make sure Firefox will open this link in a new window for sure, and not just a separate tab? I'm using the coding target="_blank" right now..... how can i make the open a new window code work as it is in this include file: <div id="footer"> <img src="images/footer.jpg" alt="" width="998" height="45" border="0" usemap="#footer" /> <map name="footer" id="Map2"> <area shape="rect" coords="0,0,162,45"href="http://www.myspace.com/spittinknowledge" alt="myspace" /> <area shape="rect" coords="184,0,308,45" href="affiliates.shtml" alt="affiliates" /> <area shape="rect" coords="328,0,482,45" href="#" onclick="MyWindow=window.open('webmaster.shtml','Contact Spittin-knowledge.com webmaster','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes, width=525,height=560'); return false;"></a> alt="webmaster" /> <area shape="rect" coords="501,0,655,45" href="disclaimer.shtml" alt="disclaimer" /> <area shape="rect" coords="672,0,998,45" href="#top"/> </map> </div><!-- end of nav --> Hi, I want to open PDF files within my website so users can browse the file on the site rather than having to download the whole PDF file. How can I do this ? Hi Guys/Girls, Quick Question im in the process of creating a website, and i have a table that contains links to other pages on the website, im having trouble on one, what im trying to achieve is when they press the link which is named "Add to Favourites" then it will automatically open there "Add to Favourites" tab "located top of the browser" but unfortunately its not working for me :-/ im currently using firefox for my browser im not to sure if this is the correct place to paste such an issue but im not to sure...... my snippet of the code is below, hope some one can help me. HTML Code: <tr style="Height:20px"> <td style="width:20px"><img src="/images/TriangleOnBlue.jpg" width="10" height="10" border="0" align=middle></td> <td style="width:108px" align=left valign=middle><a href="javascript:window.external.AddFavorite(location.href,document.title);" class="BlueTiny">Add to Favorites</a></td> </tr> I will also point out that all my Java is enabled.... Hope someone can help. I created a page with a chromeless window. Clicking on 'enter' on the index page will open the homepage in a chromeless window. However, whenever you click enter on the index page, the index page itself is also loading the homepage. (so it's double, one on the index page and one in a chromeless window). How can I get it to stop, so that it only loads a chromeless window and the index page stays the same? I used the chromeless window codes from the following page: http://www.lissaexplains.com/javascript9.shtml Hello - I am a newbie to the forum needing assistance with some HTML coding. I am trying to create a page which has a number of small images acting as buttons. When an image is clicked, a new window is opened which displays that image in full size. I would like this page to contain a "Close Page" button which closes this page. Also, is there HTML code which prevents users from downloading images that appear in this new window? Addition: I have found javascript code which closes a browser window: <a href="javascript:window.close()"> <img border="0" src="closingwindows.gif" width="95" height="46"> </a> but where do you put this code, given that the new page to display the full size image is created from the page that contains the thumbnail of that image? Any help appreciated! Onesimus I cant open my php file...ive downloaded wampserver to support the file but it still doesnt open...wat could b the problem here??? heya guys i want to open a webpage in a new window when i click on a hotspot. can anyone tell me what i need to do? frosty |
|||||||