Autor |
Nachricht |
cobra44388
Threadersteller
Dabei seit: 09.03.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 30.07.2010 02:25
Titel Aufklappbarer Text in Blockschrift |
|
|
Guten Abend, ich stehe vor einem hoffentlich kleinen Problem. Und war möchte ich eine Inhaltsangabe schreiben die aber nicht sofort für alle sichtbar sein sollte, da habe ich mir die Variante "auf und zuklappbarer Text" überlegt. Dafür habe ich auch einen HTML-Code der funktioniert. Soweit, so gut klappt auch alles. Allerdings hätte ich den "aufgeklappten" Text gerne in "Blockschrift" angezeigt, und genau das funktioniert bei mir leider nicht.
Zur Ansicht stelle ich hier mal meinen Code rein und bitte um eine kurze Hilfestellung was ich falsch gemacht, oder evtl. vergessen habe. Ich danke schonmal im Voraus!
Code: | <p>
Titeltext!
</p>
<p id="aufklappen1">
<a href="javascript:showText(1);">Zur Inhaltsangabe</a>
</p>
<p id="text1" style="display: none;">
Inhaltstext....
</p>
<p id="zuklappen1" style="display: none;">
<a href="javascript:hideText(1);">Zuklappen</a>
</p> |
Bzw. an welcher Stelle müsste ich den HTML-Code für den Blocksatz setzen?
Code: | <p style="text-align: justify;"> |
Zuletzt bearbeitet von cobra44388 am Fr 30.07.2010 02:28, insgesamt 2-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
cobra44388
Threadersteller
Dabei seit: 09.03.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 30.07.2010 19:53
Titel
|
|
|
Kash hat geschrieben: | http://www.css4you.de/Texteigenschaften/text-align.html |
erstmal danke für den Link!
Den Code für den Blocksatz "justify" habe ich ja bereits, es geht mir ja quasi daraum, an welcher Stelle ich dieser setzen muss damit der aufgeklappte Text auch in Blockschrift angezeigt wird? Damit komm ich nicht wirklich weiter.
|
|
|
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 30.07.2010 21:37
Titel
|
|
|
Hi,
ja theoretisch müsstest Du es nur bei Deinem aufklappbaren
Text angeben. Also praktisch hier:
Code: | <p id="text1" style="display: none;text-align:justify;">
Inhaltstext....
</p> |
Aber ich fürchte Du willst ein einzelnes Wort als Blocksatz darstellen,
das wiederrum geht nicht. text-align:justify taugt hierzu nicht. Über
Umwege könnte man es trotzdem realisieren, wobei es inhaltlich
nicht wirklich Sinn macht - da Du den Begriff im Code einerseits
sperren und zusätzlich ein leeres span Element hinzutun müsstest...
Kurzum z.B. so:
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Justify</title>
<style type="text/css">
<!--
p.justifyWord {
width:200px;
text-align:justify;
background:#CCCCCC;
}
p.justifyWord span {
display:inline-block;
width:200px;
height:0;
background:red;
}
-->
</style>
</head>
<body>
<p class="justifyWord ">
J u s t i f y !<span></span>
</p>
</body>
</html>
|
|
|
|
|
|
cobra44388
Threadersteller
Dabei seit: 09.03.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 31.07.2010 21:51
Titel
|
|
|
[quote="zweitaccount"]Hi,
ja theoretisch müsstest Du es nur bei Deinem aufklappbaren
Text angeben. Also praktisch hier:
Code: | <p id="text1" style="display: none;text-align:justify;">
Inhaltstext....
</p> |
Erstmal vielen Dank für deine Hilfe, mit dem ersten Teil hast du mir schon sehr geholfen, funktioniert auch einwandfrei. Genau wie ich mir das vorgestellt habe. Danke nochmal!
|
|
|
|
|
|
|
|
Ähnliche Themen |
Schriften gelöscht - Excel/Word Text Text nicht angezeigt
Indesign Text vektorisieren oder Text einbetten
Dreamwaever MX 2004 7.0.1: Text als Text einfügen
Text in Text formatieren
cz/pl text ins web
CSS: 1 Text 2 Boxen. Wie?
|
|