Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About josephbastin

  • Rank
  • Birthday 09/26/1975

Contact Methods

  • Website URL
  • ICQ

Profile Information

  • Location
  • Interests
    Bible, Family, Web Design, Photography and Travelling
  1. Hi,I tried creating a vertical rollover list using CSS. The concept is taken from another source on net. The rollover effects are working perfect. But there is one problem.--> In IE, there is unwanted left and bottom padding for the div that holds the list.--> In FireFox and Netscape, there is unwanted left and top padding for the div that holds the list. Also, if the text in the menu is long and if it wraps to the next line, the first line and the second line are colliding.According to me, the padding and margin are set to zero wherever necessary. Still this unwanted padding is happenin
  2. Hi,I tried putting border for my thumbnail images using css, calling a class. But the effect is properly coming in FireFox and Netscape 8, but not working in IE. Could you please help me out. I've pasted the code below.CSSdiv#woodpecker_content { padding: 5px; width: auto; display: block;}img.thumbnail { border: 1px solid #DC7B48;}img.thumbnail:link, img.thumbnail:visited { border: 1px solid #DC7B48;}img.thumbnail:hover { border: 1px solid #000000;}div.float_left { float: left; padding-right: 5px;}HTML CODE<div id="woodpecker_content"><div class="float_left"><a href="#"><i
  3. Thanks a lot guys for the support
  4. Hi,My requirement is1) Need 100% height for both the divs2) The height of both divs should increase equally if any one or both of the div has more content3) The right div should be aligned adjacent to the left div (Now the right div is displaying below the left div)Given below is the current code. Please reply with the full code. Also, please see that the code works well for both IE and Firefox.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-
  5. <html><body> <div id="wrapperDiv" style="width: 500px; border: 1px solid #000000;"> <div id="leftDiv" style="width: 50%; background-color: #FF0000;"> </div> <div id="rightDiv" style="width: 50%; background-color: #CCCCCC;"> Maintain same height for both 'leftDiv' and 'rightDiv' </div> </div></body></html> Hope you have noticed in the code that the "Wrapper DIV" has two DIVs inside. The "Left DIV" and the "Right DIV".The Left DIV is empty whereas the Right DIV has some text in it. If this piece of code is br
  6. <div style="width: 200px; height: 200px; padding: 15px; margin: 10px;">Q. What will be the total width of this DIV?</div> The above code explains1. DIV Width = 200 pixels2. DIV Height = 200 pixels3. DIV Padding = 15 pixels4. DIV Margin = 10 pixelsThe question isWhat will be the total width of the DIV?
  • Create New...