What motivates me to write this question is that I'm really into making good appearing web-sites but I definetly do not feel confortable with CSS. My feeling is that it's all about trial-and-error. I need to try to do something and test, test and then test it over again in all browsers and after all I still have a feeling that the resul...
I found these CSS attributes, that make the cursor look like a hand: IE - style="cursor: hand;" NS6/ IE6 - style="cursor: pointer;" Cross Browser - style="cursor: pointer; cursor: hand;" However I notice that StackOverflow is using "cursor: pointer" in its CSS. However, this apparently work also on IE. So ... what gives? What is the...
so this is a problem: when I'm using flash on website, and creating some dialog box which should be over all other elements I use just proper z-index for dialog box (in IE6 it's needed to set transparent wmode for flash). But flash programmer don't want to give me flash file and suggested to use iframe linking to his website. on my web...
Hi guys I have problem with the :hover pseudo-class of CSS. I am using it like tr.lightRow:hover { color:red } It works in Safari and Firefox but it does not work in IE7. Please help me. ...
Hi Everyone, I have a page with two submit buttons at the bottom of the page. One for the submit of the page that posts to an action and another to cancel that posts to a different action. For whatever reason IE has a problem with placing these two buttons side by side. Firefox has no issue. Here is my script: <div class="button_row...
The vote buttons just have an img tag, span tag, and another img tag. When I try these out in a fresh page, they come out on the same line. What CSS element exactly is causing them to be on different lines? <img class="vote-up" width="40" height="25" title="This question is useful and clear (click again to undo)" alt="vote up" src="http...
Hi all, I'm creating a webapp for Android mobile phones with ASP.NET and the Ajax Control Toolkit. I've included a CalendarExtender-Control which popups a calendar when focusing the associated Textbox-Control. If I select this textbox on my mobile phone, the Android webbrowser highlights it with an orange border. The problem is that th...
Looking back at Stackoverflow podcast with Litmus (Podcast 78). The podcast discussed briefly the browser incompatibilities and quirks, especially with IE6 (a claim echoed everywhere). Litmus solution is to render the page in all the different browsers and look for differences. However, I wonder how much incompatibility can be detecte...
Hello, I have a div that is hidden and being declared this way: <div id="divLogin" style="visibility:hidden;"> My idea is to use jquery to make it slide in so I created this code: $("btEnviarAcesso").click(function () { $("divLogin").slideToggle("slow"); }); but it is not working... Does someone have any ideia why?? ...
I'm in the process of designing an online resumé, but am having problems in google chrome, and ie7 with an unordered list. While they render fine in the sidebar, for some reason in the content section, the first bullet point, floats to the far right of its container, with the text displaying fine, and all other bullet points and text pos...
Why ul border is wider than table border? Why ul height isn't contain every li elements? Thanks you very much for your helps... ul { font-family: Verdana; font-size: 8pt; } ul a { text-decoration: none; color: Black; } ul a:hover { text-decoration: underline; ...
I need to implement for my Grails web site something similar to the orange and closable dialog that appears on the top of the StackOverflow website whenever SO detects that it is your first visit. (for a demo, just start your browser in Private/Incognito mode and go to www.stackoverflow.com) I am interested mainly in the front-end com...
I have 3 button-images in one page, such that when you press 1, it should show the iFrame related to it, and hide the others. I just started learning about webdev, and I've browsed online, but i can't seem to make it work. :o Here's my code: <div id="tabs"> <div id="overview"> <a href="#wrapper">Overviews</a> </div> <div id="ga...
Hi, I have a quick question about to how setup my basic fluid layout. I have one 40px high, and 100% wide header bar at the top, this looks great. Then i have a #left and #right div, each floated respectively. This looks cool. They both have height 100% which works great but the issue is the page then scrolls 40px down, because there is...
I'm creating 3 tables. <table id="first"> <tr> <td> 1. CAPTION </td> </tr> <tr> <td> <table id="second"> <tr> <td> 2. CAPTION </td> </tr> <tr> <td> ...
UL element margins same but Firefox and IE showing different. FULL CODE: <html> <head> <style> body { background-color: Red; } ul { font-family: Verdana; font-size: 8pt; } ul a ...
I have created essentially a large arrow pointing right. <div style=" font-size: 0px; line-height: 0%; width: 100px; border-bottom: 80px solid #8cb622; border-right: 62px solid #dadbdf; "></div> <div style=" font-size: 0px; line-height: 0%; width: 100px; border-top: 80px solid #8cb622; border-right: 62px solid #dadbdf; "></div> Now ...
Hi, I am writing a jQuery plugin which makes use of two nested <DIV> elements. The outer div has a fixed width with overflow:scroll and the inner div (which is much wider) contains the content which I want to scroll around. This all works fine apart from the fact that I want to use some JavaScript (with jQuery) to set the height of th...
I want to scroll my 10 images in continue scrolling mode just like demonstrated in this flash file: Demo Flash But I want to do this using CSS, and jQuery or JavaScript without using flash. I want to scroll images continuously and when I mouse over on it the scroller will stop and when out it will again start scrolling. I Googled a lo...
I'm creating a Joomla 1.5 Template based in 960 grid system. Now I'm having a problem with my modules. What is the best practice to control the width and how you display modules? Here's the scenario, in my footer I have 4 box (which will be my Joomla modules and each module has a width of '220px' with a margin of '10' in each side). ...