css

formatting code snippets on a web page

How do I add code snippets to a web page? I've built a jquery plugin for my front-end team and I want to build a quick page illustrating its use. I want to include some code and i've seen a few sites using stylized code snippets (colour coding, indentation etc). How is this achieved? ...

rounded corners IE and background images...

hi all I have an item in my page thus: <div class="rounded"> <h2>Heading Text</h2> <ul> <li><a href="/default.aspx">Summary link</a></li> <li><a href="/default.aspx">Summary link</a></li> <li><a href="/default.aspx">Summary link</a></li> </ul> <p>or... some text or whatever</p> </div> the styles associated with this block...

CSS parsing libraries for iPhone

I'm looking for some static library or open source project (in obj-c, released under some permissive license) to parse CSS in iPhone. Any recommendations? ...

Hidden panel keeps on appearing when the page loads ...

Hello everyone... I have this div that is supposed to be hidden when the page loads and it would appear when clicking on a certain button. Although in the CSS class I added display:none to the class and in the JQuery I added ("$('.panel').hide()") the panel still appears when the page is loading, once the page loads it disappears ... A...

jQuery .animate() forces style "overflow:hidden"

jQuery .animate() forces style "overflow:hidden" when triggered, messing with my animated element because I have another element that's hanging, with negative position, outside of it. is there anyway to avoid that? ...

Aligning images inside divs

I'm trying to fit three images inside a div, but I'm having trouble getting them to align properly. This is what I have in mind: But I can't for the life of me figure this one out. Can anyone please lend a hand? Thanks! ...

Add style switcher to Rails App admin section?

Hi Everyone, I have been working on a Rails template recently called BaseApp2. You can see it on GitHub here: http://github.com/dannyweb/BaseApp2 There is an administrators section setup which allows the management of Users and I am working on the ability to add announcements to the public site via the admin section. What I would rea...

What is the best way to fix CSS issues in IE6 - with javascript?

I know this could boil down to a philosophical issue, so I don't mean to start a discussion on the topic. But I'm looking for the (or a couple of them) best way to resolve most issues of CSS styling in Internet Explorer 6. I'm aware of this article on forabeautifulweb.com, and it's recommendation to just feed IE6 users a universal plain...

CSS - How to specify CSS so that the page doesn't have horizontal bar when the user zooms the page?

Hello all, Please refer to http://code.google.com/apis/recaptcha/intro.html When the user zooms the page, there is no horizontal bar introduced on the bottom. I would like to know how to design a two-column page with this properties. Thank you ...

center div vertically in a % height div?

Hi there, Is it possible to center a div vertically in a % height div? ...

share this button problem

H. I have used the code from sharethis.com to add the social media feature on my website. But when i click on facebook and share it, I am getting the message "your message was successfully shared" and beneath that i am getting sharethis.com promotion as Get this button, which does not look nice. I saw this website, http://breakstonestr...

Can you make the font-size attribute scaleable based on the browser window?

Here's one I've never encountered before. Is it possible to make a font scale with the window size of the browser. For example: making the font size 100% of the available width. I'm open to Javascript, jQuery or CSS solutions. ...

[CSS] Header and paragraph hiding behind image

Hi, <div id="navigation"> <div id="home-block"> <a href="info.html"> <img src="images/ram.jpg" alt="ram-geheugen" class="a" /> <img src="images/ram_alt.jpg" alt="ram-geheugen" class="b" /> </a> <h1> <a href="info.html" class="fp">Info</a> </h1> <p> ...

div not positioning correctly

Hello Experts, I have 2 divs, each is having a background image and i want them to line up side by side. But for some reason they are coming up vertically where as i want them horizontaly. Please find the code of both the divs below and please advice. header { top: 40px; width:310px; height: 90px; background: url(Images/logo.jpg) no-...

Application Theming

I'm designing an application that'd require different themes. By 'theme' I mean the colors and logo. Is using jQuery themeroller the only option or is there any easier solution to generate themes by providing colors and images? Thanks ...

Positioning whole elements side by side

I have some DIVs with contents inside. I want to display them side by side and if there is no space, I want to break the whole div, so the contents don't go to a new line alone. I've made this example of what happens. Here is a screenshot from the link above. And here is the expected output ...

CSS: ie7&8: font-weight: bold; not working?

dl dd { font-size: 12px; font-weight: bold; } but my text is not bold? this works in not ie. HTML: <dl><dt>Prepared For</dt><dd><pre>( client name )</pre></dd></dl> I think it might have something to do with the pre tags. cause when they aren't there, it's bolded. Font family ariel. ...

asp.net template

Hi all. Where i can to buy quality web template for asp.net. Thanks. ...

jquery-ui buttons sometimes slow to render, css alternative?

Hi, I'm using jquery-ui. The button support looks good, the stylized buttons are nice. The only downside is that it looks like the rendering of the button is done in javascript, so sometimes there is a pause when the page loads and you see all the buttons change form from native buttons to the jquery-ui style buttons. Are there any 'bu...

why do my images change position when rolled over?

HI, I have a row of buttons (6 six) al same size. When each one is rolled over.. <img src="home.jpg" onmouseover="HomeAct(this)" onmouseout="Home(this)"/> function HomeAct(obj){ obj.src='webseparada/home.png'; } function Home(obj){ obj.src='webseparada/home.jpg'; } home.jpg is a regular rectangle home.png is a folder where...