Go Back   Novahq.net Forum > Computers > Web design and Programming
Reload this Page Repeating Image and Static BG in same doc?
FAQ Members List Social Groups Calendar Search Today's Posts Mark Forums Read

Web design and Programming Discuss website creation and other programming topics.

Reply
 
Thread Tools Search this Thread Display Modes
  #1  
Old 11-16-2009, 08:57 PM
EDGE is offline EDGE
EDGE's Avatar

Join Date: Feb 2003
Location: North Carolina
Posts: 7,184

Send a message via ICQ to EDGE Send a message via AIM to EDGE Send a message via Yahoo to EDGE
Repeating Image and Static BG in same doc?
I'm having trouble here...

I need to repeat this image horizontally. I've done that, nothing hard to do.



Now, at the same time I need this image to be a static bg image.

http://mutiny-clan.net/forum/styles/.../images/bg.jpg

Any solutions? I'm stuck.

HTML or CSS solutions will work. Either one. I don't really care. Thanks for any help in advance.
__________________
Quote:
Voltaire
It is forbidden to kill; therefore all murderers are punished unless they kill in large numbers and to the sound of trumpets.
Reply With Quote
  #2  
Old 11-16-2009, 09:27 PM
Scott is offline Scott
Scott's Avatar
AKA. Panther

Join Date: Sep 2001
Location: Minneapolis, MN
Posts: 10,920
Your repeating background should be defined in your body css and the static bg image should be in a div. You cannot define two body background images at once.
Code:
body { 
	background:url('repeat_bg') repeat x;
	height:100px;
}

#cntr_bgimg {
	width: 100%;
	height: 100%;
	background:url('static_bg') no-repeat center center;
	margin: 0;
}
After the body tag insert:
Code:
<div id="cntr_bgimg"></div>
Change "center center" to where you want the image on your background.

ref: http://www.w3schools.com/css/css_background.asp
__________________

04' Dodge SRT-4, Mopar Stage 3, 406whp/436wtq
Reply With Quote
  #3  
Old 11-16-2009, 10:10 PM
EDGE is offline EDGE
EDGE's Avatar

Join Date: Feb 2003
Location: North Carolina
Posts: 7,184

Send a message via ICQ to EDGE Send a message via AIM to EDGE Send a message via Yahoo to EDGE
Thanks scott. Ok, how about two repeating images? One horizontal and one vertical. Same thing just altered attributes?
__________________
Quote:
Voltaire
It is forbidden to kill; therefore all murderers are punished unless they kill in large numbers and to the sound of trumpets.
Reply With Quote
  #4  
Old 11-16-2009, 11:49 PM
atholon is offline atholon
"ath-hole"

Join Date: Jan 2003
Location: Failville.
Posts: 11,357

Send a message via MSN to atholon
yeah, repeat:x or repeat:y
__________________
Reply With Quote
  #5  
Old 11-17-2009, 12:34 AM
EDGE is offline EDGE
EDGE's Avatar

Join Date: Feb 2003
Location: North Carolina
Posts: 7,184

Send a message via ICQ to EDGE Send a message via AIM to EDGE Send a message via Yahoo to EDGE
Quote:
Originally Posted by atholon View Post
yeah, repeat:x or repeat:y
LIAR!

ok, maybe I'm just dumb.

Code:
body {
	color: #536482;
	background-color: #141310;
	background-image: url("{T_THEME_PATH}/images/bg_repeat2.png");
	background-repeat:repeat-y;
	background-position: center;
}
#cntr_bgimg {
	width: 100%;
	height: 100%;
	background-image: url("{T_THEME_PATH}/images/bg_repeat_horiz.png");
	background-repeat:repeat-y;
	background-position:absolute;
	margin: 0;
}
I have bg_repeat2.png repeating correctly, but bg_repeat_horiz.png won't repeat. Maybe I'm overlooking something.
__________________
Quote:
Voltaire
It is forbidden to kill; therefore all murderers are punished unless they kill in large numbers and to the sound of trumpets.
Reply With Quote
  #6  
Old 11-17-2009, 01:19 AM
EDGE is offline EDGE
EDGE's Avatar

Join Date: Feb 2003
Location: North Carolina
Posts: 7,184

Send a message via ICQ to EDGE Send a message via AIM to EDGE Send a message via Yahoo to EDGE
Actually Scott, if you've got some free time within the next few days could you possibly take a look at this forum coding for me?

I'm setting up a phpbb forum for my clan and trying to design a custom skin for it. Well, my coding isn't exactly working correctly.

So, if you could could I email you the information and the coding that I need looked at and possibly fixed? If not it's cool, I'll eventually figure it out haha
__________________
Quote:
Voltaire
It is forbidden to kill; therefore all murderers are punished unless they kill in large numbers and to the sound of trumpets.
Reply With Quote
  #7  
Old 11-17-2009, 10:02 AM
Scott is offline Scott
Scott's Avatar
AKA. Panther

Join Date: Sep 2001
Location: Minneapolis, MN
Posts: 10,920
You can send me an email but I can't promise that I will get it to very soon. I've got finals all this week and next.
__________________

04' Dodge SRT-4, Mopar Stage 3, 406whp/436wtq
Reply With Quote
  #8  
Old 11-17-2009, 10:18 AM
Steve is offline Steve
Steve's Avatar
Administrator

Join Date: Sep 2001
Location: 2077
Posts: 21,552

