Sponsor-Board.de

Guten Tag, ich hätte eine kleine frage und zwar wollte ich eine Tabelle machen wo ich z.B. auf ein "?"- Klick und es öffnet sich ein Text.

Jetzt mein Problem die Zelle wo der Text drin ist vergrößert sich ich bekomme aber es nicht hin das die ganze Zeile sich vergrößert.

[attachment=4054]

[attachment=4055]

Code:

                        <!-- Price Details Item Start -->

                        <div class="col-md-3 price-details--item head" style="width:450px">

                            <div class="heading"></div>

                            <div class="content">

                                <ul>

                                    <li>

                                    Domains inklusive

                                            <a class="link-collapse" data-toggle="collapse" data-target="#001">

                                            &nbsp;<i class="fa fa-question-circle"></i>

                                            </a>

                                            <div id="001" class="collapse collapse-info">

                                            <p>Eine Domain ist in der monatlichen Gebühr enthalten.</p>

                                    </div></li>

                                    <li>Addon-Domains inklusive (Registrierung kostenpflichtig)</li>

                                    <li>Freies Transfervolumen

                                            <a class="link-collapse" data-toggle="collapse" data-target="#002">

                                            &nbsp;<i class="fa fa-question-circle"></i>

                                            </a>

                                            <div id="002" class="collapse collapse-info">

                                            <p>Transfervolumen ist das Gesamtvolumen, <br />welches sich aus dem Upload- und Downloadvolumen zusammensetzt</p>

                                            </li>

                                    <li>PLAN 4</li>

                                </ul>

                            </div>

                        </div>

                        <!-- Price Details Item End -->

                        <!-- Price Details Item Start -->

                        <div class="col-md-3 price-details--item body" style="width:200px">

                            <div class="heading">

                                <p>SMALL</p>

                            </div>

                            <div class="content">

                                <ul>

                                    <li>$9.99</li>

                                    <li>$29.99</li>

                                    <li>$49.99</li>

                                    <li>$99.99</li>

                                </ul>

                                <div class="action-btn">

                                    <a href="#" class="btn--default hover">BESTELLEN</a>

                                </div>

                            </div>

                        </div>

                        <!-- Price Details Item End -->

                        <!-- Price Details Item Start -->

                        <div class="col-md-3 price-details--item body" style="width:200px">

                            <div class="heading">

                                <p>MEDIUM</p>

                            </div>

                            <div class="content">

                                <ul>

                                    <li>$59.00</li>

                                    <li>$99.99</li>

                                    <li>$249.99</li>

                                    <li>$349.99</li>

                                </ul>

                                <div class="action-btn">

                                    <a href="#" class="btn--default hover">BESTELLEN</a>

                                </div>

                            </div>

                        </div>

                        <!-- Price Details Item End -->

                        <!-- Price Details Item Start -->

                        <div class="col-md-3 price-details--item body" style="width:200px">

                            <div class="heading">

                                <p>LARGE</p>

                            </div>

                            <div class="content">

                                <ul>

                                    <li>$99.99</li>

                                    <li>$189.99</li>

                                    <li>$419.99</li>

                                    <li>$519.99</li>

                                </ul>

                                <div class="action-btn">

                                    <a href="#" class="btn--default hover">BESTELLEN</a>

                                </div>

                            </div>

                        </div>

                        <!-- Price Details Item End -->

                </div>

            </div>

        </div>

        <!-- Price Details Area End -->

Vielen dank für die Hilfe

MfG,
wahke

die CSS Datei wäre interessant noch..

lg

Ich empfehle dir die jQuery Libary Matchheight - ansonsten ggf.über einen Tooltip lösen

Du kannst es dir auch noch einfacher machen und einfach dem DIV mit dem Fragezeichen das Attribute title="Hier Text der als Hover angezeigt wird" hinzufügen.

Würde es auch mal versuchen über ein Tooltip oder eine Modalbox zu versuchen.
Auf [Link: Registrierung erforderlich] findest Du sicher etwas, was Du dir aneignen kannst Wink

ich habe eine Lösung gefunden und zwar so

Code:

<a class="pop-me-over" data-toggle="popover" data-placement="top" data-content="Hover Text"><i class="fa fa-question-circle" ></i></a>

und

Code:

<script type='text/javascript'

  src='http://code.jquery.com/jquery-1.10.1.js'></script>

<script type='text/javascript'

  src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

Ich bedanke mich aber Herzlich

wahke

BounTyOnline

ErroROnly

BlizZerhd

supernuca

wahke