zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Galerie mit Inline-CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.02.2017, 22:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.02.2016
Beiträge: 17
kabopress befindet sich auf einem aufstrebenden Ast
Unglücklich Galerie mit Inline-CSS

Guten Abend zusammen,

ich versuche gerade eine einfache Galerie zu erstellen. Es soll ein großes Bild mit darunter liegenden kleinen Thumbnails zu sehen sein. Wenn man auf eines der Thumbnails liegt, sollte das große Bild quasi wechseln.

Da es sich hierbei um eBay handelt und ich kein externes Stylesheet einbinden kann, wird die Sache für mich umso komplizierter. Ich komme ohne Hilfe nicht weiter. Hier mein bisheriges Gewurschtel:

<p style="margin-top: -13px;
letter-spacing: 1px;
background: #22313F;
color: #F5D76E;
font-family: 'times new roman', cursive;
font-size: 1.8em;
font-style: cursive;
padding-bottom: 10px;
text-align: center;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;">RALPH LAUREN HERREN PULLOVER<img src="http://www.fotos-hochladen.net/uploads/ralphlaurenlogop6hkcjlqx2.png" width="15" style="transform: translate(10px, 5px);"> </p>

<p style="text-align: center;
font-size: 1.1em;">Unverbindliche Preisempfehlung: <s>€119,00</s> | Jetzt: <span style="color:green; font-weight: bold;">€ 59,00</span></p>

<div style="border: 1px solid #22313F; margin: 0 auto; max-width: 90%; clear: both;"></div>

<p style="background: #F5D76E;
font-size: 0.9em;
padding: 5px 10px;
text-align: center;
max-width: 115px;
border-bottom-left-radius:2px;
border-bottom-right-radius: 2px;
margin: 0 auto;">Kostenlose Lieferung*</p>

<div style="max-width: 50%; margin-top: 50px; float:left;">
<div style="margin-bottom: 50px;">
<img src="http://img5.fotos-hochladen.net/uploads/rlblueesj2dokm05.jpg" width="600">
<div style="margin: 20px 0px 0px 150px;">

<a href="#blue" onmouseover="style='opacity: 0.5;'" onmouseout="style='opacity: 1';"><img src="http://img5.fotos-hochladen.net/uploads/rlblueesj2dokm05.jpg" width="100"></a>
<a href="#" onmouseover="style='opacity: 0.5;'" onmouseout="style='opacity: 1;'"><img src="http://img5.fotos-hochladen.net/uploads/rlgraybjsht2kxy0.jpg" width="100"></a>
<a href="#" onmouseover="style='opacity: 0.5;'" onmouseout="style='opacity: 1;'"><img src="http://img5.fotos-hochladen.net/uploads/rlredxykqf0hs9c.jpg" width="100"></a>

</div>
</div>
</div>
<div style="max-width: 40%; float: left; margin-top: 50px;">
<p>Die Herren Pullover von Ralph Lauren sind edel und sportlich zugleich.</p>
</div>

<div style="border: 0.5px solid #22313F; margin: 0 auto; max-width: 80%; clear: both;"></div>

<div style="display: flex;">

<div style="padding: 20px;
margin: 20px;
border-right: 1px solid #eee;
max-width: 300px;">
<h2 style="text-align: center;">Versand</h2>
<p style="text-align: center;">*Wir versenden innerhalb von 24 Stunden und kostenfrei innerhalb Deutschlands. Die Versandkosten in die Schweiz und nach Österreich betragen € 12,00.</p>
</div>

<div style="padding: 20px;
margin: 20px;
border-right: 1px solid #eee;
max-width: 300px;">
<h2 style="text-align: center;">Zahlungsarten</h2>
<p style="text-align: center;">Wir akzeptieren PayPal, Kreditkarte und Banküberweisung.</p>
<div style="text-align: center;"><img src="http://img5.fotos-hochladen.net/uploads/paypaljw4gkyte03.png" width="60">
<img src="http://www.fotos-hochladen.net/uploads/visah65ksqz48t.png" width="40" style="transform:translateY(-9px);">
<img src="http://img5.fotos-hochladen.net/uploads/mastercardlsx216jepy.png" width="40" style="transform:translateY(-9px);">
</div>
</div>

<div style="padding: 20px;
margin: 20px;
max-width: 300px;">
<h2 style="text-align: center;">Rückgabebedingungen</h2>
<p>Bitte beachten Sie, dass für die Rücknahme des Artikels folgende Bedingungen kumuliert erfüllt sein müssen:
<ul style="margin-left: -20px;
list-style: circle;">
<li>Rückversand in Originalverpackung</li>
<li>Die Etiketten müssen sich noch an der Ware befinden</li>
<li>Die Ware darf weder gewaschen noch getragen worden sein</li>
</ul></p>
</div>
</div>

Ich hoffe mir kann jemand helfen .

Beste Grüße
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.03.2017, 06:55
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.01.2010
Beiträge: 955
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Ebay ist sehr streng in Bezug auf die technische Umsetzung der Artikelbeschreibung.

Wenn gegen die Ebay-Bestimmungen verstoßen wird sperren die teilweise ohne Vorwarnung den Account und lassen sich auf nachträgliche Diskussionen nicht mehr ein. Deshalb sollten alle Tipps (auch meine) immer mit den aktuellen Ebay-Bestimmungen abgeglichen werden.

Grundsätzlich darf die eigene Artikelbeschreibung nichts an den Inhalten und der Darstellung der Ebay-Daten ändern. Die Artikelbeschreibung darf also nur Auswirkungen auf den dafür vorgesehenen Bereich der eigenen Artikelbeschreibung haben.

Zunächst im Vorweg: Du hast noch einige JavaScript-Anweisungen in deinem Quelltext. Der wird ab Frühling 2017 verboten und von Ebay gesperrt. Siehe auch

http://verkaeuferportal.ebay.de/verk...llung-angebote

In dem Ebay-Text ist auch gleich das nächste Problem beschrieben: Mobile Seiten werden zukünftig bevorzugt / vorrangig angezeigt werden. Deshalb sollte auch deine Bildergalerie responsive sein, grade wenn du häufig bei Ebay unterwegs bist.

Mit Inline-CSS wirst du da nicht weit kommen.

Meiner Kenntnis nach ist es aber durchaus möglich und von Ebay aus zulässig internes oder externes CSS im Quelltext einzubinden. Wichtig ist nur, dass dieses CSS wie bereits geschrieben keine Auswirkungen auf die Anzeige der ebayeigenen Inhalte hat.

Mit HTML4 hat das inoffiziell bereits funktioniert. Ich meine gelesen zu haben dass es in HTML5 auch "offiziell" möglich ist CSS im body-Bereich einzubinden. Mit der Möglichkeit würde ich dann die Bilderanzeige mit dem Checkbox-Hack realisieren. Wobei der Checkbox-Hack nix illegales ist, auch wenn er das Wort Hack enthält.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
galerie, inline-css

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Reset, clearfix, hacks usw, Browsersupport Electrix CSS 3 12.04.2014 09:49
galerie mit css bibi123 CSS 3 19.02.2013 18:35
Inspiration - Sammlung von Links emti Ressourcen 8 01.12.2009 18:02
Js Galerie: Ie6 verändert Css Breiten Weksel CSS 0 07.05.2009 13:37
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 11:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:07 Uhr.