Solved

css specific property on bootstrap

Posted on 2015-01-20
1
210 Views
Last Modified: 2015-01-21
Hi there!

The problem I need to solve is shown in the image attached. The problem appears in the second instance of the "div" that appears - here just once - at the bottom of this post.)

In other words... the recordset value (in bold) may take different "heights" , and I would like to change some css property (I guess in "input-group-addon" or in the "input-group") to allow this "automatic alignments" to work as expected.

I also suspect that something should be modified here (present at bootstrap.css):

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}

but, of course, I am not sure and I don´t know how should I modify it (if it is really the case)...

Thanks,
fskilnik.

----------------------------------------------
<div class="form-group has-warning [modified just the color] has-feedback">
          <label class="control-label" for="inputGroupWarning1"> </label>
          <div class="input-group">
          <span class="input-group-addon"><%=(myRecordSet.Fields.Item("PgQuestAltA").Value)%></span>
          <input type="text" class="form-control" id="inputGroupWarning3" aria-describedby="inputGroupWarning3Status">
          </div>
          <span id="inputGroupWarning3Status" class="sr-only">(warning)</span>
          </div>
css-problem.gif
0
Comment
Question by:fskilnik
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 

Accepted Solution

by:
fskilnik earned 0 total points
ID: 40562850
Hi there!

I remembered I had a "similar" (CSS) problem in the past and the solution (by Scott Fell) worked here as well!

The link to the problem and solution is the following:

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_28478925.html

And to make it work, you have to do the following:

01. Put the "special style" (given below) right after the begining of the <head> section:

<style>
    .special{
              float:left;
              width:300px;
              padding:10px;
              min-height:50px;
              border:solid thin
     }
</style>

(Scott called this "special" style by "one" style but, of course, this does not matter.)

02.  Change this line (in the given code at my question post above):

<input type="text" class="form-control" id="inputGroupSuccess3" aria-describedby="inputGroupSuccess3Status">

To this new one:

<input type="text" class="special form-control" id="inputGroupSuccess3" aria-describedby="inputGroupSuccess3Status">

All the rest does not need any change! Done!!

Regards,
fskilnik.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The purpose of this video is to demonstrate how to integrate Mailchimp with Facebook. This will be demonstrated using a Windows 8 PC. Mailchimp and Facebook will be used. Log into your Mailchimp account. : Click on your name. Go to Account Setti…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…

724 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question