| | | | |
| |||||||
| HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability. |
|
| | LinkBack | Themen-Optionen | Thema bewerten |
| | |
| Erfahrener Benutzer | 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>
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;
}
Wäre Dankbar für Lösungsvorschläge!
__________________ Life is Life and life is hard |
| | |
| | |
| PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten | |
| | |
| Erfahrener Benutzer Registriert seit: 21.05.2008
Beiträge: 9.937
![]() | 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. 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). |
| | |
|
| Themen-Optionen | |
| Thema bewerten | |
|
|
Ä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 | |

Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.