|
HTML - Moving Google-ad 5 Pixels To The Right?
Here is the code I'm adding to my website to feature a Google Ad text link.
<script type="text/javascript"> <!-- google_ad_client = "ca-pub-548569347568435"; /* google ad link1 */ google_ad_slot = "6594051295"; google_ad_width = 160; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> Everything is aligned to the left and the google ad appears tight against the left hand side of my column and I need to move it 5 pixels to the right to appear inline with everything else, I have tried putting left:5px; in various different places in the html code, but it either does nothing to the position or the google ad disapears altogether. So where do I put the positioning code? and is left:5px; the correct code for the job? Thank-you James Similar TutorialsI have a website with two side boarders inside a table and a content cell in the middle The left and right boarders are 100px each, and the middle I want to be the rest of the page. I tried to define the tables widths as 100 each and then add the middle to be 100% (to make it the remaining space) but it just filled the whole page with the content cell. Could anyone help me out? Thanks, Chuckles Is there a way (HTML, CSS or Java) to make an index page open automatically 150 pixels down from the actual top of page? Reason: I have a lot of cheap hosted sites with banners at top and it would be great if I could get the page to automatically open with the top banner scrolled off the top of the screen. OK, I'm cheap...... I admit it but I was thinking that it would be nice if this could work..... How wide should you make your page/site? Since most have different size monitors and settings, how wide should your page be so it's not tiny on one user's monitor, and not too big on another? Hello, okay, so i was thinking about redesigning my site because i never really have done so before. but as i was thinking, i was thinking it would be nice to be able to fit more stuff across the screen width wise.... right now my website has like 750px width... and i was wondering if i increased it some, would the majority of the people not have a problem viewing it? and if so, how many pixels wide do u think i could go before its too wide... i have my screen resolution said at 1280x1024... does anybody know what the majority of people set their screen resolutions to? any help would be great..thanks.. Hi, I just got back into HTML and CSS and stuff for a new project after a lengthy absence. I'm also trying out PHP for the first time and having a lot of fun with it, but I'm having problems as usual. This doesn't have to do with PHP per se, but if PHP is involved in the solution that'd be just fine. By contrast, I'd like to avoid Javascript, since a lot of people have it disabled by default. One of the things that's always irked me about CSS is how it seems to be completely impossible to define an element's width/height based on its container's width/height without using percentages or without weird things happening when you use padding. Say I want to do one of the simplest things imagineable -- define a rectangular area within the page, with 25 pixels both to the left and right of it, and 12 pixels above and below it, no matter what the browser window's size is. While it's no task to set the rectangle's position relative to the body of the page (using left and top, or whatever), deciding its width or, particularly, height seems to be impossible. 100% - 25px is, sadly, not allowed, even if I incorporate PHP, since PHP has no way of telling what the 100% actually represents. I've been puzzling over this for the last couple hours, and after a great deal of fiddling with alignments, margins, padding, and such, these two pieces of really simple HTML are the best I could do, and they're both flawed: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
<!--
body
{
margin: 0px;
padding: 12px 25px 12px 25px;
background-color: darkblue;
}
#inner_box
{
position: relative;
width: 100%;
height: 100%;
background-color: lightblue;
}
-->
</style>
</head>
<body>
<div id="inner_box">
Text
</div>
</body>
</html>
Paste that into a HTML file to see what I'm talking about graphically. The problem here is clearly that, for whatever reason, the 100% height in inner_box doesn't activate and inner_box ends up only as high as a single line of text allows. I don't know why. But in this next example... Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
<!--
body
{
margin: 0px;
padding: 0px;
background-color: darkblue;
}
#outer_box
{
position: absolute;
margin: 0px;
padding: 12px 25px 12px 25px;
width: 100%;
height: 100%;
background-color: lightblue;
}
#inner_box
{
position: relative;
width: 100%;
height: 100%;
background-color: white;
}
-->
</style>
</head>
<body>
<div id="outer_box">
<div id="inner_box">
Text
</div>
</div>
</body>
</html>
Here I've fixed the problems with the first snippet by adding a new container (outer_box) with absolute positioning that covers the entire body area. inner_box goes inside it and tries to act like it did in the first example. Unfortunately, for some reason, outer_box doesn't act like the body tag did in the first example -- when padding is added to it in order to position the elements within it, outer_box expands itself instead of just resizing inner_box, like the body tag did. I've done a lot of experimenting and I simply can't find the solution. All I want is a page with a few pixels of blank space to all sides of a floating rectangle. I uploaded a couple of doctored image samples of what the page should look like, but doesn't: here and here. Anyway, in summation, this is driving me nuts. I know I could probably use Javascript to get the container (body or outer_box)'s width, and go from there, but like I said, I'd rather avoid Javascript. There has to be a better way to do this. Any help would be very welcome. EDIT: After some more experimenting, I've discovered something interesting. If I declare example 1's doctype to be: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> then it works properly. The same cannot be said for example 2. And I really can't tell why. I guess HTML forgives something that XHTML doesn't. Also, example 1 doesn't work if I include the HTML doctype's URL: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Strange. Anyway though, it's important to make example 2 work since I would usually be working with containers within containers, not just within the body tag. So I still haven't solved my problem. Site : www.originalwalls.blogspot.com Problem : My site index with no problem the pages in google but , the images are not indexing. Some photos had been index but if you hold the click on them you see from the start somfing is wrong the images had been indexed with same title . . . http://www.google.ro/search?q=site:o...w=1366&bih=643 Does enyone know what the problem is ? can it be from the template ? Please help i really need help Thanx a lot I believe in thread titles that get to the point. I have a basic page, when the page loads I want people to see the top of the page for a few seconds while a flash starts to load but then I want the page to scroll down a bit so the visitor can see the flash load progress status. I just want code that I can copy into my page. I don't have access to the flash code. Greg (the page under design) www.mytcanada.com/designer.html I have a programmer in the US who starts pages for me and then I much around with them until it's looks like I want. He helps me when I get stuck but he's on holidays. Any help would be great. Hello to everyone who gets to read this post, here at HTMLforums.com. I think it's great there is a community for all webmasters to share there knowledge. Well I got a problem with my domain name, and sorry, but I could not find a category that would fit for this thread. But here's the deal: When I go type http://google.com into my browser and the site is done loading, it shows http://www.google.com in my browser. The same in almost all large websites. Now how do I make my domain, stenersted.dk, forward to www.stenersted.dk? Thanks alot, Poul http://www.website.com looks much better in the URL bar than http://website.com. How do I forward my website ***.dk to www.***.dk? How can I move this table to the right a lttle bit? Thanks. Code: <TABLE cellSpacing=0 valign=top cellPadding=0 width=100% border=0> <TR valign=middle height=10> <TD class=headera1><IMG src="/images/clear.gif" height=1 width=159 border=0></TD> <TD width="100%" align=right class=headera2> </TD> </TR> <TR> <TD class=headera3><IMG src="/images/clear.gif" height=1 width=159 border=0></TD> <TD width="100%" align=right class=headera4> </TD> </tr> <TR valign=top> <TD></TD> <TD valign=left width=795 height=1><IMG src="/images/topimg11.jpg"> <IMG src="/images/topimg2.jpg"></font></TD> </TR> <TR valign=top height=1> <TD colspan=2 class=black><IMG src="/images/clear.gif" height=1 width=100% border=0></TD> </TR> </TABLE> How to change this code so that the image moves up and down not side to side on mouse click. Code: <html>
<head>
<script type="text/javascript">
cc=0;
function changeimage()
{
if (cc==0)
{
cc=1;
document.getElementById('image').style.position="absolute";
document.getElementById('image').style.left="0";
}
else
{
cc=0;
document.getElementById('image').style.position="relative";
}
}
</script>
</head>
<body>
<img id="image" onclick="changeimage()" border="0" src="slide2.JPG"/>
</body>
</html>
Hi, this is my first post and I'm pretty new at HTML. Ok, I have been making a script and it works fine, but there's a problem. Most websites I visit (including this one) when you make the window smaller, the stuff you covered up simply goes off screen, but in my script, when you cover it up most stuff shifts down a line and is still visible. This look very messy having things constantly shifting around! : I was wondering if there was some tag or something that causes everything to freeze in place no matter how small the window gets. -Thanks Hi, I have made a navigation bar that sits nicely to the left of my page. However, i cant seem to get it to stay in that position. I have to put other content above it or below it even if it wont actually clash with the bar. Any ideas on how to fix this? Thanks in advance, Sam. Update; I needed to float it. All done Can someone help me on figuring out how to move the table on my homepage here. I'd like to move the text content that is on the right side, spread across the page and move the form that is on the right side below the content text. Along with this I'd like to leave a column along the right side of the page that is about 1/3 the width of the page, maybe smaller? Would anyone be willing to help me accomplish this? Hey so I guess there are going to be quite a few groans from some people, but I need help with the HTML Coding on my band's MySpace... I am rubbish at this whole code business so I bow down to anyone who can help me with a few things... Firstly, take a look at the page... www.myspace.com/sevendayslater OK, I've got it looking almost how I want it, but there are a few things that are annoying the hell out of me... 1) The band logo is kind of right-aligned... the code says it is "left" but it looks weird.. 2) I want the music player / gig listing / blog entry to be in line with where it says Biography... 3) The mailing list thingy, does anyone know how to make it the same size as everything else in it's column?? Also can the background be black and not transparent?? If anyone can help I would hugely appreciative!?! I got a report that on this website http://www.livingwordchurch.org.uk/home.php on certain pages, the entire content shifts to the right. My friend uses FireFox 3 when it does it, although I do too and I don't see anything happening. Do any of you see it moving too? And if so, any ideas why? In html left to right <marquie behaviour but i want right to left the text comes from right to left and left standard positin whch command do i need to use? please provide thanks for helping Hi there i'm new to html forum and have come here for a little bit of help on some code. my website is http://www.mp3encore.co.uk my problem is on the homepage, basically i want the radio search buttons above the search bar so visiters click radio button first then type in what they want. here is my code... <div class="wrapcontent clearfix"> <div id="content" class="fleft"> <div class="wrappost"> <style type="text/css"> #content #post { background: url('<?=WEB_PATH?>images/wes.png') no-repeat; } </style> <script type="text/javascript"> function change_song1() { document.search_form.search_input.value= "Search For Lyrics"; document.search_form.type.value= "lyrics"; document.getElementById('song').style.display = "none"; document.getElementById('video').style.display = "none"; document.getElementById('kr').style.display = "none"; document.getElementById('lyrics').style.display = "inline"; } function change_song0() { document.search_form.search_input.value= "Search For Videos"; document.search_form.type.value= "video"; document.getElementById('song').style.display = "none"; document.getElementById('video').style.display = "inline"; document.getElementById('kr').style.display = "none"; document.getElementById('lyrics').style.display = "none"; } function change_song2() { document.search_form.search_input.value= "Search For Songs"; document.search_form.type.value= "mp3"; document.getElementById('song').style.display = "inline"; document.getElementById('video').style.display = "none"; document.getElementById('lyrics').style.display = "none"; document.getElementById('kr').style.display = "none"; } function change_song3() { document.search_form.search_input.value= "Search For Karaoke"; document.search_form.type.value= "karaoke"; document.getElementById('song').style.display = "none"; document.getElementById('video').style.display = "none"; document.getElementById('lyrics').style.display = "none"; document.getElementById('kr').style.display = "inline"; } </script> <div id="post" class="post"> <div class="entry" style="margin-top: 6px;"> <div class="clearfix wrapentry"> <div class="fleft"> </div> <div class="info fright clearfix" style="margin-right: 25px;"> </div> <div class="Contentbox" align="center"> <div id="song" style="display: none;">You are in Song search mode</div> <div id="video" style="display: none;">You are in Video search mode</div> <div id="lyrics" style="display: none;">You are in Lyrics search mode</div> <div id="kr" style="display: none;">You are in Karaoke search mode</div> <div id="ajaxcontentarea" class="contentstyle" style="margin:0" > <form name="search_form" id="search_form" method="post" action="<?=WEB_PATH?>"> <input tabindex="" value="Search For Songs" name="search" id="search_input" onfocus="if(this.value=='Search For Songs'||this.value=='Search For Videos'||this.value=='Search For Lyrics'||this.value=='Search For Karaoke') this.value='';" type="text" /> <input type="hidden" name="type" value="mp3"/> </form> </div> <ul id="maintab" class="shadetabs"> <li><a href="#" onclick="javascript:document.search_form.submit();return false;">Search</a></li> </ul> </div> <div style="color: #ffffff;font-weight: bold;margin-left: 45px;margin-top: -25px;"><input type="radio" class="radio" value="video" name="type" onclick="change_song0();"/> Videos</div> <div style="color: #ffffff;font-weight: bold;margin-left: 145px; margin-top: -18px;"> <input type="radio" class="radio" value="mp3" name="type" onclick="change_song2();"/> Songs </div> <div style="color: #ffffff;font-weight: bold;margin-left: 235px; margin-top: -18px;"> <input type="radio" class="radio" value="lyrics" name="type" onclick="change_song1();"/> Lyrics </div> <div style="color: #ffffff;font-weight: bold;margin-left: 315px; margin-top: -18px;"> <input type="radio" class="radio" value="lyrics" name="type" onclick="change_song3();"/> Karaoke </div> </div> </div> </div> </div> hope someone can help, thanks in advance. How would i go about making the onchange property of a <select> drop down menu change the position of a scroll bar of a <div> below it? |
|||||||