Jump to content

sonicphantasm

Members
  • Posts

    25
  • Joined

  • Last visited

sonicphantasm's Achievements

Newbie

Newbie (1/7)

1

Reputation

  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. 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!
  6. 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!
×
×
  • Create New...