As a website styler, it can get quite frustrating in this world of CSS, having to endlessly replicate code lines just to target another selector below the one you are styling, it can add up to literally thousands of lines of code, unnecessary code as well which you will eventually have to sift through just to find that line height that seemed like a good idea to set at the time…
First we create an outer div which will be used to apply the background image. Our links will go inside a nested div to keep our code organised and allow us to apply styles to the links as a group. The nested div can also come in handy when using a style sheet switcher to create alternate CSS menu effects.
Your code is like this:
<div id="box"></div>
and you want to put a minimum height on the div called 'box'. Put the following code into your CSS:
#box {
/* sets max-height for IE */
height: expression( this.scrollHeight > 332 ? "333px" : "auto" );
/* sets max-height value for all standards-compliant browsers */
max-height: 333px;
}
Here's a basic example of doing liquid rounded corners:
<div class="cornerTR"/></div> <div class="cornerTL"/></div> <div id="content"> blah blah blah ... </div>
Use the following doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
In your css, put the following style for taking off al those pesky unneeded padding and margin values:
*{
margin: 0;
padding: 0;
}