Jump to content

jfkballistics

Members
  • Posts

    14
  • Joined

  • Last visited

jfkballistics's Achievements

Newbie

Newbie (1/7)

4

Reputation

  1. Yes that was exactly the problem. I know next to nothing about this stuff, and just use free templates here and there, and modify them. Thank you for the links.
  2. I have created a few web pages that are not working very well in internet explorer. I am uncertain of where I went wrong, but Fire fox, Opera, and chrome seem to be working well. Apparently it is just IE that does not like the coding. Here is the CSS body{font: normal small Arial, Helvetica, sans-serif;color: #646464;text-align:justify;font-size:13px;margin-top:15px;margin-left:0px;margin-right:0px;margin-bottom:15px;background-color:#FEC803;background-image:url(images/bg1.jpg);background-size: 100% auto}}#links-bg{width:759px;margin-left:10px; height:32px; line-height:32px; margin-top:10px;}#left2{width:10px; margin-top:5px;float:left;font-size:1px;background-image:url(images/rc9.gif); background-repeat:no-repeat;height:32px;}#center2{width:759px; margin-top:5px;float:left;background-image:url(images/links-bg.gif); background-repeat:repeat-x;height:32px;}#right3{width:10px; margin-top:5px;float:left;font-size:1px;background-image:url(images/rc10.gif); background-repeat:no-repeat;height:32px;}.toplinks{width:142px;margin-top:5px;text-align:center;float:left;}.toplinks a{color:#fd0000;font-size:20px;font-weight:bold;text-decoration:none;}.toplinks a:hover{color:#000000;text-decoration:none;}.sap{color:#C21E00;font-size:12px;font-weight:bold;width:6px;text-align:center;float:left;}#logo-bg{width:300px;float:left;height:187px;}#santa{width:439px;float:center;margin-left:285px;background-image:url(images/santatree.png); background-repeat:no-repeat; background-position:right;height:187px;}#border{width:779px;text-align:left;}#rc1{width:768px;height:10px;font-size:1px;background-image:url(images/rc1.gif); background-repeat:no-repeat;float:left;background-color:#ffffff;}#rc2{width:11px;height:10px;font-size:1px;background-image:url(images/rc2.gif); background-repeat:no-repeat;float:left;background-color:#ffffff;}.white{background-color:#ffffff;width:779px;float:left;}#header{height:187px; margin-left:10px; width:759px;}#left{width:10px;float:left;font-size:1px;background-image:url(images/big-rc1.jpg); background-repeat:no-repeat;height:187px;}#center{width:739px;float:left;background-image:url(images/header-bg.jpg); background-repeat:repeat-x;height:187px;}#right{width:10px;float:left;font-size:1px;background-image:url(images/big-rc2.jpg); background-repeat:no-repeat;height:187px;}#right2{width:579px;float:right;}.name{font-family:"Comic Sans MS";font-size:32px;text-transform:uppercase;padding-left:0px;padding-top:30px;color:#ffffff;}.tag{font-size:19px;font-family:"Comic Sans MS";color:#ffffff;padding-top:80px;}.tag2{font-size:19px;font-family:"Comic Sans MS";color:#ffffff;padding-left:16px;font-weight:bold;}.quicklinks{padding-left:15px;line-height:35px;font-size:11px;font-family:tahoma;height:35px;clear:left;border-bottom:1px solid #D4D4D4;}.quicklinks a{color:#C21E00;text-decoration:none;}.quicklinks a:hover{color:#000000;text-decoration:none;}.bottom{background-color:#fd0000;height:40px;text-align:center;padding-top:10px;width:779px;float:left;}a{color:#C21E00;text-decoration:underline;}a:hover{color:#C21E00;text-decoration:none;}.sap2{color:#ffffff;float:left;height:30px;line-height:30px;width:1px;}.bottomlinks{color:#ffffff;float:left;height:30px;width:153px;line-height:30px;}.bottomlinks a{color:#ffffff;text-decoration:none;}.bottomlinks a:hover{color:#ffffff;text-decoration:underline;}.main{padding-left:10px;padding-right:10px;background-color:#ffffff;border-left:1px solid #F4DBA5;border-right:1px solid #F4DBA5;width:539px;float:left;}.heading{color:#618D01;font-weight:bold;text-transform:uppercase;padding-bottom:10px;font-size:12px;}#rc5{width:172px;height:40px;line-height:40px;padding-left:15px;font-size:12px;text-transform:uppercase;font-weight:bold;color:#618D01;float:left;}#rc6{width:11px;height:40px;font-size:1px;float:left;}#rc7{background-image:url(images/rc7.gif); background-repeat:no-repeat;width:11px;font-size:1px;height:11px;float:left;}#rc-bg{width:539px;float:left;font-size:1px;border-top:1px solid #F4DBA5;height:10px;}#rc8{background-image:url(images/rc8.gif); background-repeat:no-repeat;width:11px;height:11px;font-size:1px;background-color:#ECE6D8;float:left;}#left10{width:198px;padding-top:10px;background-color:#ffffff;float:left;}#center10{width:5px;padding-top:10px;font-size:1px;background-color:#ffffff;float:left;height:10px;}#right10{width:576px;padding-top:10px;background-color:#ffffff;float:left;}#rc10{width:768px;height:10px;font-size:1px;background-image:url(images/rc3.gif); background-repeat:no-repeat;background-position:bottom left;float:left;background-color:#ffffff;}#rc11{width:11px;height:10px;font-size:1px;background-image:url(images/rc4.gif); background-repeat:no-repeat; background-position:bottom;float:left;}#rc12{background-image:url(images/rc12.gif); background-repeat:no-repeat;width:11px;font-size:1px;height:11px;float:left;}#rc-bg2{width:539px;float:left;font-size:1px;border-bottom:1px solid #F4DBA5;height:10px;}#rc13{background-image:url(images/rc11.gif); background-repeat:no-repeat;width:11px;height:11px;font-size:1px;background-color:#ECE6D8;float:left;} Here is the HTML <img src="images/links-bg.gif" width="1" height="32" alt="" border="0"><!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=iso-8859-1" /><title>Christmas Holiday Template by CMG Technologies</title><link href="christmas-holiday.css" rel="stylesheet" type="text/css" /></head><body><center><div id="border"><div id="rc1"></div><div id="rc2"></div><div class="white"><div id="header"><div id="left"></div><div id="center"><div id="logo-bg"><div class="name"><img src="images/name1.png" /></div><div class="tag2"><img src="images/name2.png" /><p><img src="images/name3.png" /></p></div></div><div id="santa"><div class="tag"></div></div></div><div id="right"></div></div><div id="links-bg"><div id="left2"></div><div id="center2"><div class="toplinks"><a href="index.html">Home</a></div><div class="sap"></div><div class="toplinks"><a href="lights.html">Lights</a></div><div class="sap"></div><div class="toplinks"><a href="howto.html">How To</a></div><div class="sap"></div><div class="toplinks"><a href="aboutus.html">About Us</a></div><div class="sap"></div><div class="toplinks"><a href="contactus.html">Contact us</a></div></div><div id="right3"></div></div></div><div class="white"><div id="left10"><div style="clear:both;"><div id="rc5">Categories</div><div id="rc6"></div></div><div class="quicklinks"> <a href="trees.html">Christmas Trees</a></div><div class="quicklinks"> <a href="lights.html">Christmas Lights</a></div><div class="quicklinks"> <a href="controllers.html">Controllers</a></div><div class="quicklinks"> <a href="http://www.christmas-guide.info/">Christmas Shopping</a></div><div class="quicklinks"> <a href="http://www.christmas-decoration-guide.info/">Christmas Decorations</a></div><div class="quicklinks"> <a href="http://www.disney-vacation-news.info/">Disneyland Vacation</a></div><div class="quicklinks"> <a href="http://www.mypartyplace.info/">Party Planning</a></div><div class="quicklinks"> <a href="http://www.party-planning-guide.info/">New Years Eve Party</a></div><div class="quicklinks"> <a href="http://www.your-thanksgiving.info/">Happy Thanksgiving</a></div><div class="quicklinks"> <a href="http://www.vacation-guide.info/">Vacation Guide</a></div></div><div id="center10"></div><div id="right10"><div style="clear:both;"><div id="rc7"></div><div id="rc-bg"></div><div id="rc8"></div></div><div class="main"><div class="heading"><font size="4"><p style="color:#FD0000">Welcome!</font></div></div><div class="main"> <p>Hi Everybody! Here is a Free Template, named Christmas with CSS and XHTML 1.0 Transitional Validation from CMG Technologies, <a href="http://www.cmgtechnologies.com">Web Design India</a>. Feel free to use this template, just keep the Designed by link at the bottom. Thanks! </p><center><img src="images/santatree.png" /></center><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum sapien enim, cursus in, aliquam sit amet, convallis eget, metus. Duis dui mi, varius at, lacinia eget, ullamcorper et, tortor. Pellentesque ac pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean orci mi, varius eget, mollis vel, rhoncus a, leo. Ut eros enim, vehicula quis, gravida ac, sodales sit amet, orci. Nulla eleifend tristique erat.</p><p>Nunc commodo metus et lorem. Phasellus vel libero. Vestibulum eu enim. Mauris pharetra. Vestibulum ligula libero, vestibulum quis, commodo non, sagittis eget, elit. Ut nec tellus. Nunc ligula quam, vulputate ut, imperdiet nec, luctus at, magna. Nunc posuere nulla ac tortor. Donec facilisis, turpis eu hendrerit ultricies, lectus sapien nonummy justo, eget rutrum lorem nulla sed nunc. Nam vestibulum neque vitae lacus aliquam tristique. Ut odio quam, mollis in, ultrices vel, ullamcorper id, diam. Curabitur eget odio a lacus pulvinar condimentum. Suspendisse elementum.</p><p>Quisque vulputate. Aliquam condimentum, odio vel ultrices sodales, augue lorem vehicula mi, vel nonummy nisl eros et tortor. Duis laoreet pellentesque lorem. Nam sagittis condimentum libero. Nullam a ante vel massa accumsan elementum. Sed mauris metus, tincidunt quis, blandit at, viverra a, ligula. Pellentesque neque metus, mattis non, tincidunt vitae, euismod scelerisque, nulla. Fusce justo. Donec nec nibh. Sed suscipit bibendum leo. Nulla erat ligula, egestas consequat, sagittis ut, fermentum a, diam. Sed turpis est, aliquam nec, lacinia sed, aliquam non, libero. Ut turpis. Pellentesque viverra pharetra quam.</p></div><div style="clear:both;"><div id="rc12"></div><div id="rc-bg2"></div><div id="rc13"></div></div><div style="height:20px;"></div></div><div><div class="bottom"><div class="bottomlinks"><a href="links.html">Links</a></div><div class="sap2">|</div><div class="bottomlinks"><a href="http://www.doityourselfchristmas.com/forums/forum.php" target="blank">Do It Yourself Forum</a></div><div class="sap2">|</div><div class="bottomlinks"><a href="index.html">Products</a></div><div class="sap2">|</div><div class="bottomlinks"><a href="index.html">Services</a></div><div class="sap2">|</div><div class="bottomlinks"><a href="index.html">Contact</a></div></div></div><div id="rc10"></div><div id="rc11"></div></div><center><center><p style="color:#ffffff">© 2011 <strong>ashchristmasonplantation.info</strong></center></div></center></body></html> This is the first time I have had this kind of a problem, any help is appreciated.
  3. Hey guys, I am working on a website for my familys Christmas lights. http://www.williamschristmaslights.info/2011photoalbum.html I would like to make the middle white area a bit bigger, so that the whole flash photo album can fit inside it. I have tried several things to no avail.... Here is the Style: * {margin:0;padding:0}body {background:#9c2c00;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#393939;min-width:1000px}input, textarea, select {font-family:Arial, Helvetica, sans-serif;font-size:1em}object {vertical-align:top;outline:none}.fleft {float:left}.fright {float:right}.clear {clear:both}.alignright {text-align:right}.aligncenter {text-align:center}.wrapper {width:100%;overflow:hidden}.container {width:100%}.zoom {overflow:hidden}.col-1, .col-2, .col-3 {float:left}p {margin:0;padding:0}.tail-top {background:url(images/tail-top.gif) repeat-x left top}.tail-top-left {position:absolute;left:0;top:110px;background:url(images/tail-top-left.gif) repeat-x left top;width:50%;height:843px}.tail-top-left1 {position:absolute;left:0;top:0;background:url(images/tail-top-left1.gif) repeat-x left top;width:50%;height:110px}.tail-top-right {position:absolute;right:0;top:110px;background:url(images/tail-top-right.gif) repeat-x right top;width:50%;height:843px}/* GLOBAL */#main {font-size:0.75em;width:1000px;margin:0 auto;background:url(images/main-bg.jpg) no-repeat left top #9c2c00;position:relative;min-height:953px;height:auto!important;height:953px}/* forms */input, select {vertical-align:middle;font-weight:normal}img {border:0;vertical-align:top;text-align:left}#contacts-form {clear:right;width:100%;overflow:hidden}#contacts-form fieldset {border:none;float:left}#contacts-form .field {clear:both}#contacts-form label {float:left;width:93px;line-height:18px;padding-bottom:8px;font-weight:bold;color:#3c3c3c}#contacts-form input {width:420px;float:left;padding:1px 0 1px 3px;background:url(images/png-bg.png) left top;border:1px solid #ed0611;color:#70635b}#contacts-form textarea {width:420px;height:252px;padding:1px 0 1px 3px;background:url(images/png-bg.png) left top;border:1px solid #ed0611;color:#70635b;margin-bottom:12px;overflow:auto;float:left}/* list */ul {list-style:none}#header .row-1 .fright ul li {float:left;background:url(images/divider.gif) no-repeat right top;padding-right:17px;margin-right:17px}#header .row-1 .fright ul li.last {background:none;padding-right:0;margin-right:0}.nav-box ul li {font-size:16px;line-height:1.2em;text-transform:uppercase;background:url(images/divider1.gif) no-repeat right 2px;float:left;padding:20px 30px 15px 30px}.nav-box ul li a {color:#fff;text-decoration:none}.nav-box ul li a:hover {border-bottom:1px solid #fff}.nav-box ul li.last {background:none}.list li {width:100%;overflow:hidden;vertical-align:top;padding-bottom:20px}.list li p {margin-bottom:0}.list li img {float:left;margin-right:18px}.list li a {font-weight:bold;text-decoration:none}.list li a:hover {text-decoration:underline}.list li.last {padding-bottom:0}.list1 li {color:#fff;padding-bottom:24px}.list1 li p {margin:7px 0 0 0}.list1 li a {font-weight:bold;color:#ff859b;text-decoration:none}.list1 li a:hover {text-decoration:underline}.list2 li {width:100%;overflow:hidden;vertical-align:top;padding-bottom:28px;margin-top:-3px}.list2 li p {margin-bottom:10px}.list2 li h3 {margin-bottom:6px}.list2 li img {float:left;margin:3px 18px 0 0}.list2 li a {text-decoration:none}.list2 li a:hover {text-decoration:underline}.list2 li.last {padding-bottom:0}.list3 {padding-bottom:15px;width:100%}.list3 li {padding:0 0 6px 9px;background:url(images/marker.gif) no-repeat left 5px}.list3 li ul {padding:8px 0 0 0;margin:0 0 -6px -3px}/* other */.img-box1 {width:100%;overflow:hidden}.img-box1 img {float:left;margin:0 20px 0 0}p {margin-bottom:20px;line-height:1.5em}.p1 {margin-bottom:0}.phone {float:right;margin-right:30px}/* txt, links, lines, titles */a {color:#3b810e;outline:none}a:hover{text-decoration:none}h2 {font-size:24px;color:#fff;line-height:1.2em;text-transform:uppercase;margin-bottom:12px}h3 {font-size:18px;color:#b70010;line-height:1.2em;text-transform:uppercase;margin-bottom:16px}/* boxes */.nav-box {width:100%}.nav-box .left {background:url(images/nav-left.png) no-repeat left top}.nav-box .right {padding:0 16px;background:url(images/nav-right.png) no-repeat right top}.nav-box .tail {height:60px;background:url(images/nav-tail.png) repeat-x top;width:100%;overflow:hidden}.box {width:630px;float:left;margin-right:45px}.box .top {height:20px;background:url(images/box-top.png) no-repeat left top}.box .bot {height:20px;background:url(images/box-bot.png) no-repeat left top}.box .tail {background:url(images/box-tail.png) repeat-y left top;padding:20px 52px 26px 54px}.box h2 {color:#b70010}/* header */#header {height:307px;position:relative}#header .row-1 {height:214px;width:100%;overflow:hidden}#header .row-1 .fleft {padding:20px 0 0 44px}#header .row-1 .fright {padding:34px 305px 0 0;position:relative;z-index:3}#header .row-2 {padding:0 48px}#header .extra {position:absolute;right:26px;top:0;z-index:2}/* content */#content {padding:0 0 0 45px;position:relative;z-index:3}#content .indent {padding-bottom:10px}.inner_copy {border:0;color:#fff;float:left;width:28%!important;margin:-101px -363px 0px 0px;overflow:hidden;line-height:0px;padding:0px;font-size:11px}#content .right-side {float:left;width:232px;padding-top:111px}/* footer */#footer {height:84px;color:#fff}#footer .indent {padding:33px 92px 20px 100px}#footer a {color:#d40028}#footer img {position:relative;top:-4px} Any help would be great thanks!
  4. Hey Guys, Ok I hope that I can explain this adequately. I am very feeble minded when it comes to photoshop, so I need some help in making a new logo.jpg for my website. I am attaching the logo.jpg, and the psd file. If you notice the psd file is the whole page, while the logo.jpg is just part of the psd. Problem is, I do not know how to rewrite the psd, and then crop it to the size I need to replace the logo.jpg and make it work.... Any help you guys can offer would be great. I want "Christmas Eve" replaced with Merry Christmas", and the line in smaller type to read Williams Family Christmas Lights" This is what I am trying to accomplish. Thanks for any advice. Mike The PSD file was to large to attach....UGH.....
  5. Ok So I am using a template that already has a form I like, Problem is I do not now what to "plug in" to make it do what I want it to do. Here is a link to the page with the form: http://www.williamst...o/contacts.html What I want it to do is send me an with their message. Then I want it to redirect them to a page that says thanks for contacting us... And I want that page to automatically redirect to the home page....but one bite at a time. How do I get this to email me? Here is the code: </div><h3>Contact Form</h3><div class="wrapper"><form id="contacts-form" action="" method="post"><fieldset><div class="field"><label>Your Name:</label><input type="text" value=""/></div><div class="field"><label>Your E-mail:</label><input type="text" value=""/></div><div class="field"><label>Your Website:</label><input type="text" value=""/></div><div class="field"><label>Your Message:</label><textarea cols="1" rows="1"></textarea></div><div class="wrapper"><a href="" onclick="document.getElementById('contacts-form').submit()" class="button">Send Your Message</a></div></fieldset></form>
  6. That looks just like what I want, but I do not know how to do that.
  7. jfkballistics

    Html Spacing

    Hey guys and gals, Can can someone please look at this page, and tell me how to align the test to the background? I would like it to look like it is on the notebook. www.kennedyassassinationresearch.com/12345.html
  8. Thanks! I think I have it where I want it to be now, and it does not look to bad:http://www.kennedyassassinationresearch.com/ On this page of mine, I tried to move the +1 button left, and the search right, both above the "Welcome to JFK Ballistics.com" but with no success. They go left, with no alignment, and they center using this: <center>script here</center> But no luck evening them out across the top of the page. My code looks like this right now: <div id="main"> <div class="box"> <center><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/cse/api/013307854363342800037/cse/bmccyi2rufw/gadget&synd=open&w=298&h=73&title=Kennedy+Assassination+Research&border=%23ffffff%7C0px%2C1px+solid+%23595959%7C0px%2C1px+solid+%23797979%7C0px%2C2px+solid+%23898989&output=js"></script></center><center> <g:plusone size="standard" annotation="none"></g:plusone></center><center><h1><a href="index.html">Welcome to JFK Ballistics.com!<span class="white"></span></a></h1></center> <font size="3"> <p> <font size="4">Welcome to JFK Ballistics. A site dedicated to dispelling the many ballistic and firearms related myths surrounding the assassination of John F. Kennedy. At JFK Ballistics we post articles and information from both the conspiracy perspective, as well as that of the non-conspiracy perspective. We do this in hopes that readers will form their own conclusions, based on information from all sides of the debate.</p> I can see that getting things to align will be my biggest headache!
  9. I think I will try that, as it looks like just what I want. Will I be able to place it where the search box is now?
  10. And I thought this was going to be easy? LOL. Maybe I would be better off without a site search......
  11. Hey Guys and Gals, I would like to have a site search on my website, but have no idea where to begin. I have read several articles, and am growing more confused. Here is the HTML that came in the template. <div class="searchform"><form action="#"><p><input name="search_query" class="textbox" type="text" /> <input name="search" class="button" value="Search" type="submit" /></p></form></div> But I have no idea what to do with it from there. Any help is much appreciated.
  12. Android thank you! This seems to have me on the right track! Now is there any way to make this box wider, without disrupting the sidebox menus? I tried a couple different things, but it just moved the side box menus to the bottom of the page.
  13. Good Morning, First off let me say I am really new to coding, and hope that I am posting this in the right place. What I am trying to do is add a field to my web pages. My index page looks like this: www.kennedyassassinationresearch.com I like this layout, and can work with it. On this front page, I will add a link to a page called articles. When my visitors go to this page, I would like them to see a white field in the middle, like the one on this page: www.jfkballistics.com/articles.html So basically I want to modify the index page to have a field that I can use on other pages. I am attaching a notepad file of my CSS Any help is much appreciated! css.txt
×
×
  • Create New...