Tabellenrahmen

[louis.bergmann]

Zitat von webchaot

Jetzt mit Version 7 könntest Du es auch über die erweiterten Eigenschaften machen.
Dann kannst du bei jeder Tabelle entscheiden, wie Du sie willst...

-> siehe Beispiel

hoi Walter

mal sehen ob du meine nachricht liest

kannst du mir nochmal einen tipp geben in punkto "erweiterte eigenschaften"

wie bekomme ich denn da den look ganz ohnen rahmen und linien?

vielen dank und grüsse!
louis

[webchaot]

Doch, doch, Louis...

...ich lese alles, aber ich schreibe nicht auf alles, das ich lese... ;-)

Sorry, in diesem Beitrag, in dem Du Dich jetzt eingeschrieben hast ist schon etwas älter und die Geschichte ist ein wenig verworren... wir wechseln da von Xerxes zu Beta zu Look...

Deshalb die Frage: welches ist Dein Design und was genau Dein Anliegen?

[louis.bergmann]

hoi Walter

es geht um "redux".

wie löst ihr denn das problem mit

Tel: 123456789
Mob: 5678912364
E-Mail: abc@def.com

damit meine ich diese schiefe darstellung, da man ja keinen tabulator nutzen kann

ich wollte das mit einer tabelle lösen, die wird aber mit rahmen und einer schrecklichen hintergrundfarbe angezeigt.

ich hätte es gern so wie in deinem beispiel DEMO Beta unten, also ganz "füdliblutt" ohne linien.

danke für deine hilfe
vg louis

[harlekin8]

Hi Louis,

wie löst ihr denn das problem mit

Tel: 123456789
Mob: 5678912364
E-Mail: abc@def.com

es gibt verschiedene Ansätze ... hier ein Hinweis:

"width" od. auch Listen-Elemente (gast und gast) einsetzen ... Bp. in der Sidebar. Schau dir hierzu die ssb.css an ...

Habe das auch mal über einen HTML Absatz so gelöst:

<div>
<p style="width: 28px; float:left; padding:0;">Tel: </p>
<a style="text-decoration: none;" href="callto://+49xxxxxxxx">+49 (0) 761 - xxxxxxxxx</a>
<div class="clearer"></div>
<p style="padding: 0;">Fax: +49 (0) 761 - xxxxxxxxx</p>
</div>

... das kannst du nach Bedarf noch anpassen; die xxxxx... stehen hier für Ziffern. Das href="callto ... " brauchst du nicht (ist für Skype und iphone gedacht) und statt <a> <p> benutzen,

Bp.

<div>
<p style="width: 35px; float:left; padding: 5px 0 0;">Tel:</p>
<p>+49 (0) 761 - XXXXXX</p>
<p style="width: 35px; float:left; padding: 5px 0 0;">Fax:</p>
<p>+49 (0) 761 - XXXXXX</p>
<p style="width: 35px; float:left; padding: 5px 0 0;">EMail:</p>
<a title="email" style="text-decoration: none;" href="mailto:beispiel@bp.de">beispiel@bp.de</a>
<div class="clearer"></div>
</div>

... Kann man auch noch anders stricken ... Über CSS ...


Viel Erfolg

[webchaot]

Uff, Louis...

...jetzt hast Du aber ein altes Beispiel ausgegraben...


Also: die relevanten Stellen findest Du in der style_content.css.

Für die "innere Formatierung" ist dieser gelb markierte Codeteil zuständig:

#content td.cell {
        background-color: <cc:print value="#f4f4f4">;
}

Und für den Aussenrahmen ist dieser gelb markierte Codeteil zuständig:

#content table.cells {
        border: 1px solid <cc:print value="#ededed">;
}

Für "füdliblutt" einfach die gelb markierten Codeteile löschen, doch dies ist dann für alle Deine Tabellen so.

Wenn Du Dir damit jetzt erweiterte Eigenschaften zum Zu- und Abschalten baust, dann könnte die Geschichte z.B. so aussehen: Beispiel > HIER <

[louis.bergmann]

hallo Ingo und Walter

vielen dank für eure super antworten.

melde mich nochmal, wenn ich das umgesetzt habe.

vg louis