css

Mobile HTML pages basics

Hi, Which are the basics for create a web page for a mobile device? I'm developing something that is very simple, actually it's a table and several links, but when I open it with my Android phone I see it very very small, and I have to zoom with my fingers ir order to see it; but, when I access a page ready for mobile devices I can see ...

Fixed top navigation element and anchors

With the following CSS, anchor links end up being hidden by the navigation bar. What solution would you proposed to have the anchor link text being shown just under it? /* style and size the navigation bar */ table.navigation#top { position: fixed; margin-top: 0; margin-bottom: 0; top: 0; left: 0; z-index: 10; } thanks ...

Is it faster to do the pages first and CSS second, or should I do them at the same time?

I have been tasked with building a new web project from scratch, with the exception of reusing CSS files (the look and feel) from an existing project. In the past I have always completed development of the functionality and the web-ui before considering the appearance. This is mostly due to CSS development overlapping with the tail end...

Positioning 1px off in Safari/Mac but works on Safari/Windows

I'm beating my head against a wall on this one; the logo image ("It's All About Revenue") shifts up by one pixel in Safari on Mac, but renders correctly in all other browser/OS combinations I've been able to test. Does anyone have any ideas on why this might be? Here's the site: http://blog.eloqua.com/ Thanks in advance for your help! ...

How to control CSS class applied to ASP.NET 4 Menu with RenderingMode=List

I am using an ASP.NET 4.0 Menu control with RenderingMode=List and am struggling with creating the appropriate CSS. Each menu item is represented by an <li> tag that contains a nested <a> tag with what appear to be fixed class names: <a class="level1"> for unselected level 1 menu items <a class="level2"> for unselected level 2 menu it...

RoR - why isn't this ID working?

<% form_for :user, @user, :url => users_path(:from => 'landing'), :id => 'sign_up_form', :html => {:method => :create} do |f| -%> Can someone tell me why the ID isn't working? ...

Why hovering in this menu is not working in IE?

When a anchor is hovered in this menu it should turn its background white. It works in Firefox and Chrome but in IE the words just disappear and the background doesn't turn white. (the current anchor link works in IE is just the hover that doesn't work) EDIT: the color property in a:hover is working in IE the problem is just the backgr...

asp.net mvc script and style references

I'm trying to include script and style references that will not break on deployment, however I can not even get the references to work locally. I have tried using Url.Content() and MVCContrib's <%=Html.ScriptInclude("")%>. My scripts are in a Scripts folder on the root of the site; my styles are in the usual Content/css/ folder. The s...

Major differences in CSS design for IE6 & Other browsers

Hello This might sound to be a big question, but could you specify what are the issues to be considered which designing CSS for IE6 & Other browsers. To be in more simple terms, what is so different in CSS for IE6 when compared with other standard browsers. What are the Issues to be considered when making a IE6 compatible CSS ...

Can an element have both an id and a class?

pretty self-explanatory. ...

CSS menu is flickering when scrolling through it with hover effects

I hope i described the problem well!? You can see it here: http://dealmob.de/index_dev.html when u hover over the menu up and down fast u see the that its not staying, insteads its flickering like you would change the margins/paddings by few pixels. Any advice on how to solve this problem? thanks a lot like requested: #topc...

CSS selector for grouped iterations

Hi, I have a number of elements that i want to loop through as groups. Consider this HTML: <input class="matching match-1" /> <input class="matching match-1" /> <input class="matching match-2" /> <input class="matching match-2" /> <input class="matching match-2" /> <input class="matching match-3" /> <input class="matching match-3" /> /...

JQuery fadeIn() moving other CSS elements on fadeIn()

Hi, I've just been learning some jQUery to get a basic image gallery going on a website I'm creating for a hotel but it's currently not going to plan. I've got it so the arrows will cycle through images (no animation yet) but I decided that the arrows should fade in when the image is hovered over and fade out when not but this is messin...

Variable-width inline underline effects in CSS

I need to simulate the look of a typical paper form in CSS. It consists of a two-column table of fields. Each field consists of a field name (of variable width) followed by an underline that continues to the end of the column. The field might be populated, in which case there is some text centered above the line, or it may be blank. ...

Get HTML DOM with CSS

CSS can apply styles in elements through one ID, class or pseudo-selector, but I would like to get the HTML tree, something like in javascript: <script type = "text/javascript"> window.onload = function () { var div = document.getElementsByTagName ("div"); div[0].style.backgroundColor = "gray"; div[0].style....

Html width 100%

Hi, This is driving me nuts. What happens with "width:100%" ? Apparently it just works in IExplore, so I think it's one of those things Microsoft made up. But then... how do you tell to a element that has to take all available parent's space in a way that all browsers can understand? Cheers? ...

Internet Explorer visual element stacking issue

Gday All, I know this issue is well known, however I have searched high and low for a solution to no avail. I have created a menu system using nested ordered lists where the menu functionality is controlled by CSS and Jquery. The menu works perfectly in FF, Chrome, Opera and Epiphany. However in IE 6/7/8 my popup menu is being display...

retrieving background image from div when dynamically set

I am having an issue with setting the background-image of a #x to the background image of #y. Correct me if I am wrong but I think you would do this in a simple case by saying $('#x').css('background-image',$('#y').css('background-image')); The problem is that when y was initially set up, it was set up like this: <div id='y' style...

Why is my site displaying differently In Firefox than in Safari?

I manage a website called ShareDen.com (http://shareden.com/home) and it looks the right way in Mozilla Firefox and it's totally completely discombobulated in Safari. I Haven't tested it in other broswer's (still in process) however my guess is it looks horrible in IE 8. Could it be because I just added the CSS Sticky Footer to my site...

Fixing Chrome resizing behaviour

<div style="background-color:red;width: 300px;"> <div style="float:left;border:1px solid yellow;">AAA AAA AAA</div> <div style="float:left;border:1px solid green;">BBB BBB BBB</div> <div style="clear:both;"></div> </div> Pasting the above HTML here: http://htmledit.squarefree.com/ And then zoom out in Chrome, you will see tha...