Page 1 of 1

Position(style) radio button - CSS

Posted: Thu Jan 25, 2007 10:48 pm
by chaser7016
feyd | Please use

Code: Select all

,

Code: Select all

and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read:  [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]


Hello

I am having the darndest time moving the buttons seen at http://www.ryanspahn.net/customize.html to the left so that the text does not wrap around.

I have tried different CSS techniques to no avail.

Can anyone look at the page and offer a suggestion?

Here is the .css

[syntax="css"]#slpbox {
	position: absolute;
	top:100px;
        left:75px;
	width:200px;
    	height:286px;
	background-color: #FFFFFF;
	border: solid 3px #000000;
	line-height:17px;
	}

	#lrmbox {
	position:absolute;
        top:100px;
        left:288px;
	width:250px;
    	height:286px;
	background-color: #FFFFFF;
	border: solid 3px #000000;
	line-height:17px;
    }

   #randombox {
	position:absolute;
        top:100px;
        left:550px;
	width:200px;
    	height:286px;
	background-color: #FFFFFF;
	border: solid 3px #000000;
	line-height:17px;
    }

        #boxslp {
	position: absolute;
	top:370px;
        left:75px;
	width:200px;
    	height:286px;
	background-color: #FFFFFF;
	border: solid 3px #000000;
	line-height:17px;
	}

	#boxlrm {
	position:absolute;
        top:370px;
        left:288px;
	width:250px;
    	height:286px;
	background-color: #FFFFFF;
	border: solid 3px #000000;
	line-height:17px;
        }

        #boxrandom {
	position:absolute;
        top:370px;
        left:550px;
	width:200px;
    	height:286px;
	background-color: #FFFFFF;
	border: solid 3px #000000;
	line-height:17px;
        }
I added padding as a test, but the buttons will move everywhere but to the left. For example padding-left:-200px does nothing

Thanks,
Ryan


feyd | Please use[/syntax]

Code: Select all

,

Code: Select all

and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read:  [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]

Posted: Thu Jan 25, 2007 10:53 pm
by Kieran Huggins
you seem to be starting an unordered list in each div, then never adding a list item, nor closing it again.