Tutorial. Sitemap – Gestalten mit CSS / Styling with CSS

[zonk]

ah du warst schneller .. siehe mein edit oben .. habs dann auch gemerkt ... grr anfänger fehler passt zu mir .. dank trotzdem Heiko und claus !

[claus]

omg .. vor dem img fehlt ein / .. hätt ich auch drauf kommen können..

vermutlich sollte das so aussehen:

Code: Select all

...
background: url(../../images/dot.gif) uswusw... ;
...

Du siehst die

../../

edit: naja, ein absoluter Pfad geht manchmal auch

[zonk]

ne ne, es hat nur das / vor dem img gefehlt. Läuft nun alles. Bin noch selber drauf gekommen und hatte meinen Beitrag editiert, in der Zeit hattest du geschrieben. Das meinte ich.

[santscho]

An was man da alles so denken muss ...

Ein herzliches Dankeschön an Max Design ( http://www.maxdesign.com.au/presentation/folder-metaphor/) Für diese tolle Sitemap-Formatierung.

[santscho]

Zonk: Sorry, ich habe vergessen die Email-Benachrichtigung für dieses Posting einzuschalten.

Claus: Vielen Dank für die tollen Anpassungen!

[zonk]

Hallo Santscho kein Problem.. hier gibt es so viele hilfsbereite User Wurde in deiner Abwesenheit bestens versorgt ..

Hat auch geklappt, war kurzfristig an meiner Dummheit gescheitert .. Ergebnis hier: http://www.feuerwehr-nauheim.de/sitemap.phtml

[santscho]

Habe die Feuerwehr-Website schon vorher mal angeguckt. Beeindruckend viel Inhalt. Deine "Kumpels" schätzen die Website sicher... Sehr informativ.

Falls Dir mal die Sitemap "zu lang" wird, kannst Du diese auch zweispaltig darstellen:
Voraussetzungen:
- Du hast ein Custom-DIV Layout
- Du hast momentan keine verwendung für {HEADER} und {FOOTER}.

-Erstelle einen WYSIWYG-HTML Content Part.
-Füge eine zweispaltige Tabelle ein
-In der linken Spalte: {HEADER}
-In der rechten Spalte: {FOOTER}

-Erstelle einen Sitemap Content Part
- Weise diesen dem {HEADER} zu
- Nimm nur die Hälfte der Ebenen in die Sitemap auf

-Erstelle einen zweiten Sitemap Content Part
- Weise diesem dem {FOOTER} zu
- Nimm die andere Hälfte der Ebenen in die Sitemap auf

Vermutlich musst Du noch die Tabelle bisschen bearbeiten. Z.B. Rahmen deaktivieren und Spaltenbreite je 150px oder so. Ansonsten kleben die beiden Sitemaps horizontal aneinander.

[zonk]

Ja die Inhalte sind schon ein Brocken gewesen zum einarbeiten ins System. Und es fehlen noch Teile, wir sind ja erst seit 1.12. mit der "neuen" Seite online ..

Sag mal, kannst du Gedanken lesen ? Das mit dem Zweispaltig kam mir auch schon, werde ich die Tage mal wie es die Zeit erlaubt ausprobieren..

Hab aber noch so ein bisschen was vor mit der Seite.. Muss auf jeden Fall vom Tabellen Layout weg zu CSS, Die Seite will ich voll validieren, angefangen habe ich schon mit 170 Fehlern .. bin jetzt unter 50. Heiko H. hat mir schon Hilfe angeboten, und ich möchte das Menü auf NAV_UL umstellen ...

Wenn der Tag doch mehr wie 24 Stunden hätte

[Heiko H.]

Hallo zonk,

Wenn der Tag doch mehr wie 24 Stunden hätte

Also mein Tag hat 24 Stunden und wenn die nicht reichen, nehm ich die Nacht einfach mit dazu...

[zonk]

Ja lach mich nur aus Für so Cracks wie euch ist das natürlich kein Problem .. schnell mal ein CSS Layout und nen Menü und nebenbei noch die Page validiert .. für mich als "Anfänger" sind das alles rießen Probleme

[santscho]

Ich empfehle das YAML-Framework. Da hast Du schon alles mit an Bord! Und mit dem YAML-BUILDER (Online-Tool, für das Gestalten von YAML-Seiten) hast Du ein tolles Layout in wenigen Minuten. Dann noch Santscho fragen, wie das Ganze in PHPWCMS integrieren und mit Content füllen.

Und wenn Du noch einen guten WYSIWYG-CSS-Editor hast... Dann auch einfacher für Anfänger.

[Heiko H.]

Ja lach mich nur aus

N E I E N !!! so war das überhaupt gar nicht gemeint, ganz im Gegenteil...
...ich wollte nur anmerken, Du bist nicht der Einzige, der viel Arbeit und wenig Schlaf hat.

Für so Cracks wie euch ...

Ich hoffe, Du meinst nicht mich...
Aber Du hast Recht hier gibt's durchaus Leute mit richtig know-how auf diesem Gebiet, zum Glück...

Schönes WE, Heiko.

[claus]

@zonk
Wieder da
...und um's abzuschließen, probier mal so:

Code: Select all

ul.sitemap
{
margin: 1em 0;
list-style-type: none;
/*background: url(/img/dot.gif) repeat-y 3px 0;*/
padding: 0;
}

ul.sitemap li
{
margin-bottom: .5em;
background: url(/img/dot.gif) repeat-y 3px 0;
}

Wenn mich nicht alles täuscht, geht damit der doppelte Strich weg (der unter home)
(ist zumindest im FF und IE7 so)

[zonk]

N E I E N !!! so war das überhaupt gar nicht gemeint, ganz im Gegenteil...
...ich wollte nur anmerken, Du bist nicht der Einzige, der viel Arbeit und wenig Schlaf hat.

hehe ich hab das schon so verstanden wie du es gesagt hast konnte es mir nicht verkneifen ...

@zonk
Wieder da
...und um's abzuschließen, probier mal so:

Code: Select all

ul.sitemap
{
margin: 1em 0;
list-style-type: none;
/*background: url(/img/dot.gif) repeat-y 3px 0;*/
padding: 0;
}

ul.sitemap li
{
margin-bottom: .5em;
background: url(/img/dot.gif) repeat-y 3px 0;
}

Wenn mich nicht alles täuscht, geht damit der doppelte Strich weg (der unter home)
(ist zumindest im FF und IE7 so)

Welcher doppelte Strich ??

[claus]

unterhalb von home geht ein roter Strich senkrecht nach unten, dünn startend und unmittelbar unterhalb von home sich verdoppelnd (= dicker werdend). Der ist gemeint. Ein Detail nur, gewiss...