Forum portalu Fan-Strefa.pl Forum portalu Fan-Strefa.pl 

Autor Wątek: Problem z tłem na stronie  (Przeczytany 1369 razy)

Stysia

  • Fanatyk
  • ****
  • Wiadomości: 568
  • Reputacja: 6
    • Zobacz profil
    • VANILLA NINJA FANSITE
Problem z tłem na stronie
« dnia: 06 Sierpień 2011, 09:41:02 »
Mam problem z tłem na stronie ninjadiary.com - mianowicie tło nie ukazuje sie na całej stronie, wiecie jak temu zapobiec?
(http://ninjadiary.com/wp-content/uploads/2011/08/dfeeee.jpg)
WWW.VANILLANINJA.NET - POLSKA STRONA FANÓW VANILLA NINJA

Kalleye

  • Gość
Odp: Problem z tłem na stronie
« Odpowiedź #1 dnia: 06 Sierpień 2011, 10:00:17 »
jak masz background: (adres obrazka tła) dodaj repeat.
Ot cała filozofia

Stysia

  • Fanatyk
  • ****
  • Wiadomości: 568
  • Reputacja: 6
    • Zobacz profil
    • VANILLA NINJA FANSITE
Odp: Problem z tłem na stronie
« Odpowiedź #2 dnia: 06 Sierpień 2011, 10:27:31 »
To nic nie daje
może ja psześle kod CSS
body {
     background: #EDEDED repeat;
     color: #292929;
     font-family: 'Arial';
     font-size: 11px;
}

#description {
     display: none;
}

a:link, a:visited {
     color: #D4AEAE;
     font-family: "Arial",sans-serif;
     font-size: 100%;
     font-weight: bold;
     text-decoration: none;
}

a:hover {
     color: #CD0E44;
     font-family: "Arial",sans-serif;
     font-weight: bold;
}

a:focus, a:active {
     color: #CD0E44;
     outline: medium none;
}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
     margin: 0pt;
     padding: 0pt;
}

ul {
     list-style-image: url("images/li.gif");
     margin: 0pt 0pt 0pt 15px;
}

img {
     border: 0pt none;
}

input:focus, input:active {
     outline: medium none;
}

.go-left {
     clear: left;
     float: left;
     overflow: hidden;
}

.go-right {
     clear: right;
     float: right;
     overflow: hidden;
}

.go-center {
     margin: 0pt auto;
     text-align: center;
}

.bold {
     font-weight: bold;
}

.block {
     display: block;
}

.clear {
     clear: both;
}

.align-right {
     text-align: right;
}

.align-left {
     text-align: left;
}

.black-bg {
     background: none repeat scroll 0pt 0pt #1B1B1B;
}

.aligncenter, div.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto;
}

.alignleft {
     float: left;
     margin: 5px;
}

.alignright {
     float: right;
     margin: 5px;
}

.wp-caption {
     background-color: #EDEDED;
     border: 1px solid #DDDDDD;
     margin: 10px;
     padding-top: 4px;
     text-align: center;
}

.wp-caption img {
     border: 0pt none;
     margin: 0pt auto;
     padding: 0pt;
}

.wp-caption p.wp-caption-text {
     font-size: 11px;
     line-height: 17px;
     margin: 0pt;
     padding: 0pt 4px 5px;
}

.wp-smiley {
     display: inline;
}

.white {
     color: #CCCCCC;
}

.content {
     background: none repeat scroll 0pt 0pt #E7E7E7;
}

.post-container {
     background: none repeat scroll 0% 0% #FFFFFF;
     margin: 0px auto;
     overflow: hidden;
     padding: 0pt;
     width: 395px;
}

.post-container-end {
     background: none repeat scroll 0% 0% #FFFFFF;
     height: 40px;
     margin: 0pt;
     overflow: hidden;
     width: 395px;
}

.post-header, .post-header a, .post-header a:visited {
     background: none repeat scroll 0% 0% #D0D0D0;
     color: #FFFFFF;
     font-family: "Arial";
     font-size: 14px;
     font-weight: bold;
     padding: 3px;
     text-align: center;
     text-decoration: none;
     text-shadow: 0px 0px #0A333E;
     width: 395px;
}

.post-header a:hover, .comment a:hover {
     color: #FFF692;
}

.post-information {
     color: #666666;
     margin: 3px 0px;
     text-align: center;
     width: 395px;
}

.separator {
     border-top: 1px dotted #B8B8B8;
     margin: 0px auto;
     width: 390px;
}

.comment, .comment a, .comment a:visited {
     background: none repeat scroll 0% 0% #D0D0D0;
     color: #FFFFFF;
     font-family: "Arial";
     font-size: 14px;
     font-weight: bold;
     margin-bottom: 10px;
     padding: 3px;
     text-align: right;
     text-decoration: none;
     text-shadow: 0px 0px #0A333E;
}

