Zum Inhalt springen

Hilfe bei Boxen!

Erstellt am 9. September 2003 · 8 Antworten · letzte Antwort am 10. September 2003

Tags: Frage

Synthi ·

Hi liebe Leute!
Ich brauche mal Euer geballtes Wissen! Mein Problem - auf der zu erstellenden Seite sollen kleine Boxen erstellt werden in den eine Überschrift, ein Text und unten ein Link stehen soll! Leider soll diese Box runde Kanten oben und unten haben und oben und unten ist ein breiter roter Streifen in dem die Überschrift und der Link steht etwa so

__________
|__________| Überschrift
| |
| |Text
| |
| |
|__________ |
|__________ |Link

Ich habe das ganze als Hintergrundgrafik realisiert, auf der eine Tabelle liegt in die der Inhalt gelgt wird! Natürlich muß man nun den Link mit <br> jetzt nach unten schieben (wenn der Text kurz ist), damit er auf dem roten Rand liegt. Das ganze ist irgendwie nicht das gelbe vom Ei! Hat jemand eine Idee, wie es in Typo leichter zu machen ist! Oder kannt jemand eine bestehende Extension, die sowas in etwa kan?

Vielen Dank
Synthi

marksta ·

sorry, mein Vorstellungsvermögen ist nicht optimal! 🙂

Könntest du vielleicht mal ein Bild posten?

Gruss,
Markus

Synthi ·

kann ich gut verstehen, dass mein Geschreibsel schwer zu durchschauen ist - ich versteh es ja selbst kaum noch 😃 !

Hier findest Du ein Bild Box - so soll es ausschauen. Ein Problem sind halt die Rundungen und der Link unten - von der Darstellung von Hintergrundbildern in Navigator 4.7 will ich lieber gar nicht reden!

...und? Eine Idee?

Vielen Dank für die Anwort
Synthi

P.S.: bov.de -> wirklich eine gelungene Seite!

marksta ·

Hallo,

ich hab mal das Problem mit einem Kollegen diskutiert, er meint das man wohl kaum um eine Extension mit entsprechendem Inhalt herumkommt. Da die runden Ecken per CSS nicht machbar sind musst du wahrscheinlich eine Tabelle bauen mit den entsprechenden Ecken.

Einfach wirds bestimmt nicht (besonders bis es in allen Browsern läuft).

Gruss,
Markus

Fant ·

hallo synthi

Dein Problem hat doch nichts mit typo3 zu tun.
Es geht doch darum, wie du dein html-template machst...

entweder mit einer tabelle, jeweils die Rundungen als grafik in einer zelle, dazwischen eine zelle für Überschrift bzw. Link.

irgendwie so:

<table>
	<tr> 
		<td>bild mit rundung</td>
		<td>Überschrift</td>
		<td>bild mit rundung</td>
	</tr>
	<tr> 
		<td colspan="3">Text Text Text Text Text Text Text Text Text Text Text Text 
			Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
			Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
			Text </td>
	</tr>
	<tr> 
		<td>bild mit rundung</td>
		<td>Link</td>
		<td>bild mit rundung</td>
	</tr>
</table>

oder das ganze mit layers

am besten machst du dich mal bischen über html "programmierung" schlau...

gruss
fant

Synthi ·

tja, ich denke nicht, dass es an meinen Html-Kenntnissen liegt ;-) - da kann ich nicht klagen!

Ich denke mein Problem ist schwer zu durchschauen!

Die Überschrift liegt auf der Rundung und ist mit Typo pflegbar /dh. die Rundung muß als Hintergrundgrafik liegen), der Text steht innerhalb der Box und ist ebenfalls mit Typo pflegbar und der Link wird auch erst mit Typo eingesetzt. Ich müßte also für diese eine Box drei Marker setzen und das wollte ich mir ersparen - da ich auf der Seite schon neun pflegbare Elemente eingesetzt habe!

Vielen Dank
Synthi

P.S.: "...über html-programierung schlau machen" <g>

Fant ·

ja gut, aber

Natürlich muß man nun den Link mit <br> jetzt nach unten schieben (wenn der Text kurz ist), damit er auf dem roten Rand liegt

wenn man sich ordentlich mit html & co auskennt kommen einem solche ideen schon gar nicht...*schauder* ;-)

aber wieso denn nicht noch 3 dynamische elemente? alles andere ist doch murks, oder?

btw: die Überschrift ist ja nicht wirklich auf der rundung...also mit 2 gifs links und rechts durchaus machbar, dazwischen mit bgcolor...läuft in allen vernünftigen browsern

gruss
fant

Synthi ·

ich glaube eine Diskussion über meine Html-Kenntnisse ist hier fehl am Platz....

Tja, wenn ich das so mache, habe ich dann auf dieser Seite 19 Marker, dh 19 Spalten in Typo3 - wer soll da denn noch durchsteigen - schauder!

Wahrscheinlich ist das angehängte gif auch nicht so richtig gelungen - die Überschrift liegt auf der Rundung (wie schon gesagt!)

VG
Synthi

Fant ·

hoi synthi

ok, ich sag nichts mehr über deine html kenntnisse...war ja nicht böse gemeint... ;-)

ich würde jetzt halt für diesen kasten nur eine spalte verwenden aber mit 3 contents.

19 marker zwingen dich ja nicht 19 spalten zu verwenden.

ich hab bei meine aktuellen projekt 7 marker und verwende 3 spalten...kein problem

gruss
fant