Autor
Nachricht
pptestsite
09.05.2009 um 09:40 (UTC) Titel: Code funktioniert nicht!
Ich hab den code Heruntergeladen, da ich mich überhaupt nicht mit CSS auskenne. Kann mir jemand sagen was Damit nicht stimmt?
<style type="text/css">
/* standard elements */
* {
margin: 0;
padding: 0;
}
a {
color: #F70;
}
a:hover {
color: #C60;
}
body {
background: #0094D6 url(img/bg.gif) repeat-x;
color: #466;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 0;
}
input {
color: #555;
font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
font-size: 1.2em;
padding-bottom: 1.2em;
}
h1 {
font-size: 1.4em;
margin-bottom: 4px;
}
code {
background: url(img/bgcode.gif);
border: 1px solid #F0F0F0;
border-left: 6px solid #39F;
color: #555;
display: block;
font: normal 1.1em "Lucida Sans Unicode",serif;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
cite {
background: url(img/quote.gif) no-repeat;
color: #666;
display: block;
font: normal 1.3em "Lucida Sans Unicode",serif;
padding-left: 28px;
}
h1,h2,h3 {
color: #06C;
padding-top: 6px;
}
/* misc */
.clearer {
clear: both;
}
/* structure */
.container {
background: url(img/topleft.gif) no-repeat;
}
.header {
height: 92px;
}
/* title */
.title {
float: left;
padding: 28px 0 0 76px;
}
.title h1 {
color: #FFF;
font: normal 2em Verdana,sans-serif;
}
/* navigation */
.navigation {
float: left;
height: 92px;
margin-left: 24px;
padding: 0 16px;
}
.navigation a {
color: #FFF;
float: left;
font: bold 1.2em "Trebuchet MS",sans-serif;
margin-top: 56px;
padding: 8px 18px;
text-align: center;
text-decoration: none;
}
.navigation a:hover {
background-color: #4A91C3;
color: #FFF;
}
/* main */
.main {
background: #FFF url(img/bgmain.gif) no-repeat;
clear: both;
padding: 12px 12px 0 52px;
}
/* main left */
.sidenav {
float: left;
width: 24%;
}
.sidenav h1 {
border-bottom: 1px dashed #DDD;
color: #E73;
font-size: 1.2em;
height: 20px;
margin-top: 1.2em;
}
.sidenav ul {
margin: 0;
padding: 0;
}
.sidenav li {
border-bottom: 1px dashed #EEE;
list-style: none;
margin: 0;
}
.sidenav li a {
color: #777;
display: block;
font-size: 0.9em;
padding: 3px 6px 3px 18px;
text-decoration: none;
}
.sidenav li a:hover {
color: #111;
background: url(img/nav_li.gif) no-repeat;
}
/* content */
.content {
float: left;
margin-right: 4%;
width: 69%;
}
.content .descr {
color: #C60;
margin-bottom: 6px;
}
.content li {
list-style: url(img/li.gif);
margin-left: 18px;
}
/* search form */
.styled {
border: 3px double #E5E5E5;
padding: 2px 3px;
}
.button {
border: 1px solid #AAA;
margin-left: 5px;
padding: 2px 3px;
}
/* footer */
.footer {
background: #0094D6 url(img/bgfooter.gif) repeat-x;
color: #C1DEF0;
font-size: 1.1em;
line-height: 40px;
text-align: center;
}
.footer a {
color: #FFF;
text-decoration: none;
}
.footer a:hover {
color: #FFF;
text-decoration: underline;
}
</style>
Zuletzt bearbeitet von pptestsite am 09.05.2009, 10:41, insgesamt einmal bearbeitet
↑
philipp7
Premium
Support-Team
Wohnort: Österreich
09.05.2009 um 09:43 (UTC) Titel:
das ist klar
das design muss noch für den hpbk optimiert werden und die bilder müssen extern hochgeladen werden und dann mit der bild url eingüfen
am besten fragst du mal unter ich suche ob dir das jemand macht
mfg
______________
Forenregeln ,
FAQ ,
Suchfunktion
↑
slackline
↑
pptestsite
09.05.2009 um 10:06 (UTC) Titel:
OK, jetzt hab ich das gemacht was ihr gesagt habt und es sieht allgemein schon viel besser aus, aber was ist gemeint mit "für hpbk optimiert werden"?
So sieht der Code jetzt aus!
<style type="text/css">
<!--
/* standard elements */
* {
margin: 0;
padding: 0;
}
a {
color: #F70;
}
a:hover {
color: #C60;
}
body {
background: #0094D6 url(http://img.webme.com/pic/p/pptestsite/bg.gif) repeat-x;
color: #466;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 0;
}
input {
color: #555;
font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
font-size: 1.2em;
padding-bottom: 1.2em;
}
h1 {
font-size: 1.4em;
margin-bottom: 4px;
}
code {
background: url(http://img.webme.com/pic/p/pptestsite/bgcode.gif);
border: 1px solid #F0F0F0;
border-left: 6px solid #39F;
color: #555;
display: block;
font: normal 1.1em "Lucida Sans Unicode",serif;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
cite {
background: url(http://img.webme.com/pic/p/pptestsite/quote.gif) no-repeat;
color: #666;
display: block;
font: normal 1.3em "Lucida Sans Unicode",serif;
padding-left: 28px;
}
h1,h2,h3 {
color: #06C;
padding-top: 6px;
}
/* misc */
.clearer {
clear: both;
}
/* structure */
.container {
background: url(http://img.webme.com/pic/p/pptestsite/topleft.gif) no-repeat;
}
.header {
height: 92px;
}
/* title */
.title {
float: left;
padding: 28px 0 0 76px;
}
.title h1 {
color: #FFF;
font: normal 2em Verdana,sans-serif;
}
/* navigation */
.navigation {
float: left;
height: 92px;
margin-left: 24px;
padding: 0 16px;
}
.navigation a {
color: #FFF;
float: left;
font: bold 1.2em "Trebuchet MS",sans-serif;
margin-top: 56px;
padding: 8px 18px;
text-align: center;
text-decoration: none;
}
.navigation a:hover {
background-color: #4A91C3;
color: #FFF;
}
/* main */
.main {
background: #FFF url(http://img.webme.com/pic/p/pptestsite/bgmain2.gif) no-repeat;
clear: both;
padding: 12px 12px 0 52px;
}
/* main left */
.sidenav {
float: left;
width: 24%;
}
.sidenav h1 {
border-bottom: 1px dashed #DDD;
color: #E73;
font-size: 1.2em;
height: 20px;
margin-top: 1.2em;
}
.sidenav ul {
margin: 0;
padding: 0;
}
.sidenav li {
border-bottom: 1px dashed #EEE;
list-style: none;
margin: 0;
}
.sidenav li a {
color: #777;
display: block;
font-size: 0.9em;
padding: 3px 6px 3px 18px;
text-decoration: none;
}
.sidenav li a:hover {
color: #111;
background: url(http://img.webme.com/pic/p/pptestsite/nav_li.gif) no-repeat;
}
/* content */
.content {
float: left;
margin-right: 4%;
width: 69%;
}
.content .descr {
color: #C60;
margin-bottom: 6px;
}
.content li {
list-style: url(img/li.gif);
margin-left: 18px;
}
/* search form */
.styled {
border: 3px double #E5E5E5;
padding: 2px 3px;
}
.button {
border: 1px solid #AAA;
margin-left: 5px;
padding: 2px 3px;
}
/* footer */
.footer {
background: #0094D6 url(http://img.webme.com/pic/p/pptestsite/bgfooter.gif) repeat-x;
color: #C1DEF0;
font-size: 1.1em;
line-height: 40px;
text-align: center;
}
.footer a {
color: #FFF;
text-decoration: none;
}
.footer a:hover {
color: #FFF;
text-decoration: underline;
}
-->
</style>
↑
philipp7
Premium
Support-Team
Wohnort: Österreich
09.05.2009 um 10:10 (UTC) Titel:
dass die navi am rechten platz usw. ist
das würde ich aber einen guten coder überlassen
mfg
______________
Forenregeln ,
FAQ ,
Suchfunktion
↑