URL Boxes Bigger

Discussion in 'HTML & Website Design' started by Oompa, Aug 15, 2007.

Thread Status:
Not open for further replies.
  1. #1
    Oompa, Aug 15, 2007 IP
  2. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #2
    Use the CSS height property?

    Assign an ID if you're going to be styling just one input, like so:

    <input id="input-url" type="text" />

    input#input-url { height:30px; }

    If it's going to be multiple that will have the same height

    <input class="input-fields" type="text">

    input.input-fields { height:30px; }
     
    soulscratch, Aug 15, 2007 IP
  3. Monty

    Monty Peon

    Messages:
    1,363
    Likes Received:
    132
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Set a CSS class for your input field :

     <input name="url" size="65" type="text" class="my_class">
    Code (markup):
    and in your CSS file (or in the head section), define it :

    .my_class {
    	height:100px;
    	} 
    Code (markup):
     
    Monty, Aug 15, 2007 IP
  4. Oompa

    Oompa Banned

    Messages:
    803
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Where would I post that in here?

    <form method="post" action="http://www.mylilurl.com/">
    	  <p>Type in any URL to make it lil</p>
    
    <input type="hidden" name="action" value="generate_url" />
    	 <input type="text" name="url" size="65" />
    	 <p>A custom tag here (optional)</p>
    
    
    
    <input type="text" name="tag" size="65" />	
    <div id="result"></div>	
    <INPUT TYPE="IMAGE" SRC="images/shorten.jpg" ALT="Submit button">
    Code (markup):
     
    Oompa, Aug 15, 2007 IP
Thread Status:
Not open for further replies.