Send a message via ICQ to Steve
Scott you're such a slacker
Reply With Quote
  #9  
Old 11-17-2009, 10:52 AM
atholon is offline atholon
"ath-hole"

Join Date: Jan 2003
Location: Failville.
Posts: 11,357

Send a message via MSN to atholon
Code:
#div1
{
background-image:url('picA.png');
background-repeat:repeat-x;
height:200px;
}
#div2
{
background-image:url('picB.png');
background-repeat:repeat-y;
height:500px;
}
__________________
Reply With Quote
  #10  
Old 11-17-2009, 02:59 PM
Scott is offline Scott
Scott's Avatar
AKA. Panther

Join Date: Sep 2001
Location: Minneapolis, MN
Posts: 10,920
Quote:
Originally Posted by atholon View Post
Code:
#div1
{
background-image:url('picA.png');
background-repeat:repeat-x;
height:200px;
}
#div2
{
background-image:url('picB.png');
background-repeat:repeat-y;
height:500px;
}
__________________

04' Dodge SRT-4, Mopar Stage 3, 406whp/436wtq
Reply With Quote
  #11  
Old 11-17-2009, 02:59 PM
Scott is offline Scott
Scott's Avatar
AKA. Panther

Join Date: Sep 2001
Location: Minneapolis, MN
Posts: 10,920
Quote:
Originally Posted by Steve View Post
Scott you're such a slacker
Cant wait to be done with this school crap!!!!!!!!!
__________________

04' Dodge SRT-4, Mopar Stage 3, 406whp/436wtq
Reply With Quote
  #12  
Old 11-17-2009, 03:19 PM
Steve is offline Steve
Steve's Avatar
Administrator

Join Date: Sep 2001
Location: 2077
Posts: 21,552

Send a message via ICQ to Steve
Reply With Quote
  #13  
Old 11-18-2009, 11:54 AM
atholon is offline atholon
"ath-hole"

Join Date: Jan 2003
Location: Failville.
Posts: 11,357

Send a message via MSN to atholon
Quote:
Originally Posted by Scott View Post
Cant wait to be done with this school crap!!!!!!!!!
I hear that man. My engineering physics class is kicking my butt. Stupid professors.
__________________
Reply With Quote
  #14  
Old 11-21-2009, 10:00 PM
EDGE is offline EDGE
EDGE's Avatar

Join Date: Feb 2003
Location: North Carolina
Posts: 7,184

Send a message via ICQ to EDGE Send a message via AIM to EDGE Send a message via Yahoo to EDGE
Do either of you know much about phpbb skinning? The trouble I'm having is implementing this correctly into the css and the php templates.

Code:
<style type="text/css">
#div1
{
	background-image:url('images/repeat_left_right.png');
	background-repeat:repeat-x;
	height:100%;
}
#div2
{
	background-image:url('images/forum_repeat_vert.png');
	background-repeat:repeat-y;
	background-position:center;
	height:1100px;
}
#div3
{
	background-image:url('images/bg_bottom.png');
	background-repeat:no-repeat;
	background-position:bottom;
	height:100%;
}
p.sansserif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 75%;
	font-weight: bold
}
</style>
I know to implement each section of css, I have to edit common.css and colours.css.

and then this into the templates

Code:
<body background="images/forum_bg.png" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div align="center">
<div id="div1">
<div id="div2">
<div id="div3">
<table id="Table_01" width="1060" height="205" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="3">
			<img src="images/head_01.png" width="42" height="205" alt=""></td>
		<td>
			<a href="http://mutiny-clan.net/"><img border="0" src="images/head_02.png" width="975" height="117" alt=""></a></td>
		<td rowspan="3">
			<img src="images/head_03.png" width="43" height="205" alt=""></td>
	</tr>
	<tr>
		<td background="images/head_04.png" width="975" height="50" alt="" valign="center">
        <p class="sansserif">Home | Roster | Forum | Apply | Clan Wars | Contact</p></td>
	</tr>
	<tr>
		<td>
			<img src="images/head_05.png" width="975" height="38" alt=""></td>
	</tr>
</table>
</div>
</div>
</div>
</div>
I've been putting this code into the overall_header.php template in the admin control panel.

The coding on each is right, but for some reason implementing it into the css coding and templates through the ACP is harder than I though.

You can see an example of what it's supposed to look like if you go HERE

Anyone help from anyone would definitely be appreciated.
__________________
Quote:
Voltaire
It is forbidden to kill; therefore all murderers are punished unless they kill in large numbers and to the sound of trumpets.
Reply With Quote
  #15  
Old 11-22-2009, 10:47 PM
atholon is offline atholon
"ath-hole"

Join Date: Jan 2003
Location: Failville.
Posts: 11,357

Send a message via MSN to atholon
Sorry, I have not messed around with their themes lately. I just changed the logo and kept their default skin
__________________
Reply With Quote
Reply

« Previous Thread | Next Thread »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Rocket Doc DevilDog#1 Hardware and Software 3 11-14-2008 06:22 PM
Doc's memorial Chrispy General Chat 4 04-12-2008 09:21 PM
bg image? GeeFuss Web design and Programming 8 08-10-2007 08:18 PM
BG Image in Table Guest phphq.Net Forums 2 11-10-2005 04:53 AM
keeping images from repeating itself? General Nuisance Web design and Programming 12 06-29-2005 08:07 PM


All times are GMT -5. The time now is 06:20 AM.

Novahq.net - Archive - Top



Powered by vBulletin®