css

layout shifts - CSS problem

Hi, I am coding this layout as a wordpress theme and having a slight problem This is a link to my index page and how the layout should be, however, after adding comments and a comment form, the layout shifts to the left a bit. I am pretty sure it has to do with the comments or comment form because when I delete the code to include th...

create vertical menu like www.tokonita.com

Hi all,i'm wondering how to create vertical menu like www.tokonita.com Can someone point me how to do it?Thanks.. ...

Rounded corner box technique with images all around as borders

Does anyone know good example of using CSS to create rounded corner box where: All 4 corners and 4 sides are image. The sides have repeated img The width is constant while height is flexible Work all in FF 3.x, IE 7 or higher, Chrome Let me know. Thanks ...

How to fix "png opacity" and still support positioning at the same time?

How to correct it so that it's always like,like in firefox? EDIT: I tried some fix,but not working for me, I'm using something like below in my application: background:transparent url(../static/icons_ns6.png) no-repeat scroll 0 -80px; Say,I need to position the background image. ...

IE8: border + background-image problem

I have a span with a background-image repeat-x + a border. For some reason only in IE8 (not even IE7/6) the image hides the left border. When I set the border-left to 2px I can see a 1px border My Code: <span class="smallTab calTab calTabUnSel"></span> .smallTab{text-align:center; border:1px solid #A0A0A0; border-bottom:none; font-s...

100% 2 Column Height CSS Problem!

Hi all, I'm using this layout to create a 2 column fluid web page. What I can't seem to do is make it so that both the columns in the layout have a height of 100% therefore pushing the footer to the bottom of the page! Whats the best way to achieve this effect? Thanks in advance! ...

How to implement bottom-position for IE6?And does the same problem still exist for IE5,say,all earlier versions?

No matter how you scroll, the div should always be at the bottom of the web page. Is there a solution using jQuery? EDIT: Should make it work in IE6. ...

Looking for Custom <code> & <pre> CSS styles in Wordpress!

I'm looking for a way to customize my < code > and < pre > tags in my blog. I'm in need of custom CSS styles/codes. Anyone able to guide me to a few good examples? ...

Thickbox problem - appearing at bottom of page

I have a PHP page, in Wordpress. When I add a inline Thickbox to the page and attempt to open it, the Thickbox opens at the very bottom of the page, after the footer. Strangely, I took the generated HTML code, and made an HTML file with it. That HTML file opens the Thickbox correctly. The only difference is that it is not being gener...

Problem with IE7 link over jquery

Hi, I'm testing a website using Jquery. I have a plugin that when you hover over it, it slides down revealing another banner thus sliding the banner below down. I've overlayed a link in using z-index on the bottom banner, but whilst it works in other browsers I can't see it in IE7. Any ideas why? Would moving the styles up help? Or m...

Hovering <a> in CSS without href

I need a picture to change upon hovering over it. I got that working in CSS by changing the z-index upon hovering over it. However, I don't want anyone to click on it. Thus, I have removed the href from the tag. I have heard that this is a problem for IE6, however I have read that such is within the specifications of even XHTML, which i...

CSS - Increase Page Font Size

Possible Duplicate: Allow users to change font size in a webpage Hello, I have some webpages. I would like the user to click an image and have the font-sizes of all of the content on the page increase. Is this possible? If so, how? I know that the browsers have options inside of them. Basically, I want a way to do that in the...

Menu incorrect in IE6

Hello, I've several problems with IE6 There are 2 unordered lists which do not look fine in IE6. This is a snapshot from Firefox 3.5: http://img524.imageshack.us/img524/2772/ff35.gif IE6: http://img403.imageshack.us/img403/7321/40553149.gif The code: CSS #nav-black { height: 37px; background:#000; } #nav-black ul.left { floa...

DIV Attached to Bottom of Viewport

I've read some of the other posts on how to get a DIV to attach to the bottom of the viewport - and I've implemented one solution with success, but I'm running into a bit of an issue. At: http://s222894377.onlinehome.us/ You can see there is an image stretched 100% in a DIV I created and attached. The DIV above it is set to height: 10...

PHP - Loading CSS using cookie, but cookie isn't being read?

I currently have a web site where users can select a custom theme. After they choose the theme, a cookie is created. The cookie contains the correct data and points to the correct CSS file. For some reason, upon re-visiting the site, the theme is not loaded. I should point out that I am new to PHP so it may be a very easy mistake. P...

html navigation dom, how to?

Is this the right way to do a nested navigation? <dl> <dt>Struktur</dt> <dd> <ul id="structure"> <li><a href="/module/structure/add">Hinzufügen</a></li> <li><a href="/module/structure/index">Auflisten</a></li> </ul> </dd> <dt>Nachrichten</dt> <dd> <ul id="messages"> <li><a href="/module/messages/add">Schreiben</a...

CSS aligning problem

This is my markup, I need to align gray label under the blue label and keep the number aligned with blue label. CSS: body { font-family: arial, helvetica, sans-Serif; } #talkbacks .noshow { clear: both; display: table; /*padding-left: 14px;*/ line-height: 13px; width: 439px; } #talkbacks ul.top { border: sol...

PHP - Using a drop down list to change site theme

I have a drop down list where users can select a theme for the site. The only problem is, I'm not quite sure how to properly load the theme once they press "Apply". I am new to PHP. I know if I use GET, it will pass the variables through a the current page and add them to the end of the URL. I would really like to avoid that. So, I g...

Horizontal slider menu

I'm trying to build a fixed menu like the image. I've searched for some jquery plug-in,but only thing I found was accordion or tab menu which opens up in vertical direction. I wish to implement this menu content with jquery + css like Visual Studio's floating panel system with content in horizontal direction Do you have any examples for...

How can I chronologically stack different height divs in two columns?

I have two columns and want to stack divs of different heights in order of appearance. The divs are dynamically created. I have tried to do this by floating the first story to the left and the second to the right, but their still seem to be some anomalies. Have a look at this demo, it should explain it all. http://dl.getdropbox.com/...