.post-comment {
     background: none repeat scroll 0pt 0pt #E7E7E7;
     color: #000000;
     font-family: Arial;
     font-size: 11px;
     font-weight: bold;
     height: 0pt;
     overflow: hidden;
     text-align: center;
     width: 390px;
}

.post-comment a:link {
     color: #000000;
     font-family: Arial;
}

.post-comment a:hover {
     color: #D38E2E;
     font-family: Arial;
}

.post-content {
     background: none repeat scroll 0% 0% #FFFFFF;
     font-family: "Arial";
     font-size: 11px;
     margin-bottom: 5px;
padding: 2px;
     overflow: hidden;
     padding-top: 1px;
     text-align: left;
     width:385px;
height: 100%;
}

.post-content a:link {
     color: #D4AEAE;
     font-weight: bold;
}

.post-contentx a:hover {
     color: #CD0E44;
     font-weight: bold;
}

.post-contentx {
   
}

.post-content p {
     padding: 0pt 0pt 0pt 5px;
}

.post-content h1 {
     color: #444444;
     font-family: "Trebuchet MS",sans-serif;
     font-size: 1.5em;
     font-weight: bold;
     padding: 0pt;
}

.post-content h2 {
     color: #555555;
     font-family: "Trebuchet MS",sans-serif;
     font-size: 1.47em;
     font-weight: bold;
     padding: 0pt 0pt 15px;
}

.post-content h3, .post-content h4, .post-content h5, .post-content h6 {
     color: #666666;
     font-family: "Trebuchet MS",sans-serif;
     font-size: 1.25em;
     font-weight: bold;
     padding: 0pt 0pt 15px;
}

.post-content blockquote {
     background: none repeat scroll 0pt 0pt #EEEEEE;
     color: #777777;
     font-family: "Arial",sans-serif;
     font-size: 12px;
     font-style: italic;
     margin: 0pt 0pt 15px 20px;
     padding: 10px 10px 0pt;
     width: 360px;
}

.post-content ul, .post-content ol {
     background: none repeat scroll 0pt 0pt #EEEEEE;
     color: #777777;
     font-weight: bold;
     margin: 0pt 0pt 15px;
     padding: 10px 10px 10px 30px;
}

.post-content ul {
     list-style-image: none;
     list-style-type: disc;
}

.post-meta-index {
     background: none repeat scroll 0pt 0pt transparent;
     margin-left: 0pt;
     overflow: hidden;
     width: 348px;
}

.post-meta-single {
     background: none repeat scroll 0pt 0pt #FFFFFF;
     color: #777777;
     font-family: "Verdana",sans-serif;
     font-size: 0.917em;
     font-weight: bold;
     overflow: hidden;
     padding: 15px 10px;
     width: 753px;
}

.post p.post-date {
     background: none repeat scroll 0pt 0pt #8DA8B8;
     border-radius: 10px 10px 10px 10px;
     border: 0pt solid #1C8ED0;
     float: left;
     font-family: arial;
     font-weight: bold;
     height: 55px;
     line-height: 100%;
     margin-bottom: 5px;
     padding: 0pt;
     position: absolute;
     text-align: center;
     width: 52px;
}

.post .post-date span.day {
     color: #FFFFFF;
     font-size: 26px;
     margin-left: 0px;
     margin-top: 10px;
     padding: 0pt;
     position: relative;
     text-align: center;
     top: 30px;
     width: 100%;
}

.post .post-date span.month {
     border-bottom: 0pt solid #FFFFFF;
     color: #FFFFFF;
     font-size: 15px;
     font-weight: bold;
     height: 22px;
     margin-left: 0px;
     margin-top: 10px;
     padding: 0pt;
     position: relative;
     text-transform: uppercase;
     width: 100%;
}

.wp-pagenavi {
     color: #000000;
}

.wp-pagenavi a:link {
     color: #CD0E44;
}

.below-post {
     color: #CCCCCC;
     overflow: hidden;
     padding: 10px 0pt;
     width: 348px;
}

#share-container {
     background: url("images/like-this-post.gif") no-repeat scroll left 20px transparent;
     overflow: hidden;
     padding: 20px 10px 35px 170px;
     width: 495px;
}

#share-container img {
     display: inline;
     float: left;
     margin: 0pt 10px;
}

.comment-container {
     background: none repeat scroll 0pt 0pt #FFFFFF;
     margin: 0pt 0pt 10px;
     overflow: hidden;
     padding: 0pt 0pt 10px;
     width: 368px;
}

.comment-left {
     clear: left;
     color: #000000;
     float: left;
     font-size: 0.834em;
     overflow: hidden;
     text-align: center;
     width: 83px;
}

