Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Old 01-06-2008, 04:24 AM Shifting to the left
Skilled Talker

Posts: 97
Name: Shane
Trades: 1
Is it possible to shift this over to the left far enough to allow for an advertising column to go down the right side of the page?

PHP Code:
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 
background-color#FFFFFF;
 /* scrollbar-arrow-color:  #1D2938;
 scrollbar-face-color: #9DB3CC;
 scrollbar-track-color: #D6DEE9;
 scrollbar-highlight-color: #C8D3E1;
 scrollbar-3dlight-color: #EAEFF4;
 scrollbar-shadow-color: #7492B6;
 scrollbar-darkshadow-color: #3A5370;*/
}
.
pageHeader{
 
margin0px
 
padding3px
 
margin-bottom5px
 
font-familyVerdanaArialHelveticasans-serif;
 
font-size3em
 
font-weight900
 
color#FFFFFF;
 
background-color#F1F5F9;
 
border-bottom1px solid #0053A2;
 
background-imageurl(Athena/images/cell2.gif);
}
/* General font families for common tags */
font,th,td,{
 
font-familyVerdanaArialHelveticasans-serif;
 
font-size12px;
}
{
 
text-decorationunderline;
 
color#0053A2;
}
a:visited {
 
text-decorationunderline;
 
color#00468C;
}
a:hover,a:active {
 
text-decorationunderline;
 
color#FF6633;
}
hr {
 
height0px;
 
bordersolid #0053A2 0px;
 
border-top-width1px;
}
/* This is the outline round the main forum tables */
.forumline {
 
background-color#0053A2;
 
border1px solid #0053A2;
 
border-collapsecollapse;
}
/* Profile data. Visible only with eXtreme Styles mod. */
.profileline {
 
background-color#B8CEE4;
}
td.profile {
 
background-color#F4F7FE;
 
font-size10px;
 
color#0053A2;
}
/* Main table cell colours and backgrounds. row1 - row3 are set in overall_header.tpl */
.row4 {
 
background-color#EAEDF4;
}
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
.rowpic {
 
background-color#FFFFFF;
}
/* Header cells - the blue and silver gradient backgrounds */
th,td.th {
 
color#0053A2;
 
font-size12px;
 
font-weightbold;
 
background-color#F1F5F9;
 
height26px;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight {
 
background-color#F1F5F9;
 
height28px;
 
text-aligncenter;
}
td.catBottom {
 
background-color#F1F5F9;
 
height28px;
}
td.th2 {
 
background-color#F1F5F9;
 
height20px;
 
color#000000;
}
td.spaceRow {
 
background-color#F1F5F9;
 
color#000000;
}
td.topicRow {
 
border-bottom0px;
}
/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
 /* The largest text used in the index page title and toptic title etc. */
h1,h2 {
 
font-weightbold;
 
font-size18px;
 
font-family"Trebuchet MS"VerdanaArialHelveticasans-serif;
 
text-decorationnone;
 
line-height120%;
 
color#000000;
}
.
maintitle {
 
font-weightbold;
 
font-size18px;
 
font-family"Trebuchet MS"VerdanaArialHelveticasans-serif;
 
text-decorationnone;
 
line-height120%;
 
color#FFFFFF;
}
.
subtitle {
 
font-size16px;
 
font-familyArialHelveticasans-serif;
 
text-decorationnone;
 
font-weightbold;
 
color#FFFFFF;
}
/* General text */
.gen {
 
font-size12px;
}
.
genmed {
 
font-size11px;
}
.
gensmall,.gensmall2 {
 
font-size10px;
}
.
gen,.genmed,.gensmall {
 
color#000000;
}
a.gen,a.genmed,a.gensmall {
 
color#0053A2;
 
text-decorationunderline;
}
a.gen:visited,a.genmed:visited,a.gensmall:visited {
 
color#00468C;
 
text-decorationunderline;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover {
 
color#FF6633;
 
text-decorationunderline;
}
a.gen:active,a.genmed:active,a.gensmall:active {
 
color#FF6633;
 
text-decorationunderline;
}
/* Forum category titles */
.cattitle {
 
font-weightbold;
 
font-size12px;
 
letter-spacing1px;
 
color#EAEDF4;
}
a.cattitle,.cattitle a {
 
text-decorationnone;
 
color#EAEDF4;
}
a.cattitle:visited,.cattitle a:visited {
 
text-decorationnone;
 
color#EAEDF4;
}
a.cattitle:hover,a.cattitle:active,.cattitle a:hover,.cattitle a:active
 
{
 
text-decorationunderline;
 
color#FFFFFF;
}
/* Forum title: Text and link to the forums used in: index.php */
.forumlink {
 
font-weightbold;
 
font-size12px;
 
color#0053A2;
}
a.forumlink {
 
text-decorationnone;
 
color#0053A2;
}
a.forumlink:visited {
 
text-decorationnone;
 
color#00468C;
}
a.forumlink:hover,a.forumlink:active {
 
text-decorationunderline;
 
color#FF6633;
}
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav {
 
font-weightbold;
 
font-size11px;
 
color#0053A2;
}
a.nav,a.nav:visited {
 
text-decorationunderline;
 
color#0053A2;
}
a.nav:hover,a.nav:active {
 
text-decorationunderline;
 
color#FF6633;
}
/* titles for the topics: could specify viewed link colour too */
.topictitle {
 
font-weightbold;
 
font-size11px;
 
color#000000;
}
a.topictitle {
 
text-decorationunderline;
 
color#0053A2;
}
a.topictitle:visited {
 
text-decorationunderline;
 
color#00468C;
}
a.topictitle:hover,a.topictitle:active {
 
text-decorationunderline;
 
color#FF6633;
}
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name {
 
font-size11px;
 
color#000000;
}
a.name {
 
text-decorationunderline;
 
color#0053A2;
}
a.name:visited {
 
text-decorationunderline;
 
color#00468C;
}
a.name:hover,a.name:active {
 
text-decorationunderline;
 
color#FF6633;
}
/* Location, number of posts, post date etc */
.postdetails {
 
font-size10px;
 
color#000000;
}
/* The content of the posts (body of text) */
.postbody {
 
font-size12px;
}
a.postlink {
 
text-decorationunderline;
 
color#0053A2;
}
a.postlink:visited {
 
text-decorationunderline;
 
color#00468C;
}
a.postlink:hover,a.postlink:active {
 
text-decorationunderline;
 
color#FF6633;
}
a.postlink2,a.postlink2:visited {
 
text-decorationunderline;
 
color#000000;
}
a.postlink2:hover,a.postlink2:active {
 
text-decorationunderline;
 
color#FF6633;
}
/* Quote & Code blocks */
.code {
 
font-familyCourier'Courier New'sans-serif;
 
font-size11px;
 
color#0053A2;
 
background-color#FDFEFF;
 
border#00468C;
 
border-styledotted;
 
border-left-width1px;
 
border-top-width1px;
 
border-right-width1px;
 
border-bottom-width1px
}
.
quote {
 
font-familyVerdanaArialHelveticasans-serif;
 
font-size11px;
 
color#00468C;
 
line-height125%;
 
background-color#FDFEFF;
 
border#00468C;
 
border-styledotted;
 
border-left-width1px;
 
border-top-width1px;
 
border-right-width1px;
 
border-bottom-width1px
}
/* Copyright and bottom info */
.copyright {
 
font-size10px;
 
font-familyVerdanaArialHelveticasans-serif;
 
color#444444;
 
letter-spacing: -1px;
}
a.copyright {
 
color#444444;
 
text-decorationnone;
}
a.copyright:hover {
 
color#000000;
 
text-decorationunderline;
}
/* Form elements */
input,textarea,select {
 
color#000000;
 
fontnormal 11px VerdanaArialHelveticasans-serif;
}
form {
 
displayinline;
}
/* The text input fields background colour */
input.post,textarea.post,select {
 
background-color#FFFFFF;
}
input {
 
text-indent2px;
}
/* The buttons used for bbCode styling in message post */
input.button {
 
background-color#EAEDF4;
 
color#000000;
 
font-size11px;
 
font-familyVerdanaArialHelveticasans-serif;
}
/* The main submit button option */
input.mainoption {
 
background-color#FAFAFA;
 
font-weightbold;
}
/* None-bold submit button */
input.liteoption {
 
background-color#FAFAFA;
 
font-weightnormal;
}
/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
input.helpline {
 
background-color#F4F7FE;
 
bordersolid 1px #F4F7FE;
}
/*
 MERGED FROM OTHER FILES
*/
.row1 {
 
background-color#EFF2F9;
}
.
row1_over {
 
background-color#F8F9FC;
}
.
row2 {
 
background-color#F4F7FE;
}
.
row2_over {
 
background-color#FDFEFF;
}
.
row3,.row3Right {
 
background-color#EAEDF4;
}
.
row3_over {
 
background-color#F4F5F9;
}
th,td.th,td.spacerow {
 
background-imageurl(Athena/images/cell1.gif);
}
td.th2 {
 
background-imageurl(Athena/images/cell1.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight {
 
background-imageurl(Athena/images/cell2.gif);
}
td.catBottom {
 
background-imageurl(Athena/images/cell3.gif);
}
td.profile {
 
background-imageurl(Athena/images/post_bg2.gif);
}
/*
// row colors
 'row1'   => '#EFF2F9',
 'row1_hover' => '#F8F9FC',
 'row2'   => '#F4F7FE',
 'row2_hover' => '#FDFEFF',
 'row3'   => '#EAEDF4',
 'row3_hover' => '#F4F5F9',
 // enable/disable cells hover
 'cell_hover' => true,
 // enable/disable clickable cells
*/
.borderline {
 
border1px solid #0053A2;
 
border-collapsecollapse;
}
.
fullborderline {
 
border1px solid #0053A2;
 
border-collapsecollapse;
}
.
highlight {
 
background-colorwhite
}
a.highlight,a.highlight:visited,.highlight a,.highlight a:visited,a.highlight:hover,.highlight a:hover,a.highlight:active,.highlight a:active
 
{
 
text-decorationnone;
}
.
postbody q {
 
border1px dotted #999999;
 
displayblock;
 
margin-left40px;
 
margin-right40px;
 
padding5px;
 
font-styleitalic;

smokin gun is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 01-06-2008, 07:55 AM Re: Shifting to the left
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
shift what to the left?
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 01-06-2008, 01:07 PM Re: Shifting to the left
Skilled Talker

Posts: 97
Name: Shane
Trades: 1
the entire page
smokin gun is offline
Reply With Quote
View Public Profile
 
Old 01-06-2008, 01:18 PM Re: Shifting to the left
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Right then.
So, are you going to show us the page so we can tell you, or shall we simply guess from looking at some dis-jointed CSS?
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 01-07-2008, 08:02 AM Re: Shifting to the left
Average Talker

Posts: 17
Trades: 1
It looks like a forum from the comments in the code. So there has to be an outside container div or it is all one big table. Which one is it, a table or a div?
Majic is offline
Reply With Quote
View Public Profile
 
Old 01-09-2008, 01:10 AM Re: Shifting to the left
Skilled Talker

Posts: 97
Name: Shane
Trades: 1
Im sorry....it is a forum http://www.americangreyhounds.com

I would like to shift the entire page to the left to allow for advertising space on the right like this:
http://boards.globalgreyhounds.com/e...rm/f/263095324

Last edited by smokin gun; 01-09-2008 at 01:13 AM..
smokin gun is offline
Reply With Quote
View Public Profile
 
Old 01-10-2008, 11:15 PM Re: Shifting to the left
serandfae's Avatar
Do the "Evil Nanner" !!!

Posts: 8,936
Name: Tim Daily
Location: Apex, NC, US, Sol 3
Trades: 0
Check the sticky CSS Resource Sites 2, but this article is the most appropriate to what you're wanting to do:

http://wellstyled.com/css-2col-fluid-layout.html

You can specify widths for your forum section and ads section pretty well this way.
__________________
SEO "experts" smell like Big Fish_|_
Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

serandfae is offline
Reply With Quote
View Public Profile Visit serandfae's homepage!
 
Old 01-11-2008, 12:45 AM Re: Shifting to the left
Skilled Talker

Posts: 97
Name: Shane
Trades: 1
OK.......I am getting closer to what I want. I was able to shift the "forum" to the left side of the page. I would like for all of the ads on the bottom left of the page to actually be on the top right hand side directly below the "Google" ad.

Here is a link to the forum so that you can see what I mean:
http://abcdefg.activeboard.com/
smokin gun is offline
Reply With Quote
View Public Profile
 
Old 01-11-2008, 05:56 PM Re: Shifting to the left
serandfae's Avatar
Do the "Evil Nanner" !!!

Posts: 8,936
Name: Tim Daily
Location: Apex, NC, US, Sol 3
Trades: 0
Oh. Well, I see you found out how to do it. Good show.
__________________
SEO "experts" smell like Big Fish_|_
Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

serandfae is offline
Reply With Quote
View Public Profile Visit serandfae's homepage!
 
Old 01-12-2008, 01:50 AM Re: Shifting to the left
Skilled Talker

Posts: 97
Name: Shane
Trades: 1
Finally got it!
smokin gun is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Shifting to the left
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.31040 seconds with 12 queries