li0id Posted March 7, 2006 Share Posted March 7, 2006 (edited) I having trouble moving my .sidebar when i do it alos moves my .brrak up also. Im tring to have my .sidebar right under my .breaker to the right side, and also when i move me break it also moves my comment box (.bottoms) and i would liek to have that on the left side right under my .break. Is there anyway i can do this without having to write a whole new code. Thanks in advanced<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=60727009">my page</a> <style type="text/css">body { font-family: helvetica, arial, sans-serif; font-size: 62.5%; background-color: ffffff;} table, td { background-color: A2B5CD; background-image: url(""); background-repeat: no-repeat; background-position: 1px 380px; }.main{ position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px;} .main a:link, .main a:active, .main a:visited { color: 1874CD; text-decoration: none; font-size: 1em; } .main a:hover { color: 228B22; } img { border: 0; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;} img:hover{ filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; }p, li { font-size: 1.2em;; color: 8A2BE2;}.title1, .title2 { font-weight: bold; text-transform: lowercase; letter-spacing: -1px;} .title1 { font-size: 1.3em; color: 1874CD; absolute; left: 50% ; margin-top: 50px; margin-left: 530px; visibility:visible !important; } .title2 { font-size: 1.2em; color: ffffff; } .title2 a { font-size: 1.1em; } .sidebar .title2 { padding: 0 0 0 12px; }.newnav {clear: both;border-top: 3px dashed;border-bottom: 3px dashed;border-color: 90EE90;background-color: 00BFFF;background-image: url("");background-repeat: repeat-x;margin: 0px 300 20px 260;position:center;padding: 1;text-transform: lowercase;letter-spacing: -1px;} .newnav a { font-size: 1.2em; color: 1874CD !important; } .newnav a:hover { color: 228B22 !important; } .newnav .active { color: 1874CD !important; } .newnav li { list-style: none; display: inline; margin: 0 0 0 13px; }.sidebar { float: left; width: 200px; margin-top: 500px;}.breaker { clear: both; border-top: 5px double; margin-top: -1035px; border-bottom: 5px double; border-color: 90EE90; background-color: 00BFFF; background-image: url(""); background-repeat: repeat-x; height: 200px;} .cell { float: left; padding-top: 10px; margin: 0 0 0 25px; } .cell-inner { width: 350px; padding: 0 10px 0 0; } .bottoms { clear: both; padding: 45px 0 0 0;}.music{ float:left;}textarea { background-color: 00BFFF; border-top: 4px double; border-bottom: 4px double; border-left: none; border-right: none; border-color: 90EE90; color: ffffff; padding: 3px; overflow: hidden;} input { background-color: 00BFFF; color: black; border: 1px solid; border-color: 90EE90; }.love { clear: both; text-align: center; padding: 25px 0 0 0;}./style> Edited March 8, 2006 by Jonas Link to comment Share on other sites More sharing options...
sbrownii Posted March 7, 2006 Share Posted March 7, 2006 Is it your host that wacks your markup? Or is that how you wrote it?The link element referring to stylesheets should be in the <head> element. The <style> element should also be in the <head> element.I think you should search the net for "css 2 column layout" or "css 3 column layout" and start over as far as your layout goes. Using tables in this case makes no sense, because you are hardly using them for layout.It may take you longer, but I think it will be worth it for you to look through some good articles about getting the layout you want. It will make things much easier for you in the future.I would normally try to give you a fix for you problem, but I really think you should just redo the page.Some good pages to look at...http://www.glish.com/css/http://www.saila.com/usage/layouts/ Link to comment Share on other sites More sharing options...
li0id Posted March 8, 2006 Author Share Posted March 8, 2006 thanks for the advice ill take it, and also i dont need the head part because im doing this code in myspace so its different, im gonna take your advice maybe and try a new layout thanks Link to comment Share on other sites More sharing options...
sbrownii Posted March 8, 2006 Share Posted March 8, 2006 Sorry I wasn't more help.Hope you find some layouts you like... be sure to check the sites I listed... Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now