You are not logged in.

Controlpanel

At the moment there aren´t any members active..

Statistic

  • Members: 13109
  • Threads: 18183
  • Postings: 119668 (ø 46.08/day)
  • Greetings to our newest member: misssusan

w2d Premium-Support

Die Experten für web to date / shop to date

Facebook

  • "sternzeit1658" started this thread

Posts: 80

Location: 21407 Deutsch Evern

Occupation: Geopathologe, Händler, WebDesigner

  • Send private message

1

Thursday, July 1st 2010, 12:34pm

<erledigt> Grafik ins Design einbinden

Hallo Leute,

ich bin gerade dabei das Design Beta etwas umzuarbeiten. Ich habe eine Kontextspalte nach unten verschoben und möchte nun darüber eine Grafik einbauen.
Das funktioniert per html Absatz auch einigermassen, da durch die Grafik leider der Text nach unten verschoben wird. Da das nicht sein soll, wollte ich die Dateien des Designs dauerhaft ändern und die Grafik dort einbinden.

Ich habe folgendes gemacht:

1. in die navigation ccml habe ich einen div.container eingefügt (flower), bei mir Zeile 101
<div id="logo"></div>
<div id="flower"></div>
<div id="nav">
<div id="navtop"></div>
<div id="eyecatcher"></div>
2. in der global.ccml habe ich das Bild definiert, bei mir Zeile 60
<cc:picture obj="pic.flower" dst="pflower.gif" src="pic_flower.gif"
3. in der style.css habe ich das Bild wie folgt definiert, bei mir Zeile 89
#flower {
background : url(..images/<cc:print value="&pic.flower.filename">) no-repeat top right;
margin: -190px 0px 0px 400px;
width:321px;
height:302px;
}

4. das Bild liegt im Designordner als pic_flower.gif und im Ordner /images auf dem Server

Leider erscheint trotz vielem hin und herprobieren keine Grafik auf der Startseite. Kann mir dabei jemand helfen???

Zu sehen mit html Absatz unter: http://janbrett.de/index.php

