HTML - Help Please, Problems Regarding My Site
Hi all! This is my first post at the html forums, and I'm quite new with coding in general, so please don't scream at me for being such a noob.
I've been planning this site for quite a long while, and only just got into creating it within the last 2 months. It's called star-files.net. In case it's what your thinking, no, this is not a site about celebrities. The "star" is just a catchy phrase to go along with the rest of the domain name. Thus far, I've been creating it using a mixture of notepad (for the html coding that I actually have the knowledge to accomplish), and dreamweaver v8 (for the stuff I need help with or just don't have a clue about, like CSS and java). The forum won't let me include the html in this post, so I'll stick it in the next one. Just look at the source for now. If you have any suggestions for the source code, please let me know. I want to have this improved as much as possible. Anyway, the reason I'm posting this thread in the first place is that IE is giving me problems. Both v6 and v7, and I can easily guess that users with IE v5, 4, 3, 2, and probably 1 are not going to be happy with the way it looks. Straight and simple, the file "BGfade.png" (BG stands for backround) is stretching too far in width. I have it set to stretch to 100% width of the available space between the main table and and the side of the window. Instead, It stretches farther, causing a horizontal scroll bar to appear. Anyone know why this happens, and better, how to fix it? Lastly, I have another problem, but I know that fixing it will probably require CSS or java... It's the "transparent-pngs-in-ie" problem. BGfade.png is supposed to be transparent, to show the image being it, SFgrid.(jpg or png, but I can't remember which.). IE has difficulties with this, I know, so I'm trying to find a solution. If anyone has an idea, I'll be most grateful. Thanks! Similar TutorialsOk. Im starting a site for the games/apps that iv'e been making. Here is what I have: Code: <HTML> <head> <title>Lithium Games Home</title> </head> <body> <body bgcolor="Silver"> </body> <p style="text-align: center;"> <img src="http://img337.imageshack.us/img337/3710/lglogoxf4.gif" border="0" alt="Lithium Games Logo"/> <br /> <img src= http://img209.imageshack.us/img209/703/linesmy2.gif /> <br /> <a href="http://imageshack.us"><img src="http://img291.imageshack.us/img291/7977/homebuttonun3.gif" border="0" alt="Lithium Games Home"/></a> <a href="http://imageshack.us"><img src="http://img146.imageshack.us/img146/1559/gamesbuttondp4.gif" border="0" alt="Download Games"/></a> <a href="http://imageshack.us"><img src="http://img209.imageshack.us/img209/8550/appsbuttones9.gif" border="0" alt="Download Applications"/></a> <br /> <img src= http://img209.imageshack.us/img209/703/linesmy2.gif /> </p> </body> </HTML> Yaa. Heres what it makes: ... Questions: 1.How do I make the secont line image scoot up closer to the link/images? 2.Is there any way to make a line of text that automaticly jumps tp the botem center of the page? ... Thanks. H'i, I am a new member but have several years' experience writing my own straightforward websites in HTML. About a year ago, I changed my old tower computer operating on XP for an HP Compaq 610 operating on Windows 7 and since then my problems have started. I have one web site on Freeservers (apparently unaffected by this problem), and three on Bravehost - these are now giving me serious problems after functioning well for 6 years in one case and 3-4 years in the remaining two sites. 1. When I open my website I find a string of unrelated coded script across the top of one of the pages and in many places where <p> exists normally in the HTML script, I have a "/p" appearing ON THE WEB PAGE! There is no evidence of either of these anomalies in the HTML script itself. 2. When I try to edit an error and go back on line to view my change, I find that in place of - perhaps - a one-letter corrected spelling, I have a string of totally unrelated letters and symbols. I have not checked every page of every site but it does seem to be a general problem. Are there known issues with Windows 7 in this area? I usually edit using Notepad and my preferred FTP is Leapware. I can offer a URL if required for viewing. Can anyone help? Thank you, Selwyn. I have two similar links into my site that act very differently. One is mydomain.com/link1 and the other is mydomain.com/link2. There is a link1.htm file in my root and a link2.htm file in my root. When I enter "mydomain.com/link1" in my browser, I see the page. When I enter "mydomain.com/link2" in my browser, I get a 404. I do see link2 if I enter "mydomain.com/link2.htm" Is there a secret to making this type of link work? I don't remember doing anything special for link1. Maybe b/c it's Friday I can't get my brain around this one. Any help would be greatly appreciated. Hi: I'm having problems with IE viewing my site. Unfortunately a lot of my viewers still use IE, but the way the design was made (Open Source design), the right side is in the first part of the file (<div id="content">) and the left side is afterwards (<div id="left">). It was working fine in IE for a while but then just suddenly stopped working after I was editing. Not sure what I did. Site demo: www.neptuneware.com Username: gametest Password: penguins When prompted. Could anyone please look at it in IE and tell me why it's not working. All HTML is in the source code (nothing's hidden), but here is the CSS file: Code: /* ** BLUE:SKY - main stylesheet ** This CSS file makes the webpage look pretty ;-) ** ** March 5, 2006 - (version 1.0) ** ** this is a part of the open source layout by ** Jonas John (www.jonasjohn.de) ~ made for gameindicator.com ** GAMEINDICATOR.COM using OPEN SOURCE WEB DESIGN (OSWD.ORG) ** GameIndicator thanks OSWD and Jonas John for our website design. */ /* page overall: bg used to be a5ddf8 */ html * { margin: 0; padding: 0; border: 0; } body { margin: 0.5em 0em 2em 0em; font-size: 100%; font-family: "Lucida Grande", Verdana, Arial, sans-serif; line-height: 1.1em; text-align: center; background-color: #fff; background-image: url(../images/background.png); background-repeat: repeat-x; } #page { width: 1000px; text-align: left; margin-left: auto; margin-right: auto; } /* header: */ #header { position: relative; width: 100%; height: 2.8em; color: #fff; vertical-align: middle; text-align: left; } #header a:link, #header a:visited { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, Tahoma, sans-serif; font-weight: bold; font-size: 1.9em; letter-spacing: -0.1em !important; letter-spacing: -0.2em; line-height: 1.2em; } /* left column: */ #left { width: 24%; float: left; position: relative; font-size: 0.8em; } /* DIV NAV EXTRA ** border-right: 0.18em solid #4284B5; ** border-bottom: 0.16em solid #4284B5; */ div#nav { background-color: #fff; width: 90%; border: 1px solid #555555; } #nav ul { list-style-type: none; padding: 0.5em 0em 0.9em 0em; } #nav ul li { padding: 0.03em 0em 0.03em 0.9em; margin-right: 0.3em; } #nav a:link, #nav a:visited { color: #2E668B; } #nav a:hover, #nav a:active { color: #000; } /* LEFT BOX EXTRA ** border-right: 0.18em solid #4284B5; ** border-bottom: 0.16em solid #4284B5; */ div.left_box { background-color: #fff; width: 90%; margin-top: 1em; border: 1px solid #555555; } /* LEFT BOX AND NAV H3 EXTRA ** border-top: 0.1em solid #65B6E3; ** border-left: 0.1em solid #65B6E3; */ div.left_box h3, div#nav h3 { margin: 0em; padding: 0.2em 0em 0.2em 1em; font-size: 0.8em; color: #fff; background-color: #4284B5; text-transform: uppercase; font-family: Verdana, Arial, sans-serif; border-bottom: 1px solid #555555; } div.left_box p { margin: 0em; padding: 1em 1em 1em 1em; } div.left_box a:link { color: #2E668B; } div.left_box a:visited { color: #254A65; } div.left_box a:hover, div.left_box a:active { color: #000; } /* innerbox ** border-right: 0.15em solid #7BA5C6; ** border-bottom: 0.15em solid #7BA5C6; */ div.inner_box { } /* content column: */ /* CONTENT EXTRA ** border-right: 0.2em solid #4284B5; ** border-bottom: 0.2em solid #4284B5; */ #content { float: right; display: inline; position: relative; width: 75%; font-size: 0.75em; border: 1px solid #555555; background-color: #fff; } #content h1 { clear: both; margin: 0em 0em 0em 0em; padding: 0.5em 0em 0em 0.1em; font-size: 1.7em; font-family: "Trebuchet MS", Arial, sans-serif; color: #FF6300; border-bottom: 0.05em solid #FF9853; line-height: 1em; } #content p { margin: 0em 0em 0.5em 0em; padding: 0.35em; } /* PATH EXTRA | border-right: 0.23em solid #7BA5C6; */ #path { font-family: Verdana, Arial, sans-serif; margin: 0em 0em 0em 0em; padding: 0.4em 0.6em 0.4em 0.6em; font-size: 0.9em; color: #2F5E80; background-color: #D0E7F4; border-bottom: 1px solid #555555; } #content a:link { color: #2E668B; } #content a:visited { color: #255270; } #content a:hover, #content a:active { color: #000; } #content acronym { border-bottom: 1px dotted #4284B5; cursor: help; margin: 0; padding: 0; } /* MAIN EXTRA ** border-bottom: 0.2em solid #7BA5C6; ** border-right: 0.2em solid #7BA5C6; */ #main { padding: 0.5em 1.5em 1.5em 0.7em; } div.img_left, div.img_right { border-bottom: 0.09em solid #4284B5; border-right: 0.1em solid #4284B5; } div.img_left { float: left; margin: 0.5em 0.8em 0em 0em; } div.img_right { float: right; margin: 0.5em 0em 0em 0.8em; } div.img_left img, div.img_right img { display: block; border: 0.35em solid #7BA5C6; margin: 0; padding: 0; } /* this clears floating (e.g images) */ br.clear { clear: both; display: none; } /* footer: Margin (no spec side) used to be 0em, EXTRA padding: 0em; */ #footer { font-size: 0.6em; clear: both; color: #027BC1; text-align: right; } #footer p { margin: 0em; padding: 0.1em; } #footer a:link, #footer a:visited { color: #027BC1; } #footer a:hover, #footer a:active { color: #000000; } I have read various post all over the net about site problems in IE but ok in Firefox, Safari etc. Well, I have that problem too and have failed to identify the problem within my site. I am a novice websiter - relying on DW to do most of it for me! So any help would be appreciated. see www.nailseachoral.org.uk the navigation bar should not have a box around the words (present, future, gallery etc) and the home button should not have a purple box around it! Looks ok in Firefox and Safari. I am suspecting the image sizing code could be a factor? Any suggestions would be appreciated and thanks, Hey everyone, Working on a site for this church. The site is www.graceheritagechurch.com . I have a few problems that I want to touch up: 1)First, I have it on the home and about us pages where the td extends 100% so if there is scrolling, it is using the right scrollbar and not a scrollbar inside the i-frame. If you look at the Our Beliefs section, I can't say the same for that. What code do I need so the only scrolling is on the right side and it just extends until all the text is done? 2)Lastly, If you go to the home page and make the text size a good bit bigger, the horizontal scroll will appear in the iframe. I don't want this, and I know most people don't use font size that big, but the preacher I'm making this site for does and it's important that I can get it off there. Any help with these two basic questions is greatly appreciated. Help ASAP! Thanks, Kyle I dont know what the solution is but almost everry site that I create doesnt work in internet explorer! the links are wax-bar.ca and imagearts.ryerson.ca/nsahota It just shows a blank screen! I would really appreciate any help with this. Thanks in advance! Hello. I have problem with creating a website for my Counter-Strike team. When I trying to write match info, and insert there a little flag, it always goes below map picture. It goes there everyway... with FrontPage, with PageBreeze, even with a WordPad, then i tried to edit HTML code manualy. Here is a screenshot: I realy need this problem to be solved. Sorry for my english. Hey guys, Im workign with a new client and she had a previous designer do her site. Problem is it was done in Frontpage has a referenced .dwt file and Im trying to edit this. I generally work with puremarkup but have dreamweaver to get an instant visual change as I do this. My problem is as i'm trying to change stuff its not allowing me to do this. Also in the directory there are tons of _vti directories. There is a form on her site which was done in ASP so in general I'm slightly confused as to the best way to edit her site. I even just copied the code and pasted it into a new window and its giving me hangups about this. I think the way Frontpage generated the code is wonky. The site URL is alongcamemary.biz Can you guys make some suggestions on the best way to approach this. Thanks, Richard I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! this is my page http://web.vtc.edu/users/cjb06271/CI...nal/order.html there are several things I would like to happen. 1. the right collumn background to be where the right collumn should be(so other links in navbar) 2.The test between the roach pictures to be alligned with the top rather than bottom of pictures (so smaller windows can see) 3. When you size the window smaller than the text, a scroll bar appears, and when you scroll the background no longer exists. If I put it on auto the background will only go as far as the text does. 4. (nice but not required)The cocroachs to be alligned to the left and right of the top bar respectively, and the text in the middle. 5. (nice but not required) the right column background image is being cut in half (as does the top one if you size small enough). any way to make the images ignore the collumns? don't worry about the colors I will be changing them soon Hello there. I am new to this forum. I used to be big into HTML, etc, got busy for a couple years you can say, and well, now I am back and lost in some ways! With that said, I hope someone here can assist me for what I am after. I am making a site for a photographer friend of mine. Here is it so far ... not yet done ... http://starverse.ca/sam/index2.html I want to make it so when you say update the photo area EX: http://starverse.ca/sam/center.html it will ONLY update that and I won't have to do anything to all the other items on the left/rights sites. I guess like a site within a site. I have been reading about using codes, such as : <!--#include virtual="path to file/include-file.html" --> <div id="nav"> <a href="...">...</a> ... </div> <? require("/path/to/file.html"); ?> etc. Nothing seems to work on my site. What in the wide world of sports am I doing wrong??? Hi, Please help. I'm new to web design and have kinda cobbled my site together from various templates, etc. Problem is my site appears in Firefox, but comes up blank in IE and Safari. I'm pretty sure it's something stupid I've missed. The url is http://artheat.net Could anyone give me some advice? The basic html code is: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" > <head> <title>ArtHeat</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta name="description" content="ArtHeat. Contemporary South African Art" /> <meta name="keywords" content="ArtHeat. Contemporary South African Art" /> <meta name="robots" content="index, follow" /> <link rel="shortcut icon" href="favicon.gif" /> <script language="JavaScript"></script> <style media="screen" type="text/css"> /* <!-- */ /* General styles */ body { margin:0; padding:0; border:0; /* This removes the border around the viewport in old versions of IE */ width:100%; background:black; min-width:600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */ font-size:90%; color:#CCC; } a { color:#FF9933; } a:hover { color:#fff; text-decoration:none; } a img { color: black; border: 0 0; margin:10px 0 5px; } h1, h2, h3 { margin:.8em 0 .2em 0; padding:0; font-family: Helvetica, Arial, sans-serif; color: #ff9933 text-decoration:none; } h2 a { text-decoration:none; } p { margin:.4em 0 .8em 0; padding:0; font-family: Arial, Helvetica, sans-serif; color: #ccc; } img { margin:10px 0 5px; } /* Header styles */ #header { clear:both; text-align:center; width:100%; } #header { border-bottom:1px solid #000; } #header p, #header h1, #header h2 { padding:.4em 15px 0 15px; margin:0; } #header ul { clear:right; float:right; width:100%; list-style:none; margin:10px 0 0 0; padding:0; } #header ul li { display:inline; list-style:none; margin:0; padding:0; } #header ul li a { display:block; float:right; margin:0 0 0 1px; padding:3px 10px; text-align:center; background:black; color:#D46912; text-decoration:none; position:relative; right:15px; line-height:1.3em; } #header ul li a:hover { color:#fff; } #header ul li a.active, #header ul li a.active:hover { color:#fff; background:#000; font-weight:bold; } #header ul li a span { display:block; } /* 'widths' sub menu */ #layoutdims { clear:both; background:#eee; border-top:4px solid #000; margin:0; padding:6px 15px !important; text-align:right; } /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; /* width of page */ position:relative; } .col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } /* 3 Column settings */ .threecol { background:black; /* right column background colour */ } .threecol .colmid { right:25%; /* width of the right column */ background:black; /* center column background colour */ } .threecol .colleft { right:50%; /* width of the middle column */ background:black; /* left column background colour */ } .threecol .col1 { width:46%; /* width of center column content (column width minus padding on either side) */ left:102%; /* 100% plus left padding of center column */ } .threecol .col2 { width:21%; /* Width of left column content (column width minus padding on either side) */ left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ } .threecol .col3 { width:21%; /* Width of right column content (column width minus padding on either side) */ left:85%; /* Please make note of the brackets he (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ } /* Footer styles */ #footer { clear:both; float:left; width:100%; border-top:1px solid #000; } #footer p { padding:10px; margin:0; text-align:center; } /* begin styles for RSS Feed */ .rss-box { margin: 1em; width: 200px; background-color: #000000; } .rss-items { margin-top:0px; padding:0.5em; 0.5em; margin-left:0px; color:#FFFFFF; } p.rss-title {padding:0.5em;} .rss-title { text-decoration: none; font-family: small helvetica, arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; font-size: 12px; background-color:#000; color:#f93; font-weight:bold; margin: 0px; padding:0em; text-align: left; } .rss-item { font-family: small helvetica, arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; font-size: 12px; font-weight : normal; list-style:none; padding-bottom:1em; } .rss-item a { text-decoration : none; color: #f93; font-size: 12px; font-weight:light; font-family:small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; } .rss-item a:visited { color:#a51000; } .rss-date { font-size: 85%; font-weight : normal; color: #ccc; } </style> </head> <body> <div id="header"> <a href=/index.html><img src="Header.jpg" alt="art gossip truth" longdesc="http://artheat.net" /></a> </div> <div class="colmask threecol"> <div class="colmid"> <div class="colleft"> <div class="col1"> <!-- Column 1 start --> <!-- Begin #main --> <div id="main"><div id="main2"> <!-- Column 1 end --> </div> <div class="col2"> <!-- Column 2 start --> <h2><a href="/project">Project</a></h2> <p>Project is ablah blah blah</p> </div> <div class="col3"> <!-- Column 3 start --> <h2><a href="/wiki">DataBase</a></h2> <p>DataBase is etc etc etc</p> <h3>What's New on DataBase</h3> <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ANewpages%26feed% 3Drss&num=25&date=y&tz=+2&targ=y" type="text/javascript"></script> <noscript> <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ANewpages%26feed% 3Drss&chan=title&num=25&date=y&tz=+2&targ=y&html=y">View RSS feed</a> </noscript> <h3>What's Changed on DataBase</h3> <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ARecentchanges%26 feed%3Drss&num=25&date=y&tz=+2&targ=y" type="text/javascript"></script> <noscript> <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ARecentchanges%26 feed%3Drss&num=25&date=y&tz=+2&targ=y&html=y">View RSS feed</a> </noscript> </div> </div> </div> </div> <div id="footer"> <p>ArtHeat is open to any submissions or comments. Email us at <SCRIPT LANGUAGE="JavaScript"> var anchortext = "ArtHeat"; var mailpart1 = "artheat"; var mailpart2 = "gmail.com"; document.write("<a href=" + "mail" + "to:" + mailpart1 + "@" + mailpart2 + ">" + anchortext + "</a>") </script></p> </div> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-1848067-8"; urchinTracker(); </script> </body> </html> Hi all, this is my first post. First of all, my website is http://explosions.us.to Right now, whenever you click on something from the "nav" the links stay in the same place like they should. However, I want this to be the new 'about' page. Notice how the "nav" images change because of the added content in the layout cell. Any help on how to fix this is appreciated! I built my web site using NVU. It looks OK when I open it in the Firefox browser but not in IE. Could anyone tell me what is wrong? I know very little about HTML code. Take a look at it in both browsers and you will see what I mean. I would like to for it to work with both browsers. http://www.kentuckybarrels.com Thank you for any assistance. Hi there all, this looks like a great place to get answers. I'm trying to make a site which is "centered" but I need to add a vertical scrolling text box on top of one of the graphics. You can see what I mean at Http://www.Senor-Dicks.co.uk/tester.html I can get the box up but it has an absolute position and won't stay in the right place. I'm using Dreamweaver and any help would be appreciated. It's been driving me nuts for about 3 weeks now. Thanks in advance. Howdie! I created my first homepage - real easy. What are the next steps? I cant understand why people make such a big deal about it. I found it easy. Here it is http://supanerd.blog.homepagenow.com/ Now I want to do one of those great moving cursors with my name rotating around. How can I fix this up? Can any of you guys give me some tips on how to integrate it. Appreciate your help! This is my website that I am making...only the home page is ready as of right now....I have reached a point to which I am stuck! I really like the way that it looks but I am not sure how to improve it...the banner seems sort of plain to me....From the red at the top to the red at the bottom, I pretty much like the way that it looks....Would someone please take a look at it and give me some suggestions? Here is the link: http://crazyforclay.webng.com/index.htm BTW....This is my first website, I know its not great! Hi I have started building a site a need some help with it my site work in progress is here http://wedding-directory-australia.discovery-web.net/ 1) i want to get the buttons at the top and bottom of the page to not have any space between them and the tabe so the run hard up against the table 2)I have the table border at 0 but thier is still white space between the tabe edge and the photos on the side and top - i was hoping to get the photo so the run to end of the table with no white space 3)also not sure if i am inthe right section for this question but i will try anyway - the buttons at the bottom of the page which designed in fireworks are working correctly but the ones at the top of the page the roll over does not work not sure why or how to fix this ..........thanks in advance for any help |