Versteckten Bereich mit css sichtbar machen?

S

Shorty1968

Erfahrenes Mitglied
Hallo ich habe in einem Versteckten bereich ein Element das ich mit css angezeigt bekommen möchte,ich habe es mit diesem css Code versucht.
Code: 
.statusContent {
position:absolute; 
clear: both;
width:150px; 
height:150px;
margin-top:270px; 
z-index:3000;
}
Aber leider bleibt es immer noch in dem Versteckten bereich,was ist Falsch , wie bekomme ich es denoch angezeigt?
 
Was ist ein versteckter Bereich?
Mit display:none ?
Dann musst du eben dieses Display auch wieder umstellen, für den anzuzeigenden Teil.
Das ganze andere Zeug ist für die Frage Anzeigen Ja/Nein komplett egal
(außer z-index zu einem gewissen Grad, aber egal)
 
Hallo wie kann ich das display:none umstellen,das der bereich weiter versteckt und nur durch Button anklicken sichtbar wird,aber das css was ich als beispiel angegeben habe nicht behindert wird?
 
Hi,
zu diesem Thema lies dir doch bitte mal das durch: http://www.mediaevent.de/css/sichtbarkeit.html .
Ansonsten benötigst du für dein Vorhaben etwas Javascript welches die CSS-Eigenschaft von display: none auf display: block oder inline etc. ändert.

Mit nur diesem Stückchen Code können wir dir nur per Glaskugel helfen und da wir keine Hellseher sind ist das Vorhaben entsprechend nutzlos :).

Viele Grüße
 
Ich habe meine User Optionen hinter diesen Code versteckt.
HTML: 
{lang}Userdetails{/lang} <a onclick="openList('memo_{@$sidebar->getMessageID()}', { save: true })" href="javascript: void(0)"> <img src="http://www.tutorials.de/images/open.png" alt="SHOWDETAILS" title="SHOWDETAILS" height="16px" widivh="16px" /></a><br />
        <div id="memo_{@$sidebar->getMessageID()}" style="display:none;">
Darin befindet sich eine option die ich mit css nun ausserhalb der Versteckten Optionen angezeigt bekommen möchte,aber ich bekomme es einfach nicht hin.
 
Zuletzt bearbeitet:
Ich habe nun alle möglichkeiten bei Google eingegeben,gibt es wirklich keine möglichkeit das display: none; zu überlappen?
 
Hi,
also du kannst natürlich:
CSS: 
.klasse:hover {
display: block;
}
das Div wieder sichtbar machen. Das wird aber nicht funktionieren da der Nutzer das Div ja nicht sieht, somit weiß er auch nicht wo er drüberfahren soll.
Du kannst auch dein Konstrukt ändern.
Hier hats ne ganze Menge Beispiele: http://aktuell.de.selfhtml.org/artikel/css/infobox/

Ansonsten bleibt dir nur noch Javascript übrig.

Grüße
 
Hi,
mit jquery:
Javascript: 
$('Link-Selektor').on('click', function(e){
   e.preventDefault(); /*Nur nötig falls du ein Linkziel im href hast*/
   $('selektor').css({display: 'block'});
});
Mit traditionellem Javascript
Javascript: 
function showbox() {
   var show = document.getElementById('your id');
   show.style.display = 'block';
}
und für das tradtionelle Javascript dann noch ein onclick="showbox()" in den link einfügen.

Grüße
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück