Ist die Anweisung richtig, oder enthält sie Fehler?

[Elmar]

hallöchen,

habe jetzt zwei stunden für die nachfolgende anweisung gebraucht und wollte mich vergewissern, ob der string richitg oder falsch ist.

Code: XML  [Auswählen]

<div style="position:relative;width:913px;height:30px;-adbe-g:p,5,5;">
                                <div style="position:absolute;top:7px;left:888px;width:20px;height:20px;">
                                        <a href="http://www.iphonerepairservice.eu/iPRs_xt_/google_rss_feed.php"><img src="http://www.iPhoneRepairService.eu/iPRs_xt_/templates/xtc5/img/Rss5.png" alt="iPhoneRepairService Google Rss-feed" /></a></div>
                        </div>
 

lg Elmar



Linkback: https://www.modified-shop.org/forum/index.php?topic=2813.0

[Matt]

Was genau soll es denn bewirken? So aus dem Zusammenhang gerissen kann ich dir nur sagen, dass das ein rechts oben positioniertes RSS-Icon geben wird.
Wobei CSS generell in eine entsprechende externe Datei ausgelagert werden sollte und '-adbe-g:p,5,5;' Müll ist, der entsorgt werden kann.

[Elmar]

hi,
so ist es. Es soll oben rechts im shop in der Menüleiste neben den Language img angezeigt werden. wie ich das im CSS unterbringen soll weiss ich nicht. Habe das im Template in die Index implementiert. Ich bin Anfänger und bin froh, das das geklappt hat. Mühsam ernährt sich das Eichhörnchen!

Das mit -adbe-g:p,5,5; muss ich noch mal testen. Vielen Dank für die Info.

lg elmar

Nachtrag klappt auch ohne "müll". Super!

[Heffernan]

Hi,

die Style Angaben gehören grundsätzlich in die stylesheet.css.
Im Template erstellst du nur eine DIV-Klasse.
Z.B.

Code: PHP  [Auswählen]

<div class="rss_icon"><a href="http://www.iphonerepairservice.eu/iPRs_xt_/google_rss_feed.php">iPhoneRepairService Google Rss-feed</a></div>

Die Style-Infos legst du in der stylesheet.css folgendermaßen an:

Code: CSS  [Auswählen]

.rss_icon {
position:absolute;
top:7px;
left:888px;
width:20px;
height:20px
}

Ist eleganter, als das Template mit Style-Infos vollzuknallen.

[Elmar]

hallo, habe ich probiert. Ergebnis ist, dass ich jetzt statt dem RSS Logo den Schriftzug, da stehen habe, wo das logo hin soll.

was mache ich falsch?

[Matt]

Du must 'iPhoneRepairService Google Rss-feed' natürlich wieder durch deinen img-Tag ersetzen.

[Elmar]

tja, das habe ich gemacht. klappt nicht.

danke

[Elmar]

habe nun wie folgt geändert:

in der css wurde folgende hinterlegt:

[...]

Code: CSS  [Auswählen]

.rss_icon {
position:absolute;
top:7px;
left:888px;
width:20px; /* hat keinen einfluss mehr */
height:20px /* hat keinen einfluss mehr */
}

[...]

in der templates, index.html habe ich wie folg ergänzt:

Code: PHP  [Auswählen]

<div class="rss_icon"><a href="http://www.iphonerepairservice.eu/iPRs_xt_/google_rss_feed.php"><div id="rss-icon"><img src="{$tpl_path}img/Rss5.png" alt="Google RSS-FEED" /></div></a></div>

ich habe nun das selbe ergebnis wie oben, aber eindeutig mit mehr code.

ist das o.k.?

lg elmar

[Matt]

Wenn dein primäres Ziel möglichst wenig Code ist reicht dieses Markup:

Code: XML  [Auswählen]

<a class="rss_icon" href="http://www.iphonerepairservice.eu/iPRs_xt_/google_rss_feed.php"><img src="http://www.iPhoneRepairService.eu/iPRs_xt_/templates/xtc5/img/Rss5.png" /></a>

Allerdings sollte das ganze ein direktes Kind von #topmenuwrap sein, damit das von der HTML-Syntax her passt.

[Elmar]

hi matt,

dann aber nur in die css ?

[Tomcraft]

Nein, in die html.

Grüße

Torsten

[guensi]

Die Lösung von Matt hat einen charmanten Vorteil - du vermeidest das position:absolute, was auf verschiedenen Browsern (insbesondere dem ie6) zu Problemen führen kann.

Die Verwendung von position:absolute halte ich für eh problematisch in der Shop-Umgebung. (Wohl auch ein Grund, warum die im Original-Stylesheet an keiner Stelle zu finden ist).

Damit nimmst du ein Element aus dem Fluss. Sowas sollte man gut überlegen, denn das kann dir in Zukunft, wenn du schon lange nicht mehr daran denkst bei Änderungen unerwartete Knüppel zwischen die Beine werfen.

[Elmar]

hi guensi,

tja, wenn ich aber keine positionsanweisungen verwende, kommt das rrs logo nicht dahin wo es soll!

wenn ich matts routine verwende hängt das logo somewere in the luft! ich versuche es mal ohne die absolute. Ich denke ja langfristig und will ir eben solche stolperfallen für die Zukunft nicht ständig auf dem plan halten.

es war mir wieder eine freude mich mit dir auszutauschen. das ist eben konversation!

lg elmar

[Elmar]

@zu Torsten

sorry! meinte die html, die finger waren leider schneler, als das gehirn!

lg elmar

[guensi]

Ok, das mit der Positionierung könnte ich jetzt hier auswalzen und ein Buch draus machen. Was du siehst, muss noch lange nicht das sein was andre sehen. Das ist eine Falle in die man gerne tappt.

Wenn Matts Lösung nicht funktiniert - poste mal den Teil deiner index.html wo du das eingefügt hast. Das Teil rechts neben den Flaggen einzufügen dürfte eigentlich kein Problem sein.