|
 |
  |
| Autor |
Nachricht |
!nstyledesign
Neuer [User]
Anmeldung: 26.07.08
Beiträge: 3
|
 Verfasst am: 27.07.2008, 00:20 Titel: Ebay Vorlage mit CSS und kleine Hindernisse, bin verzweifelt |
 |
|
Hallo Leute.
Ich bin echt am verzweifeln. Seit mehreren Wochen versuche ich nun eine brauchbare Vorlage für meine Auktionen zu gestalten. Bin Anfänger und habe schon einiges selbst rausgefrimelt aber es reicht dann doch nicht.
Ich habe mir eine Vorlage für eine Homepage gestalltet und sie wird auch richtig auf der Seite dargestellt. Nun habe ich wersucht, diese Vorlage als Vorlage für meine e-bay Auktionen zu nehmen aber es klappt einfach nicht.
So sieht es auf der Page aus und so sollte es auch bei ebay aussehen  http://instyledesign.in.funpic.de/
leider sieht es bei ebay total anders aus.
http://cgi.ebay.de/ws/eBayISAPI.dll?ViewItem&item=280250319612
Die Tabelle ist völlig links und der Hintergrund erstreckt sich über alles, über die gesamte Seite, ich will aber dass es nur als Hintergrund in der Artikelbeschreibung erscheint.
Desweiteren ist die Seite total breit...sie erstreckt sich bis ins Unendliche!
Habt Ihr irgendwelche Tipps für mich und könnt mir weiterhelfen? Bin für jede Hilfe bin sehr sehr dankbar.
Ich füge noch den Code ein mit der Hoffnung, dass es nur eine Kleinigkeit ist die leicht behoben werden kann.
| Code: | <FONT size=7><STRONG>Bitte nicht bieten, dies ist nur ein Test!!!</STRONG></FONT>
<DIV class=style4 id=wrapper style="RIGHT: 89px; WIDTH: 1000px; HEIGHT: 1800px">
<DIV class=style3 id=container style="RIGHT: -1px; WIDTH: 985px; HEIGHT: 1784px">
<DIV class=title>
<H1 class=style2>Willkommen bei</H1></DIV>
<DIV class=header><IMG class=style5 style="FLOAT: right" height=220 alt="" src="http://instyledesign.funpic.de/img/ZZ_C_043_035.jpg" width=235></DIV>
<DIV class=navigation>
<DIV class=clearer></DIV></DIV>
<DIV class=main id=two-columns>
<DIV class=col2>
<DIV class=left>
<DIV class=content><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></DIV></DIV>
<DIV class=right>
<DIV class=content>
<H2>Something</H2>
<UL class=block>
<LI><A href="http://cgi5.ebay.de/ws/index.html">pellentesque</A></LI>
<LI><A href="http://cgi5.ebay.de/ws/index.html">sociis natoque</A></LI>
<LI><A href="http://cgi5.ebay.de/ws/index.html">semper</A></LI>
<LI><A href="http://cgi5.ebay.de/ws/index.html">convallis</A></LI></UL>
<H2>Another thing</H2>
<UL class=block>
<LI><A href="http://cgi5.ebay.de/ws/index.html">consequat molestie</A></LI>
<LI><A href="http://cgi5.ebay.de/ws/index.html">sem justo</A></LI>
<LI><A href="http://cgi5.ebay.de/ws/index.html">semper</A></LI>
<LI><A href="http://cgi5.ebay.de/ws/index.html">sociis natoque</A></LI></UL>
<H2>Third and last</H2>
<UL class=block>
<LI><A href="http://cgi5.ebay.de/ws/index.html">sociis natoque</A></LI>
<LI><A href="http://cgi5.ebay.de/ws/index.html">magna sed purus</A></LI>
<LI><A href="http://cgi5.ebay.de/ws/index.html">tincidunt</A></LI>
<LI><A href="http://cgi5.ebay.de/ws/index.html">consequat molestie</A></LI></UL>
<H2>And some text</H2>
<P>Donec ligula lorem, varius eget, semper eget, aliquet quis, lectus. Vestibulum ipsum nunc, aliquet quis, blandit ac, varius a, est.</P></DIV></DIV>
<DIV class=clearer></DIV></DIV>
<DIV class=bottom>
<DIV class=left>
<H2>Previous entries</H2>
<UL class=block>
<LI><A href=""><SPAN>Sodales</SPAN><EM>Vestibulum ipsum nunc, aliquet quis</EM></A></LI>
<LI><A href=""><SPAN>Varius eget</SPAN><EM>Donec ligula lorem, varius eget</EM></A></LI>
<LI><A href=""><SPAN>Integer varius</SPAN><EM>Nam semper ornare ipsum</EM></A></LI>
<LI><A href=""><SPAN>Vehicula</SPAN><EM>Cras sed purus non justo</EM></A></LI></UL></DIV>
<DIV class=right>
<H2>About</H2>
<P>Sed, luctus vitae, dolor. Nunc mauris eros, vehicula id, fermentum non, semper ac, nisl. Cras sed purus non justo lobortis rhoncus. Morbi consectetuer augue.</P>
<H2>From the gallery</H2>
<TABLE>
<TBODY>
<TR>
<TD><A href="http://cgi5.ebay.de/Handel/3245-3616_3245_1.jpg"><IMG height=90 alt="" src="http://cgi5.ebay.de/ws/img/thumb.gif" width=110></A></TD>
<TD style="WIDTH: 5px"></TD>
<TD><IMG height=90 alt="" src="http://cgi5.ebay.de/ws/img/thumb.gif" width=110></TD>
<TD style="WIDTH: 5px"></TD>
<TD><IMG height=90 alt="" src="http://cgi5.ebay.de/ws/img/thumb.gif" width=110></TD></TR></TBODY></TABLE></DIV>
<DIV class=clearer></DIV></DIV>
<DIV class=footer>
<DIV class=left>Copyright © 2008 <A href="http://cgi5.ebay.de/ws/index.html"><SPAN class=style6>!nStyle & Design</SPAN></A></DIV>
<DIV class=right><A href="http://templates.arcsin.se/">Website </A>by <SPAN class=style6><A href="mailto:instyledesign@gmx.de">!nStyle & Desig</A></SPAN>n </DIV>
<DIV class=clearer></DIV></DIV></DIV></DIV></DIV><HEADER>
<STYLE type=text/css>
<!--{margin: 0; padding: 0;}
body {
background: #7C6F5C url(http://instyledesign.in.funpic.de/img/bg.jpg);
color: #222;
font: normal 62.5% sans-serif;
padding: 0;
}
a {color: #642;}
a:hover {color: #963;}
big {font-size: 1.1em;}
h1,h2,h3 {color: #442; padding: 8px 0 2px;}
h1 {font: normal 2.4em serif,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}
h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}
blockquote {
background: url('http://instyledesign.in.funpic.de/img/quote.gif') no-repeat;
display: block;
font: normal 1.1em Georgia,serif;
padding-left: 26px
}
form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul {padding: 0 2em 1.2em;}
/* structure */
#wrapper {
background: #332 url(http://instyledesign.in.funpic.de/img/wrapper.gif) no-repeat left bottom;
margin: 0 auto;
width: 762px;
}
#container {
background: #FBF9F4;
border-top: 6px solid #332;
font-size: 1.3em;
line-height: 1.3em;
margin: 0 auto;
width: 750px;
}
/* header */
.title {
background: #E2DED4 url(http://instyledesign.in.funpic.de/img/header-h1.jpg) repeat-x;
border-top: 1px solid #996;
}
.title h1 {
color: #441;
font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
padding: 10px 0 10px 18px;
}
.header {
border-top: 2px solid #663;
background: #DAD7C5 url(http://instyledesign.in.funpic.de/img/header.jpg) no-repeat left bottom;
height: 220px;
}
/* navigation */
.navigation {
background: #DED9D0 url(http://instyledesign.in.funpic.de/img/nav.gif) repeat-x; height: 41px;
border-top: 1px solid #996;
}
.navigation a {
background: #FFF url(http://instyledesign.in.funpic.de/img/nav.gif) repeat-x;
border-right: 1px solid #C9C6B3;
color: #553;
float: left;
font: bold 1em Tahoma,sans-serif;
padding: 0 14px;
line-height: 41px;
text-align: center;
text-decoration: none;
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}
/* main */
.main#two-columns {background: #FFF url(http://instyledesign.in.funpic.de/img/two-columns.gif) repeat-y;}
/* bottom */
.bottom {
background: #DCDAC9 url(http://instyledesign.in.funpic.de/img/bottom.gif) no-repeat left bottom;
border-top: 1px solid #AA8;
color: #444;
padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}
/* footer */
.footer {
background: #332;
color: #EED;
padding: 10px;
}
.footer .left {width: 66%;}
.footer .right {
width: 33%;
text-align: right;
}
.footer a {
color: #FFF;
text-decoration: none;
}
.footer a:hover {
color: #FFF;
text-decoration: underline;
}
/* gallery */
.gallery td {
vertical-align: top;
text-align: center;
}
.gallery em {display: block;}
/* misc */
.clear,.clearer {clear: both;}
.clearer {font-size: 0;}
.col2 .left {width: 64%;}
.col2 .right .content {background: #FFF;}
.col2 .right {width: 33%;}
.content {padding: 18px 20px;}
.left {float: left;}
.right {float: right;}
.right .content {padding: 18px 12px 12px;}
/* block list */
ul.block {
border-top: 1px dashed #BCBAAC;
margin: 4px 0;
padding: 0;
width: 90%;
}
.block li {
border-bottom: 1px dashed #BCBAAC;
list-style: none;
}
.block li a,.block li em {
color: #553;
display: block;
}
.block li em {
font-size: 0.9em;
font-style: normal;
}
.block li a {
padding: 4px 3%;
text-decoration: none;
width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
background: #D2D0C0;
color: #553;
}
.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}
-->
</STYLE>
</HEADER> |
|
|
| Nach oben |
|
 |