.comment-right {
     clear: right;
     float: right;
     overflow: hidden;
     width: 280px;
}

.comment-header {
     color: #191919;
     font-size: 1.167em;
     font-style: italic;
     font-weight: bold;
     margin: 0pt 0pt 10px;
     width: 348px;
}

.comment-header a:link, .comment-header a:visited {
     color: #333333;
     font-size: 1.417em;
     font-style: normal;
}

.comment-header a:hover {
     color: #555555;
}

.comment-header .comment-number {
     color: #333333;
     font-size: 1.167em;
     font-style: italic;
     font-weight: bold;
}

.comment-content {
     font-family: "Verdana",sans-serif;
     font-size: 10px;
     line-height: 1.834em;
     text-align: left;
}

.comment-content p {
   
}

.comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 {
     color: #F1D771;
     font-family: "Trebuchet MS",sans-serif;
     font-size: 12px;
     font-weight: bold;
     padding: 0pt 0pt 15px;
}

.comment-content blockquote {
     background: none repeat scroll 0pt 0pt #FFFFFF;
     color: #777777;
     font-family: "Arial",sans-serif;
     font-size: 12px;
     font-style: italic;
     margin: 0pt 0pt 15px;
     padding: 10px 10px 0pt;
}

.comment-content ul, .comment-content ol {
     background: none repeat scroll 0pt 0pt #FFFFFF;
     color: #777777;
     font-weight: bold;
     margin: 0pt 0pt 15px;
     padding: 10px 10px 10px 30px;
}

.comment-content a:link {
     color: #CD0F45;
}

.comment-content ul {
     list-style-image: none;
     list-style-type: disc;
}

.comment-left img {
     border: 1px solid #666666;
     margin: 0pt 0pt 5px;
     padding: 3px;
}

.comment-textarea {
     background: none repeat scroll 0pt 0pt #FFFFFF;
     width: 490px;
}

.comment-input {
     overflow: hidden;
     width: 300px;
}

.search-box {
     height: 21px;
     margin: 0pt 0pt 30px;
     width: 245px;
}

.search-input {
     background: url("images/search-bg.gif") repeat-x scroll 0pt 0pt transparent;
     border: 0pt none;
     color: #555555;
     float: left;
     font-family: "Verdana",sans-serif;
     font-size: 11px;
     height: 21px;
     overflow: hidden;
     padding: 4px 5px;
     width: 195px;
}

.search-button {
     background: url("images/search-button.gif") no-repeat scroll 0pt 0pt transparent;
     border: 0pt none;
     cursor: pointer;
     float: left;
     height: 21px;
     overflow: hidden;
     width: 50px;
}

.img a img {
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #C6CAAA;
}

.img a:visited img {
     border: 1px solid #23162C;
}

.img a:active img {
     border: 1px solid #23162C;
}

.img a:hover img {
     border: 1px solid #1791AB;
}

.nav {
     color: #565656;
     display: block;
     font-family: arial;
     font-size: 10px;
     line-height: 12px;
     margin-bottom: 4px;
     margin-left: 20px;
     padding: 5px;
     text-decoration: none;
}

.nav:hover {
     border-bottom: 2px solid #CECECE;
     display: block;
     font-family: arial;
     font-size: 10px;
     line-height: 12px;
     margin: 0pt 0pt 1px 20px;
     padding: 5px;
     text-decoration: none;
}

.nav:link, a.nico:visited, a.nico:active {
     color: #3B993D;
     font-family: arial;
     font-size: 10px;
}

.nav a:hover {
     color: #122138;
     font-family: arial;
     font-size: 10px;
}

.twitt {
     color: #FFFFFF;
     display: block;
     font-family: arial;
     font-size: 9px;
     line-height: 9px;
     margin-bottom: 3px;
     margin-top: 3px;
     padding: 5px;
}

.twitt a:link {
     color: #D38E33;
}

blockquote {
     background: url("http://i41.tinypic.com/2di0lyh.png") no-repeat scroll 0pt 0pt #FFFFFF;
     border-radius: 2px 2px 2px 2px;
     border: 1px solid #CFCFCF;
     color: #333333;
     font: 10px normal helvetica,sans-serif;
     height: 100px;
     margin-bottom: 10px;
     margin-left: 10px;
     margin-top: 10px;
     padding: 0pt 10px 0pt 100px;
}

.td {
     font-family: arial;
     font-size: 9px;
}

.widget {
     font-size: 9px;
     margin-bottom: 20px;
}

#sidebar {
     background: none repeat scroll 0% 0% #FFFFFF;
     float: left;
     padding-bottom: 5px;
     width: 270px;
}

