Welcome, Guest. Please login or register.
March 20, 2010, 06:08:18 PM

Login with username, password and session length
Search:     Advanced search
WB 2.8.1 veröffentlicht!
Download und weitere Informationen gibt es hier .
110545 Posts in 15964 Topics by 9310 Members
Latest Member: starnetwork
* Home Help Search Login Register
+  WebsiteBaker Community Forum
|-+  English
| |-+  Templates, Menus & Design (Moderators: Argos, BerndJM)
| | |-+  a bit modern trouble with template
Pages: [1] Go Down Print
Author Topic: a bit modern trouble with template  (Read 181 times)
Ogierini

Offline Offline

Posts: 181


Gebruikersvriendelijkheid staat voorop!


« on: October 13, 2009, 08:42:16 PM »

Hi

I got a really stupid css problem and i have been struggling with this template also for other sites so maybe someone canhelp out?

I got an image in the background that is 1000-2000 PX instead if the earlier 600 by 50 px
This background image is used in the body css.
There is also a wrap css that repeats the background.
Even if I enlarge the position from 600 to 1000 I cant see my background and the page is all recked.

There is an odd background position taken a 5000-5000 px to center the image. I don't see any difference changing this to 50 %.
Can Any one hlep out?
I is the template a bit modern.

These are my codes in the css files. I also enclose a 'how it was' and 'how it goes wrong' picture to explaine.

Code:
body {
    color: #616161;
    font-family: Arial;
    font-size: 80%;
    text-align: center;
    background-color: #179FB7;
    background-image: url(Images/background1.jpg);
    background-repeat: repeat-y;
    background-position: center;
}

Code:
#wrap {
    background-image: url(Images/arrow.gif);
    background-image: url(Images/arrow_outline.gif);
    background-image: url(Images/background1.jpg);
    background-image: url(Images/camera1.gif);
    background-image: url(Images/camera2.gif);
    background-image: url(Images/camera3.gif);
    background-image: url(Images/header.gif);
    background-image: url(Images/selector.gif);
    background-image: url(Images/selector_sub.gif);
    background-repeat: no-repeat;
    background-position: -5000px -5000px;
    margin: 0 auto;
    text-align: left;
    width: 1000px;
}
#header {
    background: url(Images/header.gif) no-repeat left;
    color: #e0e0e0;
    font-weight: bold;
    height: 119px;
    line-height: 120px;
    text-indent: 150px;
    width: 600px;
}


Tnhanks it advance Iene
Logged

Kind regards,

Irene
crnogorac081

Offline Offline

Posts: 1163



« Reply #1 on: October 15, 2009, 01:29:30 AM »

Hi Irene,

From my experience, that -5000 position is used if you have some huge background picture which you want to center. In your case, I do not see such a picture..
Logged

Wow, I coded something myself: PM Messanger Modul ,Searchbox with suggestions
Pages: [1] Go Up Print 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.11 | SMF © 2006-2009, Simple Machines LLC Valid XHTML 1.0! Valid CSS!