php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 11.03.2006, 20:38  
Erfahrener Benutzer
 
Registriert seit: 23.05.2005
Beiträge: 374
scooter
scooter eine Nachricht über ICQ schicken
Standard Bereich eines unsichtbaren Divs "freigeben"

Also ich habe auf www.hdjtev.de/news1.php ein script welches die versch. Newseinträge sichtbar und unsichtbar macht. Soweit so gut. Nun bräuchte ich jedoch noch eine Möglichkeit dafür zu Sorgen, dass der bei unsichtbar geschalteten Divs, leere Platz, zwischen den "überbegriffen" verschwindet. Hier die relevanten Auszüge aus css und html:

Code:
<script language="javascript" type="text/javascript">

function show(id,id2) {
    if (document.getElementById(id).style.visibility == "visible") {
        document.getElementById(id).style.visibility = "hidden";
		document.getElementById(id2).style.color = "#FFCC66";
    } else {
        document.getElementById(id).style.visibility = "visible";
		document.getElementById(id2).style.color = "red";
    }
}
</script>

<div>
  


    <a id="1999" onclick="show(1,1999)" style="color:#FFCC66" href='#'>Ab 01.01.2006

    </a>
  </p>



</p>

<div id="1" class='box'>
<p style="text-decoration:underline">Es gibt wieder die Kinderzeit!</p>



Ab sofort ist wieder Kinderzeit!



Immer Dienstags und Donnerstags von 14.30 bis 17.00 Uhr


</div>
</div>
Hier die css (die für den FF);
Code:
.box {	top:150px; 
		right:5%; 
		visibility:visible; 
		width:500px;
		border:solid;
		border-color:white;
		background-image:url('bilder/hintergrund/dates.png');
		background-repeat:repeat;
		color:#FF6633;
		}
Ich weiß, dass die Positionsangaben ohne position:absolute; unnötig sind, wollte sie aber noch nciht löschen
Wäre Dankbar für Lösungsvorschläge!
__________________
Life is Life and life is hard
scooter ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 11.03.2006, 21:34  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 9.937
Zergling-new wird schon bald berühmt werden
Standard

Hallo,
es gibt für CSS 2 Techniken, ein Element zu verstecken.

Nummer 1 ist visibility. Ein mit position absolute oder relative positioniertes Element verstecken.
Wenn du ein Element dann mit visibility:hidden versteckst bleibt dieser Platz weiterhin reserviert. Das kannst du nur ändern, in dem du alle darunterliegenden Element manuell nach oben verschiebst, z.B. mit top.

http://de.selfhtml.org/css/eigenscha...htm#visibility


Das ist allerdings nicht nötig, denn es gibt ja erwähnte Nummer 2

Hier arbeitest du mit dem display-Attribut.
Dabei ist display:none verstecken und display:block/inline/.. eben das wieder anzeigen.

Der Vorteil ist diesmal, dass das versteckte Element keinen Platz mehr reserviert und die unteren Elemente aufrücken (als wäre das Element nicht vorhanden).

http://de.selfhtml.org/css/eigenscha...ng.htm#display
Zergling-new ist offline   Mit Zitat antworten
Alt 11.03.2006, 22:25  
Erfahrener Benutzer
 
Registriert seit: 23.05.2005
Beiträge: 374
scooter
scooter eine Nachricht über ICQ schicken
Standard

danke schön!

das ist perfekt, genau das was ich brauchte.
__________________
Life is Life and life is hard
scooter ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
2 Div's zentrieren pfump HTML, Usability und Barrierefreiheit 7 24.04.2008 10:57
Dynamisches Container-Div für floating Divs HStev HTML, Usability und Barrierefreiheit 1 14.09.2007 12:39
Bereich um einen float left und float right Bereich andrew22 HTML, Usability und Barrierefreiheit 8 27.02.2007 18:27
DIV's untereinander -> Problem snatch-ic HTML, Usability und Barrierefreiheit 1 05.02.2007 12:39
3zeiliges div Seitenlayout - 3. Bereich zu tief HStev HTML, Usability und Barrierefreiheit 7 21.04.2006 16:13
[CSS] dynamische höhe von divs me HTML, Usability und Barrierefreiheit 9 06.04.2006 13:11
3 divs nebeneinander mit dynamisch gleicher Höhe HTML, Usability und Barrierefreiheit 19 18.01.2006 22:05
Newsposting aus gesondertem Bereich Beitragsarchiv 5 04.08.2005 18:13
wie erstelle ich eine Festen Bereich (Navigation) PHP Tipps 2005-2 9 30.06.2005 16:01
DIVs nebeneinander freitz HTML, Usability und Barrierefreiheit 4 21.04.2005 22:47
[Erledigt] Zugriff auf Dateien im passwortgeschützten Bereich PHP Tipps 2005 15 16.03.2005 17:50
[Erledigt] drei divs nebeneinander HTML, Usability und Barrierefreiheit 5 10.01.2005 20:27
PHP und Mysql für Internen Bereich Beitragsarchiv 3 27.10.2004 10:53
Sicherer Bereich mit .htaccess + phpskript auf einem Server PHP Tipps 2004 2 23.07.2004 18:25

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
html platz freigeben von ausgeblendeten elementen, css platz freigeben, div hidden platz freigeben, css platz freigeben von versteckten elementen, css ausblenden und platz freigeben, css div verstecken reservierter platz, css hidden platz freigeben, visibility platz freigeben, position relative platz freigeben, höhe eines versteckten elements php, div element hide platz freigeben, selfhtml javascript objekt ausblenden und platz freigeben, html hidden platz freigeben, divs nebeneinander, position:relative platz freigeben, css position freigeben, div visibility hidden kein platz reserviert, css unsichtbares platz freigeben, css relative freigeben, css div show hide platz bleibt

Alle Zeitangaben in WEZ +2. Es ist jetzt 03:50 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.