Karelia Community Forum

roby2222

Member

My Humor Site

Hi Everyone!
   I'm new to Sandbox and have just converted my website http://www.johnnyrobish.com from iWeb.  I was very hesitant to  leave iWeb because of its ease and flexibility, but overall am glad I made the move.  The only reservations I have is that I would prefer to have more of a newspaper look and the ability to have two text box columns. 
Johnny

macdafydd

Avenger

Re: My Humor Site

Columns? Take a look at http://davidneale.eu/sandvox/index.html

---

It says "Avenger," but I am just a Sandvox user who has been assigned the title of Avenger here in order to be able to delete spam messages. http://davidneale.eu/

roby2222

Member

Re: My Humor Site

Thanks for your response.  I tried inserting the raw HTML he mentioned, but nothing happened.  I should add that Heather gave me code to add for two and three columns which worked, but I discovered what I really need to get the look I want is two columns for test boxes.  I love the there I am using.  As an afterthought, I wonder if I can get someone to modify it?

macdafydd

Avenger

Re: My Humor Site

Thanks for your response.  I tried inserting the raw HTML he mentioned, but nothing happened.

Aha, but did you code inject the CSS (at either page or site level) as well as inserting the Raw HTML? Without the CSS it will not work. It's best to read Matthew's own explanation of the various CSS options (I link to his site from the above link), but for the simple two column layout that I show at http://www.davidneale.eu/sandvox/column … lumns.html the CSS is:

<style>
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (right menu) settings */
.rightmenu {
	background:#eee;		/* right column background colour */
}
.rightmenu .colleft {
	right:25%;			/* right column width */
	background:#fff;		/* left column background colour */
}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
</style>

---

It says "Avenger," but I am just a Sandvox user who has been assigned the title of Avenger here in order to be able to delete spam messages. http://davidneale.eu/

roby2222

Member

Re: My Humor Site

I'm not advanced enough to differentiate.  I only saw code that goes to the bottom of the page.  To be honest,I wasn't sure if it isn't is raw HTML or CSS.

Last edited by roby2222 (May 16, 2012 8:20 am)