Jump to content

MikeTheVike

Members
 View Profile  See their activity

  • Posts

    7

  • Joined

  • Last visited

MikeTheVike's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. MikeTheVike
    thanks, Ill give it a try!Can you see why it won't work the way I have it? I must be missing a margin or padding setting somewhere.
  2. MikeTheVike
    I cut the html and the css from the site I'm building and put it below. Basically its a testimonials page, I put the quotes in separate paragraph tags with class name of "quotes". Then I put the next line with the type of patient and location below in separate paragraph tags and gave it a class name of "names".I'm trying to get the "names" to be directly below the "quotes" so I can add whatever margin between them I want. In Firefox and Safari it looks fine. In IE the first one is correct, but in the other two there is a large space between the "quotes" and "names" that I can't get rid of. I changed all margins and paddings to zero and it IE still puts a space. Thanks for any help! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><title>Untitled Document</title><link href="quotetest.css" rel="stylesheet" type="text/css" /></head><body><div id="container"> <p class="quotes">“Absolutely wonderful! Products have changed my life! Has saved lots of time when doing my colistin and premade solution simplifies by daily regimen. The staff has been very kind and helpful. I am so thankful for Foundation Care’s services.”</p> <p class="names">-Cystic Fibrosis Patient, Florida-</p> <p class="quotes">“They were very prompt in getting me my prescription. They even rushed it because I had just got out of the hospital and needed it. A few days ago they called me to see if I needed more. That was very nice. Thank you!”</p> <p class="names">-Hypertonic Saline Patient, Michigan-</p> <p class="quotes">“Foundation Care has been very helpful and kind with my transition to their pharmacy. I appreciate all they have done for me throughout this confusing time.”</p> <p class="names">-Diabetic Patient, Minnesota-</p> </div></body></html> body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0px;}#container { width: 496px; height: auto; }.quotes { padding-top: 15px; margin-bottom: 0px; padding-bottom: 0px; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCCCCC; width: 496px; float: left; height: 100%;}.names { color: #666666; margin-top: 0px; padding-top: 0px; margin-bottom: 15px; }
  3. MikeTheVike
    I have checked it out in a few computers, and it does seem to look better using the Adobe 1998 profile, so I'll stick with that. I was getting worked up the other day over something so small, I just wanted it to look how I designed it damnit! haha
  4. MikeTheVike
    I'm a designer who mostly designs for print. I'm getting into some web design, and the RGB color profiles are confusing me.My mac monitor profile is set to "Adobe RGB 1998" and I had my Photoshop RGB profile set to "Adobe RGB 1998" as well. I started doing some reading online, and found a site that said my images should be created using the "sRGB" profile in Photoshop in order to look the most accurate on all monitors and browsers.When I convert my "Adobe RGB 1998" document to the "sRGB" profile, it looks the same, but when I go to Save-For-Web, the colors are brighter and more saturated, which is not how I want them to look. Do I need to convert to "sRGB", then ignore what the graphics look like after a save-for-web, hoping that they will look correct on most PC's and browsers? Or do I need to go into the View/Proof Colors option in Photoshop and set it to "Monitor RGB" (which shows the same colors as the overly bright and saturated save-for-web preview) ans adjust the colors to what they should look like?I hope this isn't too confusing! Thanks for any help
  5. MikeTheVike
    I have a simple form for a website login...here is the basic code cut from my website... <div id="container"> <div id="header"> <form id="login" name="login" method="post" action"#"> <label class="formlabel">Username: <input type="text" class="forminputbox" name="username" size="10" tabindex="1" /> </label> <label class="formlabel">Password: <input type="text" class="forminputbox" name="password" size="10" tabindex="2" /> </label> <input type="submit" class="submitbut" name"submitbut" value="LOG IN" tabindex="3" /> </form> </div></div> #container { width: 600px; height: 500px; background-color: #999999;}#header { float: left; width: 600px; height: 100px; background-color: #FFFF99;}#login { float: right; width: 350px; margin-top: 0px;}.formlabel { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 3px;}.forminputbox { height: 11px; font-size: 10px; }.submitbut { } One problem I'm having is that I want to use an image as the submit button. The only way I have found that will display the button image properly and retain its button properties is using this code... <input type="image" src="submit.gif" class="submitbut" name"submitbut" tabindex="3" /> Putting the image link in the html rather than the css file goes against everything CSS is trying to do, am i right? Is there a way to do it through CSS that works in all browsers? setting it as a background image in the input class won't work in some browsers. Another problem using the input code above is that I can't get the button image to center itself vertically to match the rest of the label text and input boxes.Is it ok the lay it out like this using divs instead of the label tag? <div id="headercontainer"> <div id="logincontainer"> <form class="loginform"> <div class="formlabel">username:</div> <div class="forminputbox"><input type="text" /></div> <div class="formlabel">password:</div> <div class="forminputbox"><input type="text" /></div> <div class="submitbut"><input type="submit" /></div> </form> </div></div> Thanks for any help!
  6. MikeTheVike
    Thanks!!! i think at some point in my trial and error I must have been close to this, but not close enough. Thanks everyone!!
  7. MikeTheVike
    The input text boxes are too tall, and I want them to be shorter. I've tried so many things now my brain is turning to mush. I managed to change the height of the input boxes in Firefox and Safari, but in IE, I can't get it to budge.This is the code I've been using that works in Firefox and Safari, but not IE... <div class="loginitem_username_input"><input type="text" size="10"/></div> input[type="text"] { line-height: 10px; font-size: 10px; maxlength: 20;}
×
×
  • Create New...