css

How to add bottom padding to a div that contains floating divs?

I have a div that contains other floating divs: <div id="parent">   <div style="float:left;">text</div>   <div style="float:left;">text</div>   <div style="float:right;">text</div> </div> How can I add bottom padding to the parent div and make it work in IE6 (or in other words avoid the bugs in IE6)? Thanks ...

Floated block-level element: is it necessary to set the width, if yes, how?

I've just come to think about this issue which really hasn't bothered me at all since everything works just fine. Anyway, what does the community think about the following: Say I have textboxes, dropdownlists and submit buttons. They are all inline-elements. Which means that "officially" margin, padding, width and height properties shou...

Vertical center an anchor tag within a fieldset

I am trying to vertically center an anchor within a fieldset using CSS but it always appears to align to bottom. Is there any tricks to this? ...

CSS dropdown, drops right instead

Removed link, problem solved The menu at the top is supposed to be a dropdown menu, but it expands to the right instead. My CSS is this (I believe this is the relevant bit anyway) #primary-nav, #primary-nav ul { list-style: none; margin: 0px; padding: 0px; } #primary-nav ul { position: absolute; top: auto; display: none; } #primary-...

What is the benefit of tableless design if you need clearing blocks everywhere?

I understand that the goal of moving towards <div> tags from <table> makes sense since it is more semantic. However, I don't understand the benefit gained if you still need a clearing block to make column-based layouts work. For example: <!-- Note: location-info & personal-info both float left. --> <div class="contact"> <div class=...

Footer isn't sticking to bottom though I have it coded.

I removed the footer for the time being, site had to go online. So the link is gone as well. As you can see (in FF2 as well as in IE7) the footer is at the bottom of the SCREEN, but not at the bottom of the page (content). I have this in my code: <div id="wrap"> <div id="top"></div> <div id="content"></div> <div id="footer...

How to use javascript onclick on a DIV tag to toggle visibility of a section that contains clickable links?

Hi I've got a DIV section that has only its title visible initially. What I would like to achieve is that when the visitor clicks anywhere on the area of toggle_section the toggle_stuff div toggles between visible/hidden. <div id="toggle_section" onclick="javascript: new Effect.toggle('toggle_stuff', 'slide');"> <div id="toggl...

inherit "font-family" style in SELECT/OPTION

I have a HTML code like: - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title></title> <style type="text/css"> body { font-family:"Verdana",Arial,Helvetica,sans-...

How can I completely remove the Margin of textboxes in HTML/css

I have the following HTML <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> <style> .box { border:solid black 1px; padding:0px; margin:0px; } </style> </head> <body> <form id="form1" runat="server"> <input class="box" style="width:300px;" /><br...

Why does 150 + 150 not equal 300 in browsers?

I have the following HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <style> .box { border:solid black 1px; padding:0px; margin:0px; } </style> <...

Why does my iframe content have an empty area around it?

I have created an iframe code that I want people to use as a widget on their website. This iframe will load a webpage which has a button and a counter. In the accessed page I've got a graphic. But the iframe is rendered in the browser with a white empty area around it. Why is this happening? Here's my code: - At the client side: <scri...

How are they doing the accordion style dropdown on the following website?

Hello, I was taking a look at http://www.zenfolio.com/zf/features.aspx and I can't figure out how they are doing the accordion style expand and collapse when you click on the orange links. I have been using the Web Developer Toolbar add-on for firefox, but I have not been able to find anything in the source of the page like JavaScript ...

Using conditional comments in HTML

Hello all, I am relatively new to web development and learning all the time. I have recently come across 'Conditional Comments' when viewing source code for different websites. I think i now understand what they do but am unsure as to when to use them. I have seen them mainly used for implementing different stylesheets when it comes to...

Floating columns both ways Javascript

I am trying to float columns using css so they stack up evenly like on this blog: http://typeneu.com It seems to be impossible using css so I am looking in to javascript. The website listed above uses this javascript file: http://typeneu.com/wp-content/themes/grid-a-licious/scripts/grid-a-licious.js I have tried to implement it to exp...

CSS Overflow

Hello, I am trying to write a CSS in which when the user writes text and it overflows instead of having a scrollbar or hiding, it just goes down like in a normal Word Document or so. I have this code: #content-text { width: 960px; padding-left: 10px; padding-right:10px; text-align: left; color:#000; height:100%; ...

Element gains 100% width with a height in IE6

I'm trying to make a horizontal list of links with <ul> wherein all <a> is display:block and has a height. In IE6, it keeps getting 100% width after I set a height for <a>, making it a vertical list. HTML: <ul id="header"> <li><a href="#"><span>ST.KILDA ROAD MEDICAL CENTRE</span></a></li> <li><a href="#"><span>Public Health M...

Maintain CSS styling when converting HTML to PDF in ASP.NET

Hi, I am using ITextSharp to convert a HTML page to PDF. However, ITextSharp prints the CSS in the STYLE declaration straight out, ignores stylesheets even when added programatically and only listens to some inline styles (e.g. font-size and color but not background-color). Is there something I am missing with ITextSharp, or is there ...

Using CSS to create table cells of a specific width with no word wrapping.

In a project have been involved in I needed to render tables with columns of a specific width with only one HTML line per table row (no wrapping). I need each table cell to have a padding of 1 pixel at the top and bottom and 2 pixels at the left and right. The best way I can come up with that works cross browser is to put a div inside a ...

Is there a cross-browser way to condense text on a page?

I am looking for a way to condense relatively small areas of text on a page in an effort to mimic a graphic button that was done with a non-standard font. Ideally, just the letters would get squished or made thinner, leaving the space between words more or less the same. I know there are some CSS attributes that do things like this, but ...

How can i put a flash animation in the header of a movable type 4.2 site ?

Im creating a new site i a i want a flash animation in the header of my page, im using Movable Type 4.2. The problem is i don't know how can i do that, and which file i need edit, or if i can do all the job in the dfashboard of movable type. Thanks. ...