|
HTML - Small Problems- Need To Finish Site
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 Similar TutorialsHello Ive got a bit of a problem which is really doing my head in trying to figure it out. It could be related to a script ive just used to produce a small slideshow/gallery, or could be to do with the tables. Ive highlighted the two areas with a red box in the attachment below, the main problem is the yellow line in the top left corner. on the other pages its not there... I noticed that there is a gap between the top page and the design of the site (which isnt meant to be like that), the whole design should be a little higher. Ive also attached the site code, im hoping someone can look and apologies if the code is messy (which it may well be..) thanks for any help So here's my site http://canadianhabbo.com/ Now when you make the screen smaller everything moves together, make it bigger and it looks normal... I'm wondering how to make my images stick... this is the code I'm using to align the main image where I want it. HTML Code: <span style="position:absolute; z-index: 1; left:15%; top:30.5%"> <img src="http://canadianhabbo.com/images/mainimage.gif"/> </span> Try it yourself drag the window smaller and larger and you'll see what I mean. ;] Basically the only reason I'm worrying about this is because people with 800x600 setting will most likely have problems viewing it. Hope someone can help. Hi Guys, I have a simple question, I havent done any web/html stuff for a long time, ive totally forgotton how to do everything. At the moment im working on a small project, I was thinking of running it off a database but I think its way to complicated even for that as all I need is a single html page that populates with information that I have when certain inormation is entered. Basically its a contact list, name, number, ID, landline fax number etc. I have a list of about 400 names which I want to be searched by a ID and state, so for example, theres 2 data entry boxes, one is a drop down box of states and the next is a text entry field where you enter the ID (3 digits) once selected, it populates another text field with the information. I want all the info to remain on a single page, or maybe the info on another page and displayed on the main page when the propriate ID number is entered. Id prefer it this way as I can easily edit the page with text. I dont think a database is appropriate, as I need to run this locally. Does anyone have any idea what I need to do to get this done? Id appreciate any help. Thanks alot 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. 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! Ok. 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. 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, 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. Greetings, I have actually managed to mangle a webpage together after many months. (yes!) I need help to incorporate the video elements into my page effectively. This seems a very difficult problem to me and I don't know where to start and it is all b/c I used a PSD to CSS converter instead of bucking up and learning the stuff myself =(. I really need some one to baby me through this last step, so I can get off of this project! (Check out my screencap for ref) I have these fancy html menus w/images links. I just want ppl to click on the image and get video as a result, I see 2 ways of doing this: Easy way; assign a 01.html 02.html 03.html page area all identical to the index but instead hold an embed of the video in the black box area for each and every media element. Hardway; I wanted to use a lightbox variant that holds an HTML file w/just an embedded video in it. YELP! Are there other approaches? I really want to know which way to go here, the easy way is simple provided I can get the placement of the embed correct, but I am worried about the page reloading a million times. The hard way is slick, but I would need a lot of help to do it! I am frustrated with this project and want to conquer it. It would mean a lot to me if someone (cough peg) would baby me through this> D.M. Rosemark 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. 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! 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! Hi guys, I have a bit of a problem! I have designed a page and got it going, BUT... on some screens it doesn't fit in the browser and others it fits just fine. When I say 'fits' I mean that everything on the page is in proportion, but is it too big for the screen so you have to use both the side and bottom scroll bars to see everything - on my computer it's all in at once. I'm sure there's a simple bit of code or something to sort it, but I'll be damned if i know what it is! Any way - here is the link... www.strictly-smokin.co.uk/index.htm Cheers, Michael if the question is: Your objective is to send a POST header to this script. The POST content must contain your NAME and your IP. The variable names are ip & name! In addition you have to send a cookie with the name completed=1 to this page. then what should be the syntax of the answer. i am a newbie to html. <html><body> <table width="670" height="" cellspacing="0" cellpadding="" border="0" bgcolor="#f9f5f3" align="center"> <tbody> <tr> <td><table width="650" cellspacing="0" cellpadding="6" border="0" bgcolor="#f9f5f3" align="center"> <tbody> <tr> <td colspan="2"><img width="650" height="230" align="middle" src="/assets/images/Tifco Ezine/banner.jpg" alt="" /></td> </tr> <tr> <td colspan="2"><p><span style="color: rgb(193, 139, 92);"><strong><span style="font-size: x-large;">Summer Offers at Parknasilla Resort & Spa</span></strong></span></p> <p><span style="color: rgb(193, 139, 92);"><span style="font-size: large;">Self Catering in Style</span></span></p> <p>Only €200 per night for a 5 night self catering break in one of our two bedroom luxury lodges. Situated just behind the main house the lodges offer a fantastic alternative to staying in the hotel and allow your family absolute freedom to come and go as they choose!</p> <p><span style="font-size: large;">€200 Per Night </span></p> <p><img width="112" height="35" alt="" src="/assets/images/Tifco Ezine/book_now_burlo2.jpg" /></p></td> </tr> </tbody></table> <table width="320" cellspacing="0" cellpadding="" border="0" align="left"> <tbody height="400" background="/assets/images/Tifco Ezine/background.jpg" align="middle" alt="" width="320" img=""><tr valign="top"> <td style=""><p style="text-align: left; margin-left: 15px;"> </p><p style="text-align: left; margin-left: 15px;"><strong><span style="color: rgb(193, 139, 92);"><span style="font-size: large;">Sumptuous Spa Package</span></span></strong></p> <p style="text-align: left; margin-left: 15px;">Relax & unwind in our stunning thermal spa with panoramic views of the Atlantic Ocean and Kerry Mountains!</p> <p style="text-align: left; margin-left: 15px;">Package includes:</p> <ul> <li style="text-align: left;"><p>2 Nights Overnight Accommodation</p></li> <li style="text-align: left;"><p>Full Irish breakfast</p></li> <li style="text-align: left;"><p>Gourmet Dinner in Pygmalion Restaurant</p></li> <li style="text-align: left;"><p>spa treatment</p></li> </ul> <p style="text-align: left; margin-left: 15px;"><span style="font-size: large;"> </span></p> <p style="text-align: left; margin-left: 15px;"><span style="font-size: large;">Only €269 PPS </span></p> <p style="text-align: left; margin-left: 15px;"><img width="112" height="35" alt="" src="/assets/images/Tifco Ezine/book_now_burlo2.jpg" /></p></td> </tr> </tbody></table> <table cellspacing="0" cellpadding="" border="0" bgcolor="#f9f5f3" align="right" style="width: 320px; height: 400px;"> <tbody height="400" > <tr bgcolor="#f9f5f3" background="/assets/images/Tifco Ezine/background.jpg" align="middle" alt="" width="320" height="400" img="" valign="top"> <td style=""><p style="text-align: left;"><strong> </strong></p><p style="text-align: left; margin-left: 15px;"><strong><span style="color: rgb(193, 139, 92);"><span style="font-size: large;">Gourmet Golf Escape</span></span></strong><span style="font-size: large;"> </span></p> <p style="text-align: left; margin-left: 15px;"><span style="font-size: large;"><span style="font-size: small;">Package includes:</span></span></p> <p style="text-align: left; margin-left: 15px;">2 Nights overnight accommodation</p><ul> <li style="text-align: left;"><p> Full Irish breakfast</p></li> <li style="text-align: left;"><p>Gourmet Dinner in Pygmalion Restaurant</p></li> <li style="text-align: left;"><p>Round of Golf</p></li> </ul> <p style="text-align: left; margin-left: 40px;"><span style="font-size: large;">Only €309 PPS</span><span style="font-size: large;"><br /> </span></p> <p style="text-align: left; margin-left: 40px;"><img width="112" height="35" alt="" src="/assets/images/Tifco Ezine/book_now_burlo2.jpg" /></p></td> </tr> </tbody></table> </td></tr></tbody></table> </ html></ body> The two tables in bold I have an image in both these tables as a background it is a rounded rectangle similar to the background color #f9f5f3 but there is white spacing around the image that I cannot take out. Any help is greatly appreciated. Thanks. I am a small business owner in the process of re-launching my website in WordPress. I am not all that familiar with HTML so I Googled HTML forums and here I am looking for help. I have attached a JPEG image of the image. I am trying to figure out the code to get the video on the bottom on to the top of the iTouch graphic. Here is an example of the code as it is now: <p style="text-align: justify;"><span style="color: #ffff00;"> </span><span style="color: #ffff00;"><strong> </strong></span></p> <p style="text-align: justify;"><span style="color: #ffff00;"><strong> </strong></span></p> <img class="aligncenter size-full wp-image-298" title="iphonetemplate" src="http://www.pressboxsportsimaging.com/wp-content/uploads/2010/08/iphonetemplate1.png" alt="" width="625" height="321" /><object id="vp1kgvd1" style="width: 431px; height: 286px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="431" height="286" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="scale" value="showall" /><param name="src" value="http://static.animoto.com/swf/w.swf?w=swf/vp1&e=1282406536&f=kgvd1So1SIRuh2SEwfRDEA&d=301&m=p&r=w+s&i=m&ct=www.car olinaselectlacrosse.com&cu=&options=" /><param name="align" value="top" /><embed id="vp1kgvd1" style="width: 431px; height: 286px;" type="application/x-shockwave-flash" width="431" height="286" src="http://static.animoto.com/swf/w.swf?w=swf/vp1&e=1282406536&f=kgvd1So1SIRuh2SEwfRDEA&d=301&m=p&r=w+s&i=m&ct=www.car olinaselectlacrosse.com&cu=&options=" align="top" scale="showall"></embed></object> Thanks in advance. |
|||||||