|
 |
  |
| Autor |
Nachricht |
raindog
Neuer [User]
Anmeldung: 17.07.08
Beiträge: 2
|
 Verfasst am: 17.07.2008, 20:20 Titel: ebay-Vorlage mit css |
 |
|
Hallo,
ich bin neu hier und bräuchte gleich einmal eure Hilfe. Meine Kenntnisse mit HTML sind eher unterer Durchschnitt. Natürlich habe ich auch schon nach der Lösung meines Problems gegoogelt, bin aber nicht weiter gekommen.
Zum Problem:
Ich möchte eine ebay-Verkaufsvorlage mit css erstellen. Wenn ich diese im ebay-HTML Editor eingebe und dann auf die Vorschau gehe, sehe ich.... richtig, nichts.
Hier die css-Datei
| Code: | body{
background:url(img/bg.jpg) repeat-y center top #000;
text-align:center;
margin:0;
padding:0;
}
#container{
background:url(img/full.jpg) repeat-y top left #000;
width:720px;
min-height:700px;
margin:auto;
font:12px Arial, Helvetica, sans-serif;
}
#content{
background:url(img/middle.jpg) no-repeat top right transparent;
width:434px;
color:#DDD;
text-align:left;
padding-top:1px;
padding-bottom:1px;
height:100%;
}
#content h1{
border-top:4px solid #FFF000;
color:#FFF;
font:22px "Arial Black", Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:-1px;
margin:30px 60px 0 30px;
line-height:28px;
}
#content h3{
background-color:#FFF000;
color:#000;
font:13px "Arial Black", Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:-1px;
margin:0 60px 10px 30px;
padding-left:4px;
line-height:18px;
}
#content p{
font:12px Arial, Helvetica, sans-serif;
line-height:20px;
letter-spacing:1px;
margin:10px 50px 10px 30px;
}
#content a,#footer a{
color:#FFF000;
text-decoration:none;
font-weight:900;
}
#content a:hover,#footer a:hover{
color:#ED145A;
text-decoration:none;
}
#content b{
color:#FFF;
font:13px "Arial Black", Arial, Helvetica, sans-serif;
font-weight:600;
}
#content em,#content i{
color:#FFF;
font:13px Georgia, Times, serif;
font-style:italic;
}
#content blockquote{
width:70%;
margin-left:50px;
background-color:#222;
border-top:2px solid #FFF000;
border-bottom:2px solid #FFF000;
}
#content blockquote p{
margin:5px 10px;
color:#FFF;
}
#content img{
border:2px solid #FFF000;
padding:3px;
}
#content img.l_blog{
float:left;
margin:4px 8px 4px 0;
}
#content img.r_blog{
float:right;
margin:4px 10px 4px 8px;
}
#content a:hover img{border-color:#ED145A;}
#content ul,#content ol{
list-style-position:inside;
line-height:20px;
letter-spacing:1px;
}
#content ul{
list-style-image:url(img/bullet.gif);
}
#content .blogfoot{
margin:10px 50px 10px 30px;
border-left:4px solid #FFF000;
padding-left:4px;
}
#content .foot_top{
font:11px Arial, Helvetica, sans-serif;
}
#content .foot_bottom{
font:12px Arial, Helvetica, sans-serif;
font-weight:900;
text-transform:uppercase;
letter-spacing:1px;
}
#content .foot_top a{
font:11px Arial, Helvetica, sans-serif;
}
#rightside{
float:right;
width:286px;
min-height:700px;
}
#title{
background:url(img/title.jpg) no-repeat top left transparent;
height:372px;
}
#title p{
margin:0 0 12px 0;
color:#FFF;
font:62px "Arial Black", Arial, Helvetica, sans-serif;
font-weight:900;
text-transform:uppercase;
padding:80px 20px 0 0;
line-height:45px;
letter-spacing:-6px;
}
#sidebar{
height:100%;
margin:-16px 0 0 -30px;
color:#FFF;
font:12px Arial, Helvetica, sans-serif;
letter-spacing:1px;
text-align:left;
padding:0 40px;
}
#sidebar h1{
border-top:4px solid #FFF000;
color:#FFF;
font:22px "Arial Black", Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:-1px;
margin:30px 0 0 0;
line-height:28px;
}
#sidebar h3{
background-color:#FFF000;
color:#ED145A;
font:13px "Arial Black", Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:-1px;
margin:0 0 10px 0;
padding-left:4px;
line-height:18px;
}
#sidebar p{
line-height:16px;
padding:4px 4px 4px 10px;
margin:-10px 0 0 0;
width:214px;
border:4px solid #FFF000;
border-top:none;
}
#sidebar a{
color:#FFF000;
font-weight:900;
text-decoration:none;
}
#sidebar a:hover{
color:#000;
}
#sidebar .nav{
list-style-position:inside;
list-style-type:none;
font:22px "Arial Black", Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:-1px;
padding-left:0;
margin-left:0;
}
#sidebar .nav a{
color:#FFF;
text-decoration:none;
background:url(img/star1.jpg) no-repeat center left;
padding:0 0 0 30px;
}
#sidebar .nav a:hover{
color:#FFF000;
background:url(img/star2.jpg) no-repeat center left;
}
#gallery{
padding:0;
margin:-10px 0 0 0;
list-style-type:none;
overflow:hidden;
width:228px;
height:380px;
border:4px solid #FFF000;
border-top:none;
background-color:#ED145A;
}
#gallery li a{
display:block;
height:30px;
width:218px;
text-decoration:none;
color:#FFF;
overflow:hidden;
padding-left:10px;
}
#gallery li a:hover{
background-color:#FFF000;
height:180px;
color:#333;
}
#gallery b{
text-transform:uppercase;
font:13px "Arial Black", Arial, Helvetica, sans-serif;
font-weight:600;
letter-spacing:-1px;
}
#gallery .spacer{
line-height:10px;
}
#gallery i{
font-style:normal;
color:#ED145A;
font-weight:900;
}
#footer{
color:#FFF;
height:288px;
padding:20px 0 25px 0;
margin-right:-40px;
background:url(img/footer.gif) no-repeat bottom right transparent;
text-align:left;
}
#footer p{
padding:0 30px;
}
#footer .footer_links{
clear:both;
float:left;
width:100%;
margin-bottom:40px;
}
#footer ul{
float:left;
list-style-type:none;
width:160px;
margin:1px 0;
}
#footer li.top_link{
display:block;
color:#DDD;
padding:10px 0;
margin:-1px 0;
font:13px "Arial Black", Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-decoration:none;
letter-spacing:1px;
background-color:#000;
}
#footer li a{
display:block;
height:15px;
color:#777;
font-weight:normal;
padding:10px 10px;
margin:-1px 0;
text-decoration:none;
letter-spacing:1px;
background-color:#0F0F0F;
border-top:1px solid #555;
border-bottom:1px solid #555;
}
#footer li a:hover{
background-color:#252525;
color:#ED145A;
}
#footer .rf_item{
padding:0 6px;
} |
Und hier natürlich der gekürzte "ebay-HTML-Code:
| Code: |
<link rel="stylesheet" type="text/css" href="http://www.meine-homepage.de/freestyle/default.css">
<!--[if lte IE 6]>
<style>
#content{margin-left:-40px;}
#rightside{margin-right:0px;margin-left:-43px;}
#sidebar{margin-left:-30px;padding:0 40px 0 40px;}
#sidebar ul.nav{margin:10px -20px;padding:0}
#sidebar h1,#sidebar h3{margin-right:-30px;}
#content ul{padding-left:20px;list-style-position:outside;}
#footer ul{margin-left:20px;}
#footer li{margin:-1 0;}
#footer .footer_links{margin-bottom:0;padding-bottom:1px;}
#footer li.top_link{padding-bottom:20px;}
#footer .ie_foot{position:relative;top:20px;}
</style>
<![endif]-->
<!--[if IE 7]>
<style>
#sidebar{margin-left:-20px;padding:0 60px 0 20px;}
#sidebar ul.nav{margin:0 -20px;padding:0}
#sidebar h1,#sidebar h3{margin-right:-30px;}
#content ul{padding-left:20px;list-style-position:outside;}
#footer ul{margin-left:40px;}
#footer li a{margin:-1px 0 0 0;}
#footer .footer_links{margin-bottom:0;}
#footer .ie_foot{position:relative;top:30px;}
</style>
<![endif]-->
<div id="container">
<div id="rightside">
<div id="title">
<p>sells</p>
</div>
<div id="sidebar">
<img src="http://www.meine-homepage.de/freestyle/img/star2.jpg" alt="star" style="display:none"/>
<h1>Unsere Garantie</h1>
<h3>Fair geht vor !</h3>
<ul>
<li><b>Versandkosten trägt der Käufer, ebay-Gebühren selbstverständlich wir.</b><span class="spacer"> </span><br /></li><br />
<li><b>Versandkosten belaufen sich auf die tatsächlich anfallenden Kosten und werden nicht als Zusatz-Einkommen verwendet. </b><br /><span class="spacer"> </span><br />
</li>
<li><b>Der Versand erfolgt sofort nach Eingang des Kaufbetrages.</b><br />
<span class="spacer"> </span><br />
</li>
<li><b>Abholung ist, nach Absprache, möglich. Dann entfallen natürlich die Versand- und Verpackungskosten.</b><br /><span class="spacer"> </span><br />
</li>
<li><b>Bewertungen werden zu 100% abgegeben und werden auch erwartet.</b><br /><span class="spacer"> </span><br />
</li>
<li><b>Die Artikel werden nach bestem Wissen und Gewissen angeboten. Sollten trotzdem irgendwelche Unzufriedenheiten auftreten, nehmen Sie bitte mit uns Kontakt auf bevor Sie negative Bewertungen abgeben und geben Sie uns die Chance auf evtl. Beschwerden zu reagieren. </b><br /><span class="spacer"> </span><br />
</li>
</ul>
</div>
</div>
<div id="content">
<h1>Motorad</h1>
<h3>kaufen</h3>
<div align="middle">
bla BLA BLA
</div>
<h1>bla BLA BLA</h1>
<h3>bla BLA BLA</h3>
<p><img src="http://www.meine-homepage.de/freestyle/img/skate.jpg" alt="Skater" class="l_blog" />bla BLA BLA</p>
<p>bla BLA BLA</p>
</div>
|
Es wäre toll, wenn mir jemand helfen könnte.
Nette Grüße
raindog
|
|
| Nach oben |
|
 |
