WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.8 is now available!


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • a bit modern trouble with template
  • Print
Pages: [1]   Go Down

Author Topic: a bit modern trouble with template  (Read 4310 times)

Ogierini

  • Guest
a bit modern trouble with template
« 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: [Select]
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: [Select]
#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

[gelöscht durch Administrator]
Logged

Offline crnogorac081

  • Posts: 2163
  • Gender: Male
Re: a bit modern trouble with template
« 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
Web developer

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • a bit modern trouble with template
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2