!nstyledesign
Neuer [User]
Anmeldung: 26.07.08
Beiträge: 3
|
| Verfasst am: 30.07.2008, 18:49 Titel: |
|
|
kann mir denn keiner weiterhelfen? 
|
|
| Nach oben |
|
|
benjam4
Bekannter [Mod]
Anmeldung: 17.05.06
Beiträge: 1311
Wohnort: Ostfildern ...
|
| Verfasst am: 30.07.2008, 19:33 Titel: |
|
|
zum hintergrund:
ist doch klar, das dein BG-Bild für die ganze Seite benutzt wird, wenn du es bei body: einbaust.
Mach einen DIV um deine Artikelbeschreibung und verpass dem das BG-Bild.
Und was meinst du mit "deine seite erstreckt sich bis ins unendliche"?
_________________
Rechtschreibfehler sind beabsichtigt, sie dienen der Verschleiherung meiner tatsächlichen Genialität 
____________________________________
Eine Signatur sie alle zu knechten
|
|
| Nach oben |
|
|
!nstyledesign
Neuer [User]
Anmeldung: 26.07.08
Beiträge: 3
|
| Verfasst am: 30.07.2008, 20:54 Titel: |
|
|
hallo,
vielen Dank für deine Antwort!
mit ins unednliche meine ich, dass die Seite total breit dargestellt wird zumindest bei mir. ich muss ewig nach rechts scrollen um den rechten Rand zu sehen. wird es bei dir nicht so dargestellt? Ich nutze den IE 7
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
