Ad blocker detected: Our website is made possible by displaying online advertisements to our visitors. Please consider supporting us by disabling your ad blocker on our website.
Support for PhpBB3. Post here to get help with any phpBB3 related issue here
There is no support here! Only Read Access!
Forum rules
In order the get any support, you will have to do following:
1. Use a describing title!
2. Describe your problem and what happened when the problem occured
3. Tell us what version of phpBB3 you are currently using.
Else your topic may be ignored or locked!
GHOSTWRiTAZ
BBCoder II
Posts: 20 Joined: 28 May 2010, 01:09
Post
by GHOSTWRiTAZ » 30 Jun 2010, 18:58
Hey Guys,
Need some of yours expertise advise, hope that someone can help.
What is the right code to have 2 image banners next to eachother ?
This is the code below :
Code: Select all
html, body {
margin: 0;
padding: 0;
text-align: center;
height: 100%;
background: #252525;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #7C7C7C;
font-size: 10px;
}
#container {
height: 100%;
background: #1C1C1C;
width: 97%;
text-align: left;
border: 0;
padding: 0;
margin: 0 auto;
min-width: 900px;
}
#banner {
background: #090909 url('{T_THEME_PATH}/images/header.png') top center no-repeat;
height: 250px;
text-align: center;
}
#header {
background: url('{T_THEME_PATH}/images/top_bg.jpg') top center repeat;
height: 134px;
text-align: center;
}
What I want is to place 2 banners next to each other so I'll have a header.png and header2.png !
Code: Select all
#banner {
background: #090909 url('{T_THEME_PATH}/images/header.png') top center no-repeat;
height: 250px;
text-align: center;
Using v3.0.7-PL1
Best Regards,
Last edited by
GHOSTWRiTAZ on 30 Jun 2010, 19:13, edited 2 times in total.
GHOSTWRiTAZ
BBCoder II
Posts: 20 Joined: 28 May 2010, 01:09
Post
by GHOSTWRiTAZ » 30 Jun 2010, 19:21
Hey Cisco, tnx for your quick reply m8, appreciate this.
Guess the knowledge tutorial is talking about something else :
Tried this but without any luck :
Code: Select all
#banner {
background: #090909 url('{T_THEME_PATH}/images/header.png') top left no-repeat;
background: #090909 url('{T_THEME_PATH}/images/header2.png') top center no-repeat;
height: 250px;
text-align: center;
Example at this site banner looks like this :
and I want 2 banner/images next to each other so the result would look like this :
hope you can help me out m8, tnx..
cisco007
BBCoder VI
Posts: 1015 Joined: 16 Mar 2010, 18:14
Location: Don't really know!
Post
by cisco007 » 30 Jun 2010, 19:25
that is what that link that i gave you to read does, read the whole thing carefully! Did you read it? did you try it?
what were the results!?
GHOSTWRiTAZ
BBCoder II
Posts: 20 Joined: 28 May 2010, 01:09
Post
by GHOSTWRiTAZ » 30 Jun 2010, 20:18
cisco007 » 30 Jun 2010, 19:25 wrote:that is what that link that i gave you to read does, read the whole thing carefully! Did you read it? did you try it?
what were the results!?
Yes m8, tried it and no results at all
KukY13
BBCoder III
Posts: 96 Joined: 26 Jun 2010, 16:23
Contact:
Post
by KukY13 » 01 Jul 2010, 00:14
Try this:
Code: Select all
#banner{background: url(banner1.png) left no-repeat, url(banner2.png) right no-repeat;}
GHOSTWRiTAZ
BBCoder II
Posts: 20 Joined: 28 May 2010, 01:09
Post
by GHOSTWRiTAZ » 01 Jul 2010, 11:53
Thanks KukY13, but unfortunally without any luck
KukY13
BBCoder III
Posts: 96 Joined: 26 Jun 2010, 16:23
Contact:
Post
by KukY13 » 01 Jul 2010, 14:30
Well, CSS 2 doesn't support multiple background images, and in CSS 3 it
is done that way.
So, curently I see no other way of doing this but by placing another <div> inside the main one:
CSS:
Code: Select all
#banner1{
width:100%;
heigth:200px;
margin: 0px;
padding: 0px;
background: url(banner1.png) left no-repeat;}
#banner2{
width:50%;
heigth:200px;
margin: 0px;
padding: 0px;
background: url(banner2.png) right no-repeat;
float: rigth;}
HTML:
Code: Select all
<div id="banner1"><div id="banner2"></div></div>
Hmm... I have a feeling I made an incredibly stupid mistake up there and I left something out...
Steve
BBCoder VI
Posts: 803 Joined: 05 Mar 2010, 01:10
BBCodes: 2000
Favourite BBCode: porn tube
Favourite MOD: Non of Stokers
Location: up your bum
Contact:
Post
by Steve » 01 Jul 2010, 14:42
why not just use a table?
example:
Code: Select all
<table>
<tr>
<td>image1 here</td>
<td>another image here!</td>
<td>and another image ?</td>
</tr>
</table>
NAPWR wrote: Nice, Stoker is Hot