mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 10:08 Benutzername: Passwort: Auto-Login

Thema: Aufklappbarer Text in Blockschrift vom 30.07.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Aufklappbarer Text in Blockschrift
Autor Nachricht
cobra44388
Threadersteller

Dabei seit: 09.03.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 30.07.2010 02:25
Titel

Aufklappbarer Text in Blockschrift

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Fr 30.07.2010 09:18
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.css4you.de/Texteigenschaften/text-align.html Lächel
  View user's profile Private Nachricht senden
Anzeige
Anzeige
cobra44388
Threadersteller

Dabei seit: 09.03.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 30.07.2010 19:53
Titel

Antworten mit Zitat Zum Seitenanfang

Kash hat geschrieben:
http://www.css4you.de/Texteigenschaften/text-align.html Lächel


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. Menno!
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 30.07.2010 21:37
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
cobra44388
Threadersteller

Dabei seit: 09.03.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 31.07.2010 21:51
Titel

Antworten mit Zitat Zum Seitenanfang

[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! * huduwudu! *
  View user's profile Private Nachricht senden
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.