Okay, guys.
I'm about to make a forum, but my logo is only shown half.
Here is what it shows: http://i60.tinypic.com/5widdy.png
Here it´s what it's supposed to show: http://i61.tinypic.com/14ihnk9.png
I set my imageset.cfg to 'img_site_logo = logo.png*260*100', wich is the right size of the logo, and i cleaned the cache of the theme. I can't figure out whats wrong with it, so i hope you guys can help me :-) The theme i use is called 'modestus'.
First, try the following. Right click on the logo and click "inspect element" or whatever your browsers equivalent is, then a window with the page HTML and CSS should pop up, showing you exactly what CSS is being applied to it. Try checking and unchecking fields in the CSS window to test the applied style values to see if one of them is causing the problem. Highlight parent HTML elements and then do the same thing to their CSS just in case. If one of these resolves the issue, then look at the file that is being called (should look something like common.css or styles.css) and go into that file (phpbb/styles/yourstylename/thatfile.css) and search for the target element the style was being applied to to find the problem area. Comment it out with /* */ on either side of the statement and then refresh your style sheet and clear your cache from the ACP to check that it worked. You will need to refresh the page the logo appears on once you've refreshed the style and cleared the cache to see the changes sometimes.
If that doesn't work, open your image into an image editing software and verify that there is no transparent or white space on the edges of the image. If there is, crop it out and re-save.
Related
I've got a menu, links within it are sending user to e.g. ?menu=home but there are many other links. I wanted to use $_GET[""]; to manage content of website by switch i.e.
if ($_GET["menu"] == "home"), everything looks fine, I have background, a website, pictures and stuff, but each time you change ?menu by clicking on other links than itself, it flickers, for about 0.5 second it is white and then website loads.
Now that wouldn't be a problem if website would be bright like StackExchange, unfortunately my website orbits around dark colors, such flikker throws off the feeling of smoothness on website.
Is there a way to get rid of that white short flicker?
load your external css file in section.
set background to html or body element in your css file.
I think your problem is that css is loaded after content so styles are only applied after that and default html and body background is white.
I've just switched over a database for a front end website and some strange CSS is appearing under just one image, but I cannot find the CSS in the code, in fact i'm pretty sure it's not there.
This is looking at the code in browser using google chrome:
As you can see no CSS.
But in Safari:
Lots of CSS is added on the end of just this one image. The images are pulled from a database and displayed on screen, this was working before i switched the database over, and I can't seem to find it in the code:
As you can see it's not being added inline when it's echoed onto the page
My question is ... what could be causing this inline CSS to be added to this one image and is there anyway to find out where it came from?
If it safari on mac with retina display, some of the libraries can add styles to the image
As it turns out, the plugin ad blocker was blocking my image.
When the thumbnail is clicked I would like the full size image to open on http//example.com/image.aspx instead of http//example.com/images/image.jpeg without creating an individual page for each image and editing each href. I know that this is possible with php but I was wondering if there was some way of doing it with javascript, jquery, asp.net, or...? If it is possible, (I maybe stretching it here), would it also be possible to run this on the master page for all thumbs? The thumbs have no class or id. Right now they are in straight html markup. I have searched for days and have found nothing that would even get me started on the correct path with the exception of php. I don't need the target blank if I could implement this because this would allow me to open the image on a aspx content page with full site navigation. Here is the code as of right now.
<a target="_blank" href="image.jpg/jpeg"><img alt="something" src="pictures/image_small.jpg/jpeg"></a>
A page from our site is http://backalleypics.com/PeoplesPages/Sa~Se/SarahShahiPages/SarahShahi1.aspx. An example of the php type is http://www.theplace2.ru/photos/gallery.php?id=47 I really don't want a gallery, pop up window, or light box. The purpose is to get ad views for each image click and have navigation on the page.
You can use an existing library that do that, like the: http://highslide.com/
There are also many others, some of them:
http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm
http://valums.com/javascript-image-galleries/
I know that the question I have is quite complex, and I really hope someone can help me. I have created an image gallery qih jquery and php. Firstly I am grabbing all the image names from a MySql database, then taking them from the server folder and resizing them with php. It creates the thumbnails, then I created a pop up window with jquery which shows the image in large. After that I place a previous and next button and told jquery to grab the array of image results from php and echo them into the jquery using json. Then it goes through the array to create the next and previous effect. I then centered each individual image when the next and previous button were clicked. When you load the first and second picture it is not centered and it goes to the right. I CAN NOT figure out why this is happening. I really need some help here. There is too much code to post here so I am giving you the website and you can see pretty much everything in the source code. Remember that I am using php so if you are wondering how it is iterating through the pictures that why. Thanks if anyone can help me at all.
http://www.oceanphotostudio.com/test/collection/before-and-after.php
The reason it's getting offset is that the margins that center the popup div are being calculated before the image is loaded. Notice that on the first click, it will have margins of -37px and -30px. After one image is loaded, calling another one will use the width and height of the last image that was loaded in, which is why you can get unpredictable results.
Take a look at JQuery's load event handler for information on how to create a callback to resize after the image has been set to load, rather than before.
Your description totally overcomplicates the issue. Browser could care less how you generate the array or html on server, or what language it is
Your position problem is a simple css issue. You've set the top and left of your popup to 50%. This means top left corner of popup will start at dead center of page, and go right and down from there.
Use a browser console to inspect the html elements and the css rules that apply to them and adjust accordingly. WIthin the console you can make live edits to see impact of the adjustments in real time
In my page I give a certain size to a DIV with jQuery, based on the size of the last tweet that I retrieve through PHP.
Problem : I need to use jQuery(window).bind("load", function() in order for jQuery to "see" the size of the tweet, but then, I can see the resizing (perfomed my jQuery) in front of my eyes and I dislike it. I want the page to appear in its final state.
Is that possible ?
You have two options. 1) Start off with your tweet element hidden, then show/fade it in when everything is loaded.
2) My preferred solution is to call the $.blockUI() plugin as soon possible, and then $.unblockUI when everything has loaded. The blockUI plugin also has a facility for blocking only certain elements rather than the whole page, there is a demo here
You can always let it render at a top margin of -1000px and then pop it back down, or perhaps z-index it underneath something else.
Some browsers have problems "seeing" hidden divs while some can do it, but it's unrelible so best bet is to render it outside the canvas.