Can anyone tell me how to fix the DIV Overlap here
http://www.zomghentai.com/daiakuji-episode-7-sub/
The Video Source 1 and Video Source 2 buttons are overlapping on the title bar.
**Note, also, for some reason...if I put float:left; in the span.sources, the hyperlink on the buttons disappear, any thoughts on that?
Edit ** Problem has been fixed. I had to add Float left to a bunch of divs ones after another.
Try to position the two buttons relatively
Related
I have got a table with a scroll with the style "overflow-x:visible" to the scroll. But when I move the horizontal scroll It look like this 1
I tried applying position : absolute and the overflow problem was solved but the table pasted with the bottom of the top div and the first table header's name dissapear, looking like this 2
Thanks Mayank for your answer, I make the changes but the problem persists, because now I have two horizontal scrollbars, one always visible but too short to show all the table and the other only appears on the bottom of the table and it's only visible if you move down using the lateral scrollbar.
In the first screenshot, you can see the double scroll
In the second screenshot, you can see that in the top of the table you can't see the other columns but the scrollbar is to short to use it
I'm trying to align one large image in the center of the div.entry-content on this page: http://rowanibbeken.co.uk/bankside-power-station-bankside-london (i.e. I don't want the smaller images to effect the centering of the large image) whilst I'd like the purchase button table at the bottom to be in line with the large image. So far the main problem has been the div. After trying every centering method under the sun I'm still unsure why it's shifted to the right and has messed up the alignment of the whole page. If anyone has any advice on this that would be great.
Thanks in advance!
Rowan
Take the images out of the table, add a clear:both; to their CSS, and give them each a margin: 0 auto;
The clear should make it so that nothing else is on the same line as the image no matter what size it is, and the margin will center them.
I had posted a similar question previously, when I was looking for help in doing the javascript portion.
I now have figured out how to get the javascript working to reproduce this affect in the images below, I need help getting my "MIDDLE" clickable div into place though.... scroll down to see the question portion
Ok here is a page with the code I have this far on jsfiddle.
Mu updated attempt, got it mostly working but it seems kind of hacky the way I had to do it
http://jsfiddle.net/jasondavis/HRq6G/5/embedded/result/
I have a container div with header, content, sidebar, footer areas. Right now when you click on the header div it will toggle the sidebar and content areas.
I would really like to figure out how I can get a middle DIV in between the article content and the sidebar, I will then make that div be the trigger to toggle it all.
In the image you can see that the new center div should always stay attached to the right side of the article div
If you are good with this kind of stuff I would greatly appreciate any help I can get with it, I have spent hours trying to get a div to position like I am describing with no luck. The div should also be the height of the article div
-----UPDATE-----
http://jsfiddle.net/jasondavis/HRq6G/6/embedded/result/
I have it working now. It can most likely be improved, I had to do some hacks like setting some negative margins, I would imagine someone with better knowledge could do it without that
Your explanation was a little hard to understand, but I think this is what you want. Basically there is a thin div between the sidebar and the main content area. Clicking on it causes the sidebar to relocate. Clicking it again restores the sidebar.
http://jsfiddle.net/HRq6G/4/
To accomplish this I chose to absolutely position the middle div along the right edge of the article div. I called the middle div 'trigger.'
Greets,
I'm currently working on a website and have stumbled upon some layout difficulties. What I want is a website with a header (fixed hight) and followed by three columns (left, middle, left). I want the columns to stretch from top to bottom. But when I set them to a 100% height, the page gets overflow from the static header on 140px. I have included an image of the page with lots of colors to show the divs (http://oi51.tinypic.com/974rqd.jpg).
Any help is greatly appreciated!
This should solve your problem:
http://www.cssplay.co.uk/layouts/three-column-layouts.html
Set a background image that repeats vertically. Either one image for each section, or easier yet, a single image that contains the dividers of all 3 sections.
See here for an example of this being done.
I have a Radmenu which has 6 buttons in it which need to have equal spacing between them in my horizontal menu. I have managed to get this right using a percentage value but what if someone decides to add another menu button?
Is there a way of aligning my UL menu in the middle of my wrapping DIV and then spacing the buttons equally.
To top this off, the left button needs to be floated left and the rmLast button needs to be floated right, then the buttons needs to be distributed evenly.
Many thanks!
James
This is one of those problems that could be solved with a table in about 20 seconds.
Anyway, the following link might help:
http://joomlapanel.com/joomla-article/joomla-tutorial/247-fixed-a-liquid-columns-with-css-a-jquery-.html
This technique uses a combination or stylesheets and javascript (jQuery) to accomplish this.