.side_title {
     background: none repeat scroll 0% 0% #D0D0D0;
     color: #FFFFFF;
     font-family: "Arial";
     font-size: 14px;
     font-weight: bold;
     padding: 3px;
     text-align: center;
     text-decoration: none;
     text-shadow: 0px 0px #0A333E;
}

.sidebar-text {
     background: none repeat scroll 0pt 0pt #FFFFFF;
     color: #191919;
     font-family: "Arial";
     font-size: 11px;
     margin: 5px 3px 7px;
     padding-left: 5px;
     text-align: left;
}

.spacer {
     height: 80px;
}

Co w tym mam zmienić ?
WWW.VANILLANINJA.NET - POLSKA STRONA FANÓW VANILLA NINJA

Kalleye

  • Gość
Odp: Problem z tłem na stronie
« Odpowiedź #3 dnia: 06 Sierpień 2011, 12:26:08 »
Zasadniczo w css masz dobrze. To jest ten szablon co masz na głównej? Bo u mnie widać wszystko cacy, kolor na całości jest.
Jaką masz przeglądarkę? Może to ta coś miesza.

Stysia

  • Fanatyk
  • ****
  • Wiadomości: 568
  • Reputacja: 6
    • Zobacz profil
    • VANILLA NINJA FANSITE
Odp: Problem z tłem na stronie
« Odpowiedź #4 dnia: 06 Sierpień 2011, 13:30:59 »
Zasadniczo w css masz dobrze. To jest ten szablon co masz na głównej? Bo u mnie widać wszystko cacy, kolor na całości jest.
Jaką masz przeglądarkę? Może to ta coś miesza.
Najnowsza opera ...
WWW.VANILLANINJA.NET - POLSKA STRONA FANÓW VANILLA NINJA

Kalleye

  • Gość
Odp: Problem z tłem na stronie
« Odpowiedź #5 dnia: 06 Sierpień 2011, 13:43:18 »
Ja mam firefoxa i mam tło na całej stronie

PA_BLO

  • Administrator
  • Fan Strefowicz
  • *****
  • Wiadomości: 2529
  • Reputacja: 116
    • Zobacz profil
    • Degrassi Poland
Odp: Problem z tłem na stronie
« Odpowiedź #6 dnia: 06 Sierpień 2011, 13:44:24 »
Ja mam firefoxa i mam tło na całej stronie
ja też
Do you want more?


Charlotte

  • Fan
  • ***
  • Wiadomości: 388
  • Reputacja: 0
    • Status GG
    • Zobacz profil
    • Demi Lovato Polska
Odp: Problem z tłem na stronie
« Odpowiedź #7 dnia: 06 Sierpień 2011, 14:54:19 »
Mam najnowszą Operę i jest tak jak u Stysi. Wina przeglądarki.

Skye

  • Let's get fired up:)
  • Administrator
  • Fan Strefowicz
  • *****
  • Wiadomości: 1243
  • Reputacja: 81
    • Zobacz profil
    • Retro Creatives
Odp: Problem z tłem na stronie
« Odpowiedź #8 dnia: 06 Sierpień 2011, 20:52:20 »
a daj      background: #EDEDED  ale bez repeat?
I just wanna live fast, party hard,
make money, be a star
♥♥
Retroscream my name[/center]

Stysia

  • Fanatyk
  • ****
  • Wiadomości: 568
  • Reputacja: 6
    • Zobacz profil
    • VANILLA NINJA FANSITE
Odp: Problem z tłem na stronie
« Odpowiedź #9 dnia: 06 Sierpień 2011, 21:35:00 »
a daj      background: #EDEDED  ale bez repeat?
było tak wczesniej i było to samo
WWW.VANILLANINJA.NET - POLSKA STRONA FANÓW VANILLA NINJA

Kalleye

  • Gość
Odp: Problem z tłem na stronie
« Odpowiedź #10 dnia: 06 Sierpień 2011, 22:10:01 »
A może nie wiem przeglądarka małych liter w kodzie do koloru wymaga i dużych przeczytać nie może?

Skye

  • Let's get fired up:)
  • Administrator
  • Fan Strefowicz
  • *****
  • Wiadomości: 1243
  • Reputacja: 81
    • Zobacz profil
    • Retro Creatives
Odp: Problem z tłem na stronie
« Odpowiedź #11 dnia: 07 Sierpień 2011, 00:59:51 »
a nie jest np. tak, że pod grafiką główną zaczyna Ci się jakiś div, który zawiera menu i notki i który ma szerokość 100% w każdej przeglądarce i nie ma ustawionego tła?
Już ostro kombinuję, ale zaciekawiło mnie to.
I just wanna live fast, party hard,
make money, be a star
♥♥
Retroscream my name[/center]

Forum portalu Fan-Strefa.pl

Odp: Problem z tłem na stronie
« Odpowiedź #11 dnia: 07 Sierpień 2011, 00:59:51 »