I tried to create a link witch goes to two div's in once. I like to go for example to #item4 and then directly to #item4_section10.
here's an example:
manage
div with id #item4 is horizontal and div with id item4_section10 vertical. if i go directly to item4_section10 this destroy the style of my page.
im new and i need your help.. thanx a lot!
You need to make your anchor display: block and after that you can give it a height and width and style your divs in it with float or inline-block or as you wish.
Related
In my site link
http://gpuzzles.com/games/tower-of-hanoi/
There is space difference between text and flash, how can i resolve it
The space belongs to the flash object, so the best solution is editting the flash file.
But you could also use wmode=transparent and a lower z-indexto the flash, and use negative margins to fix the space.
there are some work around to move the div have green background using position:absolute property and giving z-index a bit higher value.
So in your case you have to use position:relative in ID #content-box-in-left-in and then give the child div position:absolute and top: or bottom this way you can move the green background to anywhere by giving some value to top or bottom.
I can't make a Demo here as you only upload the website link not any Demo link.
I was wondering how I could recreate this table from this image. For my class project we are supposed to redesign this page, however I have no idea how to implement anything like that. It seems almost as if someone embedded an excel spreadsheet in the page.
Use a table header to add the blue background to the top row with CSS.
th { background: some blue-ish color}
Add a fixed width div (the table should be inside this div) and use overflow: scroll; for the scrollbar effect.
Rowspan for the first column.
Pretty basic CSS stuff, do you need to add functionality too or just the CSS?
http://dev.goforadventure.com/?post_type=trips&p=108
Hello,
Please squeeze the browser closer together until you see the accordion form with the little arrows to the right.
There is a div with a featured background image above the set of tabs (this is Wordpress)
When the tabs are closed, the width of that image div depends on how much space the post title/h1 above it is taking - if I make that font size larger, the picture will stretch larger with it.
If you open the first or last tabs, they have a large amount of text in it - this also causes more of the photo to show.
I am assuming because the div has width:auto applied to it, it isn't showing that much background because the content in the accordions are hidden by default.
Any idea to trick the image div into thinking theres more space there so the image and accordion tabs will stretch across the entire browser while theyre closed?
Thanks so much!
If you remove the width:auto on the div that has the image and set it to 100%, you will notice nothing happens. Then we look at the container element of that div, the one that has id="content" and role="main" That div has float:left. Remove the float in your media queries, and it will show as you want.
I have a contact form displayed in an iframe in an overlay div that I have adjusted to fit the div within the guidelines of the div dimensions. There are no scrollbars showing when the div first appears. Then I fill out the form, hit send, and there is a moment right after I hit send that the vertical scrollbar appears, obviously while the form is sending, and then the scrollbar disappears again after I get the confirmation screen.
Now I don't really know where to start, except that I believe my css is good. I have two css files attached to my contact.php. I also have a process_form.php and three javascript files (two of which are jquery references). I don't want to paste all of them here because of all the code. Like I said, I have went through the css up and down, but I am not as experience with js or php to see if it is something in the code there. If anyone can point me in the right direction as to where to look, that would be great. If you want me to post a certain section of code, I will. But like I said, I don't want to just post random code here. In the image above, the top screenshot is before I hit submit, the second image down is seconds after hitting send, and then the last image is my confirmation. The scrollbar is only vertical for a second. And I have already applied the following class to my iframe, which does not help:
.restrict{
width: 700px;
height: 380px;
overflow-y: hidden;
}
What is peculiar about that also, is that I had to adjust the width of all the elements in my contact form perfectly to get it to fit into my display div because the vertical scrollbar kept showing anyways with the above class. So I am not sure why the overflow property wasn't working before I adjusted the width in my css of my elements, but I could not get rid of that vertical scrollbar until I got my form to fit inside my display div.
Any suggestion as to how I can just get the vertical scrollbar not to show up at all would be great if it is too difficult to examine my code to find the problem in the first place.
Instead of using css you can use html to hide scroll bars. Like this-
<iframe scrolling="no"></iframe>
I hope this helps.
I have a dynamic menu in wordpress using wp_nav_menu, however I would like to add a span to just one of the list items.
I will demonstrate this in static HTML to show you what I would like to achieve.
I currently have this...
<li>Test</li>
...but would like to achieve this...
<li>Test<span>(icon)</span></li>
Is there anyway to do this dynamically?
Thanks in advance
Am I understanding the example correctly that you want an image icon inside the span? If so you could just use the wordpress generated class/ID for that specific li or anchor tag and give it a right aligned background image with CSS. You may have to also set it to have a wider width to accommodate the image. You wouldn't even need to add a span tag.
Here's the modified answer to give you want you want since my previous answer wasn't quite what you're looking for:
<script type="text/javascript">
jQuery('#menu-item-175 a').append('<span></span>')
</script>
Just change the #menu-item-175 to the correct ID of the li that surrounds the anchor you want to append to.