benjam4
Bekannter [Mod]
Anmeldung: 17.05.06
Beiträge: 1320
Wohnort: Ostfildern ...
|
| Verfasst am: 18.07.2008, 19:55 Titel: |
|
|
Hmm, ich hab mir den Code noch nicht angeschaut. Dafür ist er zu lang.
Könntest du vielleicht erst mal versuchen, den gesamten CSS Code in die HTML mit reinzukopieren. Vielleicht hilfts ja.
Wenn nicht, dann schau ich den Code durch^^
_________________
Rechtschreibfehler sind beabsichtigt, sie dienen der Verschleiherung meiner tatsächlichen Genialität 
____________________________________
Eine Signatur sie alle zu knechten
|
|
| Nach oben |
|
|
raindog
Neuer [User]
Anmeldung: 17.07.08
Beiträge: 2
|
| Verfasst am: 19.07.2008, 12:45 Titel: |
|
|
Hallo,
vielen Dank für die Antwort. Ich habe den css-Code direkt vor den HTML-Code gestellt. Es hat nicht geklappt. Oder muss ich dann noch einen Befehl vorabstellen?
Der CSS-Code ist übrigens in Ordnung und muss nicht durchgeschaut werden. Keine Angst.
Die Site funktioniert beim normalen Browser einwandfrei. Auch wenn ich auf die Css-Datei auf meinem Webspace verlinke.
Der Fehler ist also nicht im eigentlichen Inhalt der Css-Datei, sondern im HTML-Code, der Art der Verlinkung zur CSS-Datei oder/und beim ebay-Format.
Gruss
raindog
|
|
| Nach oben |
|
|
benjam4
Bekannter [Mod]
Anmeldung: 17.05.06
Beiträge: 1320
Wohnort: Ostfildern ...
|
| Verfasst am: 19.07.2008, 15:54 Titel: |
|
|
Also wenn du den Code direkt in die HTMl-datei reintun willst, musst du das so machen:
| Code: | <header><style type="text/css">
<!--
hier der code.
-->
</style></header> |
EDIT:
Ich habe mit TurboLister auch schon schlechte Erfahrungen mit html-Vorschau gemacht.
Du könntest es ja mal drauf ankommen lassen, obs als fertiges Angebot passen würde.
_________________
Rechtschreibfehler sind beabsichtigt, sie dienen der Verschleiherung meiner tatsächlichen Genialität
____________________________________
Eine Signatur sie alle zu knechten
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
