Jump to content

sonicphantasm

Members
  • Content Count

    25
  • Joined

  • Last visited

Community Reputation

1 Neutral

About sonicphantasm

  • Rank
    Newbie
  1. Thank you for all your help! Very happy with how it's turned out, and can't thank you enough for your time in this... -SP
  2. thankyou dsonesuk! The content is now centered, though I've tried the same thing for the body abd main divs, but they don't seem to cooperate with my intent! I'm an amatuer at best when it comes to this, so all help is greatly appreciated. Another issue- I want the bg.jpg to show entirely, even if the content doesn't fill it completely.. is there a css code for doing that? Again, thank you! CSS: body { height:auto; background-color:black; width:1280 px; margin: 50px 50px 0 0; }#main { background-image:url(images/bg.jpg); background-repeat:no-repeat;}#header { width:1280px; margin:50px 50px 0 0; background-repeat:no-repeat; padding: 10px 0px 0px }#nav {background-image:url(images/black.png);margin:5;}div.navigation { font-size: 20px; font: center; }#content {background-image:url(images/black.png);width: 1200px;margin-top:20px;margin-bottom:20px;margin-left:auto;margin-right:auto;-moz-border-radius: 15px;border-radius: 15px;padding:15px;color:white;}#footer {color: black;}ul{list-style-type:none;margin:0;padding:0;overflow:hidden;}li{float:left;}a:link, a:visited{display:block;padding:0px 10px;width:100%;font-weight:bold;color:white;text-align:center;text-decoration:none;text-transform:uppercase;float:left;background-image:url('black.png');}a:hover{text-decoration:underline;} index.php: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Sonic Phantasm Entertainment</title><style type="text/css">body,td,th { font-family: "Lucida Console", Monaco, monospace;}</style><link href="style.css" rel="stylesheet" type="text/css" /><style type="text/css">></style></head><body><div id="main"><div id="header"><?php include("header.php"); ?><div id="navigation"><?php include("navigation.php"); ?></div><div id="content"><?php include("new.php"); ?><div id="footer"><?php include("footer.php"); ?></div></body></html>
  3. Okay, I have some of my issues worked out. Now, I'm trying to center the page, so I put margin-left:auto; margin-right:auto but it stays on the left. I'm also trying to have the entire background show (the pale image) but that's not really going how I thought, either... index.php: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Sonic Phantasm Entertainment</title><style type="text/css">body,td,th { font-family: "Lucida Console", Monaco, monospace;}</style><link href="style.css" rel="stylesheet" type="text/css" /><style type="text/css">></style></head><body><div id="main"><div id="header"><?php include("header.php"); ?><div id="navigation"><?php include("navigation.php"); ?></div><div id="content"><?php include("new.php"); ?></div></body></html> css: body { height:auto; background-color:black; margin: 10px auto; }#main { margin-left:auto; margin-right:auto; width:1280; background-image:url(images/bg.jpg); background-repeat:no-repeat; height: 100%;}#header { width:1280; margin:50 50 0 0; background-image:url('images/logo.png'); background-repeat:no-repeat;}#nav {background-image:url(images/black.png);margin:5;}div.navigation { font-size: 20px; font: center; }#content {background-image:url(images/black.png);width: 1200px;margin-top:20px;margin-bottom:20px;margin-left:auto;margin-right:auto;-moz-border-radius: 15px;border-radius: 15px;padding:15px;color:white;} ul{list-style-type:none;margin:0;padding:0;overflow:hidden;}li{float:left;}a:link, a:visited{display:block;padding:0px 10px;width:100%;font-weight:bold;color:white;text-align:center;text-decoration:none;text-transform:uppercase;float:left;background-image:url('black.png');}a:hover{text-decoration:underline;}
  4. Hi! I'm afraid I'm ignorant to something here, as I've been trying to apply particular effects via css on this simple site, but cannot figure it out! Before I make even more of a code mess, I thought I'd see if anyone with a clue could help point me in some direction as to what it might be... thank you for your help! INDEX: body {height:auto;background-color:black;margin: 10px auto;}#main {width:1280;background-image:url(images/bg.jpg);margin-left:auto;margin-right:auto;background-repeat:no-repeat;} #header {width:1280;margin:50 0 0 0;background-image:url('images/logo.png');background-repeat:no-repeat;}div.nav {background-color:black;}#navigation {font-size: 20px;font: center;} #content {background-image:url(images/black.png);margin:15px;} ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-image:url('black.png');}li{float:left;}a:link, a:visited{display:block;padding:0px 35px;width:100%;font-weight:bold;color:white;text-align:center;text-decoration:none;text-transform:uppercase;} NAVIGATION PHP: <ul id="nav"><div class="nav"><li><a href="#home">MUSIC</a></li><div><li><a href="#film">FILM SCORE</a></li><li><a href="#production">PRODUCTION / MARKETING</a></li><li><a href="#store">BURN MONEY</a></li><li><a href="#contact">CONTACT / CONNECT</a></li><li><a href="http://www.facebook.com/pages/Sonic-Phantasm/264240086960916"><img src="images/icons/facebook.png" width="50" height="50" alt="facebook" /></a><a href="https://plus.google.com/103043756662788803432/posts"><img src="images/icons/googleplus-icon.png" width="50" height="50" alt="googleplus" /></a></li></ul>CSS: body {height:auto;background-color:black;margin: 10px auto;}#main {width:1280;background-image:url(images/bg.jpg);margin-left:auto;margin-right:auto;background-repeat:no-repeat;} #header {width:1280;margin:50 0 0 0;background-image:url('images/logo.png');background-repeat:no-repeat;}div.nav {background-color:black;}#navigation {font-size: 20px;font: center;} #content {background-image:url(images/black.png);margin:15px;} ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-image:url('black.png');}li{float:left;}a:link, a:visited{display:block;padding:0px 35px;width:100%;font-weight:bold;color:white;text-align:center;text-decoration:none;text-transform:uppercase;}
  5. If I have any more kids, I'm naming them dsonesuk1, then dsonesuk2... Thankyou, I really appreciate your help:) -sonicphantasm
  6. dsonesuk- is this what you are saying? in my style sheet i have this: #nav a { float:left; display:block;} and in the include for nav i have this (at least for the first couple): <a href="http://www.organizersinternational.com/services.php"><img border="0" alt="Organizers International Services" src="/images/nav/nav01_services_rest.jpg"/></a><a href="http://www.organizersinternational.com/portfolio.php"><img border="0" alt="Organizers International Portfolio" src="/images/nav/nav02_portfolio_rest.jpg"/></a> Though it is still giving a space..
  7. i had tested the width much higher to no success, and still should not keep spaces either way, should it?
  8. I've looked up other people's topics regarding spaces in between images, and I suppose there is something else I am not getting. The nav bar (and bottom "social media section, probably same cause) here:www.organizersinternational.com should be all grouped together, but nothing seems to work! Thank you in advance for your help!
  9. New baby keeps me from doing these things while I'm coherent! I've tried to divide the page, and have several obvious problems (I copied this version of the site into a new folder called test on the server, so it should all be relative, right?) Here's what I have: http://sonicphantasm.com/test/ First, I want the top logo and navigation to be arranged like on : www.sonicphantasm.com and also pushing the rest of the content downward accordingly. Second, I am not sure how to apply the appropriate css to the left column (haven't even started the right column as of yet). If you could please baby step the changes necessary, I would appreciate it. Thank you!
  10. Hi, I have this page: http://www.sonicphantasm.com and before I do the other pages, I believe that separating the header, footer and anything else(?) would be a wise decision. I'm asking 1: Does this make sense? So I can add links to one page and they will all update accordingly? And 2: How would you divide the information up? I was using Dreamweaver (tsk tsk) and so the extra coding is confusing to me, especially when I noticed that body has a bunch of things I am unfamiliar with. So thank you to the one who has a moment to take this step by step with me! Below is all the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Sonic Phantasm Music Production & Sound Manipulation</title> <link rel="stylesheet" href="main.css"> <script type="text/javascript">function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}} function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); if(!x && d.getElementById) x=d.getElementById(n); return x;} function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}</script></head> <body onload="MM_preloadImages('images/nav/navon_01.jpg','images/nav/navon_02.jpg','images/nav/navon_03.jpg','images/nav/navon_04.jpg','images/nav/navon_05.jpg')"><div class="central"> <p> </p> <p> </p> <div class="header"><a href="http://www.sonicphantasm.com"><img src="images/sonicphantasmlogo.png" width="273" height="43" alt="sonicphantasm" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','images/nav/navon_01.jpg',1)"><img src="images/nav/nav_01.jpg" name="news" width="81" height="43" border="0" id="news" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('artists','','images/nav/navon_02.jpg',1)"><img src="images/nav/nav_02.jpg" name="artists" width="98" height="43" border="0" id="artists" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('services','','images/nav/navon_03.jpg',1)"><img src="images/nav/nav_03.jpg" name="services" width="123" height="43" border="0" id="services" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','images/nav/navon_04.jpg',1)"><img src="images/nav/nav_04.jpg" name="contact" width="114" height="43" border="0" id="contact" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('connect','','images/nav/navon_05.jpg',1)"><img src="images/nav/nav_05.jpg" name="connect" width="109" height="43" border="0" id="connect" /></a></div> <div class="righthalf"> <div class="rightcontent"> <h2 align="center" class="freemusic">FREE MUSIC OFFER</h2> <h2 align="center"><img src="images/filmreel.jpg" width="250" height="247" alt="freemusic" /></h2> <p align="left" class="freemusic"> In an effort to give back some of what we've so generously been given, we are offering to write, arrange, and produce up to six professional minutes of original music/ sound design for film, t.v., games, websites, events, exhibits, or even commercials in the development stage, for the month of December. Contact us at admin@sonicphantasm.com to apply for custom music.</p> <p align="left" class="freemusic">Further, we have an ensemble of music that is freely adaptable to any medium here. All we ask is a headsup for anything you've used!</p> <p align="left" class="freemusic">Tracks will be added in the upcoming weeks. Connect with us on Facebook, Twitter, or Google+ for updates.</p> <p align="left" class="freemusic"> </p> </div> </div> <div class="leftcontent"> <h2 align="center" class="artists1">ARTISTS</h2> <p class="artists1"><img src="images/murjur_-_deathtrance_album_cover.jpg" width="300" height="300" alt="murjur" /></p> <p class="artists1">MURJUR</p> <p class="artists1"><em>Murjur is in the process of writing and producing a four track EP entitled "deathtrance. . .", to be distributed through Sonic Phantasm Production. A hybrid of hip hop and twisted electronic atmospheres evolve with dark abstracts of voice,"death trance. . ." is set for release by the end of 2011 in digital format along with a limited edition physical copy available only through Sonic Phantasm.</em></p> <p class="artists1"> </p> <p class="artists1">Deon Flips</p> <p class="artists1"><em>Ocala based rapper spits havoc from the core of his soul, pulling all who listen through a world you weren't expecting. Look for his upcoming album to begin production in early 2012.</em></p> <p class="artists1"> </p> <p class="artists1">Mr. ***KING Awesome</p> <p class="artists1"><em>80's synth-pop meets tight dancey electro house productions, back up the "disturbingly catchy vocals" of MFA himself. Set for release in Spring of 2012.</em></p> <p class="artists1"> </p> <p class="artists1">Jah Rukus</p> <p class="artists1"><em>Dub soaked concoctions of dance, reggae, drum & bass and r&b blend with Jamaican syndicate Jah Rukus, one half of underground supergroup YEUP. Tentatively called "Fields of Green", his debut will be released on Sonic Phantasm early 2012, with several tracks to be made available in the upcoming weeks (consider it an early holiday gift).</em></p> <p class="artists1"> </p> </div> <p class="footer">Questions? Interested in submitting your demo? Looking for a producer? Favorite color? Email us at: admin@sonicphantasm.com</p> <p class="footer"><strong>©</strong>Copyright 2011 Sonic Phantasm Music. All rights reserved.</p></div></body></html>
  11. Hi, I'm testing this flash plugin: http://sonicphantasm.com/FlowplayerTest/index.html and its not loading (and it wouldn't locally, either). Any ideas greatly appreciated!
  12. http://sonicphantasm.com/soundmanipulation/index.php Hi, I downloaded "Flowplayer", flash audio application ( http://flowplayer.org/plugins/streaming/audio.html ) and would like to insert it into the site above (after the spry content section). My content is set up as Index.php swf (a folder containing the downloaded flash file, and an mp3 also in this flash file) On the flowplayer site is a section that says " Flowplayer as music box" which is what I am trying to accomplish. I am unsure of where the different sections of code go and what parts I should even be using (nothing I tried was working and this is my first time using flash), and if my file/folders are in good position. Thank you for any light you can shine on this. Thank you!
  13. Hi, I'm just hosting this "php site" on my hosting space to test out the php, and before I move it to its own space, I'm trying to understand why in Firefox version 4.01, I see things things normally on one computer, and then on another, the links section on the left will *randomly* change size, as though they've lost their spacing. I can't point to a particular page, however, because it is inconsistent. I'm honestly not even sure if that's a php issue, and if not I would be happy to move this to the appropriate section.The other problem I have is when I open the site in Explorer, the navigation is either non-existent, or pushes everything in the content section and right sidebar down. Would this be a .php issue as well?Thank you!http://sonicphantasm.com/php_site/
  14. Very good points and I appreciate all of them...As far as the encoding I am using Dreamweaver... is this a bad start? Is this best to do all from scratch? The only js I think I am using is for the Facebook thing, but I am assuming the rollovers are made with JS then...So if this is the main problem, are there yays for me discontinuing use with dreamweaver for the design mode? Any other programs you'd suggest that keep things more validated for someone with much less experience? Thanks again!
  15. Hi, I'm doing a VERY simple layout and going for minimalism at the moment. Before I begin a marketing campaign, I'd like to mention the main intent of this site is just to get facebook "likes" before anything else. I will be adding moer, but like I said, this is phase one in my approach.1 - Does this work for you (read: did you "like the page"?)2 - Why or why not (and if you are super anti drugs or anything please spare the speeches, we all appreciate it:)www.420peoplelikethis.comThank you for your input!
×
×
  • Create New...