Dragosvr92 Posted October 18, 2011 Share Posted October 18, 2011 Hello, The Google Ads banner from my site header gets outside of the main body and makes the page look all messy on computers under 1152x864. Could anyone please tell me what could i do to override the extra part of the banner by the wrap id ? Thank You. EDIT: The site with the issue is in my profile. Quote Link to comment Share on other sites More sharing options...
Dragosvr92 Posted October 19, 2011 Author Share Posted October 19, 2011 Anyone Quote Link to comment Share on other sites More sharing options...
Dragosvr92 Posted October 24, 2011 Author Share Posted October 24, 2011 Well, is anyone willing to help with this ? Quote Link to comment Share on other sites More sharing options...
hamza Posted October 27, 2011 Share Posted October 27, 2011 Past your url over here so anyone can see your issue. Quote Link to comment Share on other sites More sharing options...
Dragosvr92 Posted October 30, 2011 Author Share Posted October 30, 2011 http://www.rising-dead.com/forums/ Thats the page with the issue. Quote Link to comment Share on other sites More sharing options...
Dragosvr92 Posted November 1, 2011 Author Share Posted November 1, 2011 Seriously, no one? :-\ Quote Link to comment Share on other sites More sharing options...
Frank P Posted November 1, 2011 Share Posted November 1, 2011 If folks don't respond, it's usually a question of them not knowing an answer. Same here. The Land of the Dead image has a declared width, but the Google div does not, and neither do any of its content elements. Still, it behaves as if it has a declared width. The only reason I can think of is that it keeps its originally computed width because it is nested in a table cell. There are many problems with table rendering, so I wouldn't be surprised if divs won't shrink if the table (cell) shrinks. What does work here is giving the Google div a width, small enough to be accommodated on a 1024 or 980 computer. Quote Link to comment Share on other sites More sharing options...
Dragosvr92 Posted November 1, 2011 Author Share Posted November 1, 2011 Well i have added width: 650px; and looks right in 1024. But theres too much empty space on higher resolutions. Cant i just make it to auto set its width so that it will not leave the #wrap{} ? Another question.. The Google banner is a bit too on right.. And it leaves a small empty space btw the logo and the "table" of "Google Ads". Any ideas how to move it ? Quote Link to comment Share on other sites More sharing options...
Frank P Posted November 2, 2011 Share Posted November 2, 2011 Hoho. Your rebuttal questions make clear that you should really read up on CSS, because they concern beginners stuff, even though the matter of the Google element seems a mysterious one. I would advise you to read this tutorial: How to Position in CSS. If you wanna be a webmaster, you'll have to invest time and effort. Quote Link to comment Share on other sites More sharing options...
Dragosvr92 Posted November 2, 2011 Author Share Posted November 2, 2011 I assure you that i do know CSS, HTML pretty well. Some PHP also, but i am stuck on how to mess with the Google Stuff. You sort of insult me with the tut Quote Link to comment Share on other sites More sharing options...
Frank P Posted November 2, 2011 Share Posted November 2, 2011 This question suggests that you had the forum installed by (a function of) your host (account) but know next to nothing of CSS: The Google banner is a bit too on right.. And it leaves a small empty space btw the logo and the "table" of "Google Ads". Any ideas how to move it ? Quote Link to comment Share on other sites More sharing options...
Dragosvr92 Posted November 4, 2011 Author Share Posted November 4, 2011 I dont know how/where to add CSS on there to affect the Google Logo, as its having its own CSS propertys set by itself already. Quote Link to comment Share on other sites More sharing options...
Frank P Posted November 4, 2011 Share Posted November 4, 2011 This is were it is derived from: http://www.rising-dead.com/forums/style.php?id=1&lang=en&sid=ed5cb110a039f2837fb35fa2edbacbf7. Quote Link to comment Share on other sites More sharing options...
Dragosvr92 Posted November 6, 2011 Author Share Posted November 6, 2011 What do you mean? Quote Link to comment Share on other sites More sharing options...
haku Posted November 6, 2011 Share Posted November 6, 2011 I'm not clear on what exactly the problem is. Quote Link to comment Share on other sites More sharing options...
Frank P Posted November 7, 2011 Share Posted November 7, 2011 What do you mean? You said you didn't know where to add CSS to affect the Google Logo, as it was having its own CSS properties set by itself already. Well, the link I gave is the external CSS file where the Google log gets its CSS properties from. Quote Link to comment Share on other sites More sharing options...
Dragosvr92 Posted November 7, 2011 Author Share Posted November 7, 2011 What? I know where my theme is located at. :o What i dont know, is on what to add CSS to affect the Banner area. What HTML Element do i apply CSS on? Haku, my main post tells what my issue is. Quote Link to comment Share on other sites More sharing options...
haku Posted November 8, 2011 Share Posted November 8, 2011 Your issue is that it "makes the page look all messy", forgive me for not understanding this comment which of course is a standardized descriptive of problems in web design. I'll have to read up on that topic. As for what element to apply the CSS to, you have a problem in that there are no IDs or classes you can use to specifically target the banner, so it will be hard to set something specifically to that area without catching something else as well. You also have a problem in that the CSS for the banner is written inline, which means that you will not be able to externally override any of the styles that have been set inline. Quote Link to comment Share on other sites More sharing options...
Frank P Posted November 8, 2011 Share Posted November 8, 2011 What? I know where my theme is located at. :o Then you shouldn't write: "I dont know how/where to add CSS on there to affect the Google Logo". What i dont know, is on what to add CSS to affect the Banner area. What HTML Element do i apply CSS on? Another question that makes clear that you should do a proper course in HTML/CSS, but the CSS should be applied to a to the logo newly assigned ID. (My Firebug doesn't show any inline CSS, Haku?) Quote Link to comment Share on other sites More sharing options...
haku Posted November 8, 2011 Share Posted November 8, 2011 <span style="display:block; width:723px; height:90px;background-image:url('./styles/LOTD/imageset/ps_logo3.png');background-repeat:no-repeat;background-position:center; left:0!important;top:0!important;"> Quote Link to comment Share on other sites More sharing options...
Dragosvr92 Posted November 8, 2011 Author Share Posted November 8, 2011 @Frank, I can arrange the logo to show properly, but that if i control the iframe, and add properties, in what the Google Code outputs (iframe etc)... I agree that a course in HTML/CSS would be useful to me, as i'd learn new things. Quote Link to comment Share on other sites More sharing options...
Dragosvr92 Posted November 8, 2011 Author Share Posted November 8, 2011 Okay, i have figured out how to move the logo a bit on left to fit my div better. I have done it by using this: ins #aswift_0_anchor{ position:static!important; } And changed the width and height from the line that Haku gave. Fits alot better now. That thing is produced by the Google Code. Thats whats sortof confusing me. I cant add CSS on the div to controll the Banner.... What i still dont know, is how could i make the Div cover the banner, so it wont extend outside the page, if the reasolution is under 1152x864 Quote Link to comment Share on other sites More sharing options...
Frank P Posted November 10, 2011 Share Posted November 10, 2011 You have the following inline styling: <span style="display:block; width:718px; height:86px; background-repeat:no-repeat; background-position:center; background-image:url('./styles/LOTD/imageset/ps_logo3.png');"> <script type="text/javascript"><!-- google_ad_client = "pub-6144115669443786";google_ad_slot = "5556316332";google_ad_width = 728;google_ad_height = 90;//--></script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> </span> The width declaration is the culprit. Now, I've tried to give it 100% width, to make it flexible, but it doesn't respond to that. I would suggest to make your layout a fixed-width layout, optimized for 1024x768, so with a fixed width of some 1000px. That way you will also prevent the text lines from becoming too long, which makes reading awkward. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.