Freue mich auf Antworten lg Jürgen :(
Achtet auf Eure Gesundheit:
Vorsicht vor Erdstrahlen und Elektrosmog!

http://www.geopathologie24.de
http://www.hp-broering.de
http://www.tascherei.de

raspel42

Master

  • "raspel42" is male

Posts: 2,119

Location: Möhnesee

Occupation: Geschäftsführer

  • Send private message

2

Thursday, July 1st 2010, 12:46pm

Re: Grafik ins Design einbinden

Also bei mir ist das Bild zu sehen und es liegt auch richtig im Ordner
<!-- m --><a class="postlink" href="http://janbrett.de/images/pic_flower.gif">http://janbrett.de/images/pic_flower.gif</a><!-- m -->
Gruß Andreas


.........................

derzeitige Projekte mit S2D 8 in Arbeit:

Webseite
E-Shop
Facebook

  • "sternzeit1658" started this thread

Posts: 80

Location: 21407 Deutsch Evern

Occupation: Geopathologe, Händler, WebDesigner

  • Send private message

3

Thursday, July 1st 2010, 1:39pm

Re: Grafik ins Design einbinden

Hallo Andreas,

das Bild ist zu sehen, weil es über den html Absatz und nicht über das Design eingebunden ist. Und ich sagte ja, dass es im Design Ordner und auf dem Server liegt.
Wie schon erwähnt wird der Text bei der Einbindung über den html Absatz verdrängt und das geht so nicht, sonst würde ich das wohl so lassen. Das Bild soll komplett ins design integriert werden und das klappt bislang nicht.

lg Jürgen
Achtet auf Eure Gesundheit:
Vorsicht vor Erdstrahlen und Elektrosmog!

http://www.geopathologie24.de
http://www.hp-broering.de
http://www.tascherei.de

Rein_wald

Unregistered

4

Thursday, July 1st 2010, 2:07pm

Re: Grafik ins Design einbinden

den container musst du schon befüllen. z.b.so:

<div id="flower">
<img src="http://www.janbrett.de/images/Floral-web2.gif"><h2>Willkommen</h2>
</div>

  • "sternzeit1658" started this thread

Posts: 80

Location: 21407 Deutsch Evern

Occupation: Geopathologe, Händler, WebDesigner

  • Send private message

5

Thursday, July 1st 2010, 2:27pm

Re: Grafik ins Design einbinden

Hallo Rein_wald,

klappt leider nicht, siehe: http://janbrett.de/index.php :(
Achtet auf Eure Gesundheit:
Vorsicht vor Erdstrahlen und Elektrosmog!

http://www.geopathologie24.de
http://www.hp-broering.de
http://www.tascherei.de

Posts: 5,055

web/shop to date Version: 5-8.0

  • Send private message

6

Thursday, July 1st 2010, 2:28pm

Re: Grafik ins Design einbinden

Quoted

2. in der global.ccml habe ich das Bild definiert, bei mir Zeile 60
<cc:picture obj="pic.flower" dst="pflower.gif" src="pic_flower.gif"


Im Original hast Du aber die schließende > (Klammer) drin?!

Setze die Zeile dann auch mal nach oben in den Bereich, wo die selben Anweisungen liegen.

  • "sternzeit1658" started this thread

Posts: 80

Location: 21407 Deutsch Evern

Occupation: Geopathologe, Händler, WebDesigner

  • Send private message

7

Thursday, July 1st 2010, 2:54pm

Re: Grafik ins Design einbinden

Hallo Paulemann,

die schließende Klammer fehlte. Habe diese eingebaut und das ganze weiter nach oben versetzt.

Grafik bleibt weiter unsichtbar in FF und IE. :(
Achtet auf Eure Gesundheit:
Vorsicht vor Erdstrahlen und Elektrosmog!

http://www.geopathologie24.de
http://www.hp-broering.de
http://www.tascherei.de

Posts: 5,055

web/shop to date Version: 5-8.0

  • Send private message

8

Thursday, July 1st 2010, 3:06pm

Re: Grafik ins Design einbinden

Kannst Du noch einmal den jetzigen Code der navi (etwas länger) posten?
---------------------
Wo soll die Grafik konkret hin? Im Bereich über der Kontextspalte?

  • "sternzeit1658" started this thread

Posts: 80

Location: 21407 Deutsch Evern

Occupation: Geopathologe, Händler, WebDesigner

  • Send private message

9

Thursday, July 1st 2010, 3:13pm

Re: Grafik ins Design einbinden

..anbei ein Sreenshot mit html Element. So sollte es aussehen, nur muss der Text wieder höher. Wenn das auch mit dem html element geht o.k., aber ich weiss echt nicht, wie das gehen kann. :(

[attachment=0]<!-- ia0 -->Tanning screenshot.jpg<!-- ia0 -->[/attachment]

Source code

1
<div class="text" id="{CB}" style="font-family: monospace;"><ol><li style="" class="li1"><cc:loop type="maintopic" obj="mymaintopic"><cc:if cond="&mymaintopic.topiccount gt 0"><cc:loop type="topic" obj="mytopic" maintopic="&mymaintopic.number"><cc:if cond="&mytopic.subtopiccount gt 0"><div id="subtopicmenu<cc:print value="&mymaintopic.number"><cc:print value="&mytopic.number">" class="menu"><cc:loop type="subtopic" obj="mysubtopic" maintopic="&mymaintopic.number" topic="&mytopic.number"><a class="menuItem" <cc:if cond="&mysubtopic.ispagesubtopic">style="font-weight:bold;"</cc:if>href="<cc:print value="&mysubtopic.url">" onmouseout="autoClose();"  onmouseover="clearTimeout(active);" ><cc:print value="&mysubtopic.caption"></a></cc:loop></div></cc:if></cc:loop></cc:if></cc:loop> <cc:if cond="&page.ishome"><cc:if cond="&site.plaintextfile"><div id="plaintext"><a href="<cc:print value="&site.plaintextfile">"><cc:print value="&site.ressource.plaintext"></a></div></cc:if></cc:if> <div id="logo"></div>[b]<div id="flower"></div>[/b]<div id="nav"><div id="navtop"></div><div id="eyecatcher"></div> <cc:if cond="&site.ftsfile"><form class="search" action="<cc:print value="&site.ftsfile">" method="get"><div id="searchbox"><input class="search" type="text" name="criteria" maxlength="30" /><input type="image" src="<cc:printpictureurl obj="pic.search">" /></div></form></cc:if>  <ul></li></ol></div>



Die Position habe ich dann über css angegeben. siehe oben.

lg Jürgen
sternzeit1658 has attached the following file:
Achtet auf Eure Gesundheit:
Vorsicht vor Erdstrahlen und Elektrosmog!

http://www.geopathologie24.de
http://www.hp-broering.de
http://www.tascherei.de

Posts: 5,055

web/shop to date Version: 5-8.0

  • Send private message

10

Thursday, July 1st 2010, 4:11pm

Re: Grafik ins Design einbinden

Jetzt ist die navi sauber, aber die Grafik wird nicht mehr eingebunden.
Poste noch mal den Auszug aus der global.ccml

  • "sternzeit1658" started this thread

Posts: 80

Location: 21407 Deutsch Evern

Occupation: Geopathologe, Händler, WebDesigner

  • Send private message

11

Thursday, July 1st 2010, 4:22pm

Re: Grafik ins Design einbinden

Source code

1
<div class="text" id="{CB}" style="font-family: monospace;"><ol><li style="" class="li1"></cc:*> <cc:picture obj="pic.background" dst="pback.gif" src="pic_background.gif" mapblackto="&usercolor.dark" mapwhiteto="&usercolor.medium">[b]<cc:picture obj="pic.flower" dst="pflower.gif" src="pic_flower.gif"> [/b]<cc:picture obj="pic.nav.top" dst="pnt.gif" src="pic_nav_top.gif" mapblackto="&usercolor.bright" mapwhiteto="&usercolor.dark"><cc:picture obj="pic.nav.bottom" dst="pnb.gif" src="pic_nav_bottom.gif" incolor.a="#000000" outcolor.a="&usercolor.bright"><cc:picture obj="pic.main.top" dst="pmt.gif" src="pic_main_top.gif" mapblackto="&usercolor.dark" mapwhiteto="#ffffff"><cc:picture obj="pic.main.top2" dst="pmt2.gif" src="pic_main_top2.gif" mapblackto="&usercolor.dark" mapwhiteto="#ffffff"><cc:picture obj="pic.fade" dst="pfd.gif" src="pic_fade.gif" mapblackto="&usercolor.bright" mapwhiteto="#ffffff"><cc:picture obj="pic.fade.small" dst="pfds.gif" src="pic_fade_small.gif" mapblackto="&usercolor.bright" mapwhiteto="#ffffff"><cc:picture obj="pic.main.bottom" dst="pmb.gif" src="pic_main_bottom.gif"><cc:picture obj="pic.main.bottom2" dst="pmb2.gif" src="pic_main_bottom2.gif"><cc:picture obj="pic.search" dst="psearch.gif" src="pic_search.gif" incolor.a="#000000" outcolor.a="&usercolor.dark"><cc:picture obj="pic.bullet" dst="pbul.gif" src="pic_bullet.gif" incolor.a="#000000" outcolor.a="&usercolor.medium"> </li></ol></div>


lg Jürgen
Achtet auf Eure Gesundheit:
Vorsicht vor Erdstrahlen und Elektrosmog!

http://www.geopathologie24.de
http://www.hp-broering.de
http://www.tascherei.de

Rein_wald

Unregistered

12

Thursday, July 1st 2010, 5:14pm

Re: Grafik ins Design einbinden

Quoted

Hallo Rein_wald,

klappt leider nicht, siehe: <!-- m --><a class="postlink" href="http://janbrett.de/index.php">http://janbrett.de/index.php</a><!-- m -->


was geht nicht ?

Source code

1
<div class="text" id="{CB}" style="font-family: monospace;"><ol><li style="" class="li1"><html> <head><title>Kein Titel</title><style>#flower {margin: 100px 0px 0px 400px; width:321px; height:302px; }</style></head> <body><div id="flower"><img src="http://www.janbrett.de/images/Floral-web2.gif"><h2>Willkommen</h2></div></body> </html></li></ol></div>
Rein_wald has attached the following file:
  • flower.jpg (17.97 kB - 178 times downloaded - latest: Nov 1st 2010, 11:33am)

13

Thursday, July 1st 2010, 5:53pm

Re: Grafik ins Design einbinden

<div style="position: absolute; left:50%; margin-left:150px; top: 40px;">
<img src="http://www.janbrett.de/images/Floral-web2.gif" border="0" />
</div>

Probiere es einmal mit folgenden HTML-ABsatz aus. Wenn funktioniert dann kannst du diesen Code auch in die Mavigation.cml einbauen.

VG Robert
Kostenlose Plugin-Modifikationen, Webmaster-Tools
Verbesserte Mail-Gateways uvm. unter http://www.rs-studio.at

  • "sternzeit1658" started this thread

Posts: 80

Location: 21407 Deutsch Evern

Occupation: Geopathologe, Händler, WebDesigner

  • Send private message

14

Thursday, July 1st 2010, 6:49pm

Re: Grafik ins Design einbinden

Hallo Robert,

die Lösung klappt, zumindest teilweise. Als html element geht das ganz hervorragend. Nur noch margin anpassen und alles ist o.k., Grafik steht im Vordergrund.

Baue ich denselben Code in die navi.ccml ein, erscheint die Grafik auch, auch auf allen Seiten, wie beabsichtigt, nur im Hintergrund.

Guckst du hier: http://www.janbrett.de/index.php

Funktioniert im FF und im IE.

hast du noch eine dafür, die Grafik über die nav.ccml in den Vordergrund zu bekommen???

lg Jürgen
Achtet auf Eure Gesundheit:
Vorsicht vor Erdstrahlen und Elektrosmog!

http://www.geopathologie24.de
http://www.hp-broering.de
http://www.tascherei.de

15

Thursday, July 1st 2010, 8:11pm

Re: Grafik ins Design einbinden

<div style="position: absolute; left:50%; margin-left:150px; top: 40px;z-index=100;">

probiere einmal den z-index einzubauen. Deine Werte kenne ich momentan nicht, die musst du anpassen.
VG Robert
Kostenlose Plugin-Modifikationen, Webmaster-Tools
Verbesserte Mail-Gateways uvm. unter http://www.rs-studio.at

  • "sternzeit1658" started this thread

Posts: 80

Location: 21407 Deutsch Evern

Occupation: Geopathologe, Händler, WebDesigner

  • Send private message

16

Thursday, July 1st 2010, 11:32pm

Re: Grafik ins Design einbinden

Hi Robert,

leider funktioniert auch das nicht....!!?? :(

lg Jürgen
Achtet auf Eure Gesundheit:
Vorsicht vor Erdstrahlen und Elektrosmog!

http://www.geopathologie24.de
http://www.hp-broering.de
http://www.tascherei.de

17

Friday, July 2nd 2010, 2:25am

Re: Grafik ins Design einbinden

Verzeihst du mir noch einmal.

z-index=100; ist natürlich kompletter Blödsinn.

z-index:100; sollte es heissen.

VG Robert
Kostenlose Plugin-Modifikationen, Webmaster-Tools
Verbesserte Mail-Gateways uvm. unter http://www.rs-studio.at

  • "sternzeit1658" started this thread

Posts: 80

Location: 21407 Deutsch Evern

Occupation: Geopathologe, Händler, WebDesigner

  • Send private message

18

Friday, July 2nd 2010, 9:04am

Re: Grafik ins Design einbinden

Hi Robert,

da gibt es nichts zu verzeihen. Bin Dir für Deine Hilfe soooo dankbar, nun klappt alles so, wie ich es mir vorgestellt habe.

DANKE DANKE DANKE :clap2 :bow
Achtet auf Eure Gesundheit:
Vorsicht vor Erdstrahlen und Elektrosmog!

http://www.geopathologie24.de
http://www.hp-broering.de
http://www.tascherei.de