+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Community (/forumdisplay.php?fid=56)
+--- Forum: Hilfe (/forumdisplay.php?fid=102)
+---- Forum: Scripting (/forumdisplay.php?fid=108)
+---- Thema: Ein wenig Hilfe bei PHP / HTML (/showthread.php?tid=65891)
Ein wenig Hilfe bei PHP / HTML - wahke - 13.02.2019 20:43
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">
<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">
<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
RE: Ein wenig Hilfe bei PHP / HTML - BounTyOnline - 13.02.2019 23:49
die CSS Datei wäre interessant noch..
lg
RE: Ein wenig Hilfe bei PHP / HTML - ErroROnly - 14.02.2019 12:27
Ich empfehle dir die jQuery Libary Matchheight - ansonsten ggf.über einen Tooltip lösen
RE: Ein wenig Hilfe bei PHP / HTML - BlizZerhd - 15.02.2019 19:07
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.
RE: Ein wenig Hilfe bei PHP / HTML - supernuca - 15.02.2019 22:32
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
RE: Ein wenig Hilfe bei PHP / HTML - wahke - 16.02.2019 07:41
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