|
HTML - Compressing Page, Adding Transparent Background, & Web Form
Hello all,
I am helping a company develop a website right now. But, I am very new to it and would like some help. I went to w3schools but I am not getting enough info. I needed help on the problems that I stated in the title. Here is my code. I added a transparent code on the bottom, I tried to change the background by putting my renaming my picture and uploading it through godaddy. Since I have hosting and domain with godaddy, and I use companies computers I can't install a FTP client because of some restrictions. If you are confused with what I say, please ask me to clarify. If you can, can you send me your AIM, GTALK, MSN, ETC.... so we can diagnose this problem. <html> <body> <p> <Center> <h1>Welcome to _____________</h1> </Center> </p> <p> <Center> <h3>*******<h/3> </Center> </p> <center><p><h2> Contact Us: ..........<h/2></p> </Center> <p> <h3><b>Introducing The ***:</B><h/3> <center> <h4>*$125.00 A Month Gets You Basic Service Office Space <p>Assigned Phone Number with Option of Voice Mail or Call Forwarding</p> Personal Email Address <br>(Ex: YOURBUSINESSNAME@........)</br> <p>Access to our Conference Rooms</p> <p>Professional Address for Mail</p> <p>Wi-Fi with in our Office</p> <p>E-Fax</p> In Addition you will have Exposure to other Professionals in Real Estate Business. <h/4> <p>Extended Use of Reception Personnel</p> <p>Private Office</p> <p>Warehouse Space</p> <p>Accounting and more!</P> $250 Initial Setup Fee Will Be Required <p>*Contact us for more information on optional services</p> </Center> <p> <h3>Along with the next step program, we offer services such as:<h/3> </p> <p> <ul> <li>Tenancy</li> <li>Property Management</li> <li>Rehabilitation</li> <li>Remodeling</li> <li>Road to Ownership</li> </ul> </p> <p> <Center> Below are videos that explain more about our mission to provide services to the Chicagoland area. </Center> </p> <html> <head> <style type="text/css"> div.background { width: 500px; height: 250px; background: url(bcc.jpeg) repeat; border: 2px solid black; } div.transbox { width: 400px; height: 180px; margin: 30px 50px; background-color: #ffffff; border: 1px solid black; filter:alpha(opacity=60); opacity:0.6; } div.transbox p { margin: 30px 40px; font-weight: bold; color: #000000; } </style> </head> <body><div class="background"> <div class="transbox"> <p>This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. </p> </div> </div> </body> </html> Similar Tutorialsi am trying to call a transparent png as an image background for a table and i have the code to get it to work for IE 6 and IE 7 but when i add in a doctype "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">" it doesnt work. Here is a section of my code: <style type="text/css"> .stock { background-image: url("BG.png"); background-repeat: repeat; background-position: top; behavior: url('pngbehavior.htc'); padding: 11px; } </style> and then call the table like this: <table width=800 class=Stock> the pngbehavior.htc is the same transparent png attachment that is floating around the net. What i am trying to know is does anybody have a way of calling it so that it works in IE 5, 6, 7 and firefox with the doctype command? it works fine before i put the doctype command in it but i am using some other code that needs it. Thanks guys Here's what I'm up to: Made this scrolling desktop background on my Windows XP machine and found that the desktop icons, which appear transparent over a standard, static wallpaper, are no longer so when the desktop background is changed to an HTML one. That is, the text that displays as if typed with a drop-shadow over a static .jpg wallpaper image shows up over an HTML background inside a colored box. I'd like to get the "no box" effect, the standard XP text with a drop shadow, over the HTML background. Is this possible? Hi I have an unusal problem. I have a rather large document written in Word that I need to convert to HTML files. I would love to use HTML Help, however I cannot use compressed files, I need to have strictly HTML flat files. I would like to know if anyone has every created help files without using a .CHM file. If so how difficult is it and what are the steps involved. I am in hopes that I can simply create a CSS file and save the document as a HTML file. I have no problem opening the file from a browser but now I would like to make it appear like a help file with bookmarks and maybe even a search feature later down the road. For now I would be extremely happy with bookmarks. Can I go directly into the source and create bookmarks? Or is there more to the help file that is created by CHM files? Thanks in advance for any assistance or suggestions. Hello, I am new here. I am using a blogging system that limited size for index.html, and it does not support php, and my Index size remaining is going to be finished and then, I can not do any changes in my Index.html . I am using about 110 subjects in my subjects menu, and it engross about 1 of 4 pieces of the index size. I made a new page and I putted all of subjects codes and it has no problem when I entered them and then, I used iFrame code in my menu bar in index.html and I linked the iframe to the page that contains subs. now, I when visit my blog, I see all of codes they are under iframe does not work anymore, but iframe works and it has no problem in size and code. can you please help me? please remember my blogging system doesn't support php. thanks a lot. Hello! Made this layout mostly with tables. When the window is made smaller than the width the layout was originally intended for, the cells get narrower and taller, making the background image tile itself. Is there a way to stop the tables from resizing themselves when the window is made less wide? Page is here Hey, I embedded a youtube video on my site and then I tweak the youtube embed video code and added in hidden=true and &autoplay=1&loop=1. I hid the video and made it autoplay and loop, and got background sound. Works great and works both on IE and Firefox. But I'm just wondering, is it against youtube's rules to hide their videos on your site. I feared that so I took the video off. My Headfirst book on page 404 says to add the background-image property to a paragraph so I add the code for that and a few other changes highlighted in bold in last paragraph but it doesn't show the image on the browser and the css validator does not show it as an error, also what I don't understand is why there are THREE classes with the same name [.guarantee] in this stylesheet? The url is: file:///C:/Headfirst/HFHTML_ch10/lounge/lounge.html body { font-size: small; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 1.6em; } h1, h2 { color: #007e7e; } h1 { font-size: 150%; } h2 { font-size: 130%; } .guarantee { border-color: black; border-width: 1px; border-style: solid; background-color: #a7cece; padding: 25px; margin: 30px; line-height: 1.9em; font-style: italic; font-family: Georgia, "Times New Roman, Times, serif; font-color: #444444 body { font-size: small; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 1.6em; } h1, h2 { color: #007e7e; } h1 { font-size: 150%; } h2 { font-size: 130%; } .guarantee { border-color: black; border-width: 1px; border-style: solid; background-color: #a7cece; padding: 25px; margin: 30px; line-height: 1.9em; font-style: italic; font-family: Georgia, "Times New Roman, Times, serif; font-color: #444444 body { font-size: small; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 1.6em; } h1, h2 { color: #007e7e; } h1 { font-size: 150%; } h2 { font-size: 130%; } .guarantee { border-color: black; border-width: 1px; border-style: solid; background-color: #a7cece; padding: 25px; margin: 30px; line-height: 1.9em; font-style: italic; font-family: Georgia, "Times New Roman, Times, serif; font-color: #444444 background-image: url (images/background.gif) ; } I'm editing a tumblr, with complete custom HTML, and I was wondering how I'd either add one fixed white rectangle going down the page vertically (the posts are centered on the page, but the page background is too distracting from the posts themselves). Or, how I would just add white borders around each individual post? This should explain the look I want (with different colors/ background/ etc) Hi All This is my first post so i hope I provide all the info you need, to be able to help. I am working inside Macromedia UltraDev as this is waht I was taught with over a decade ago. Problem started when I set a fixed background image to the page . . . dropdown menu still displays, but everything else (text & pics) in table seem to be hiddden behind the background image. here is the code HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1; padding:10px;}
</style>
<link rel="stylesheet" type="text/css" href="dropdown/dropdown.css" />
<script src="dropdown/btp.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="en-au">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Barcaldine Tourist Park</title>
</head>
<body>
<div align="center"> <center>
<table width="1000" border="0" cellpadding="0" height="100%">
<tr>
<td height="54" colspan="2">
<div align="center">
<h1><font face="Georgia, Times New Roman, Times, serif" size="+7">Barcaldine
Tourist Park</font></h1>
</div>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="146" colspan="2"> <span class="preload1"></span> <span class="preload2"></span>
<ul id="nav">
<li class="top"><a href="#nogo1" class="top_link"><span>Home</span></a></li>
<li class="top"><a href="#nogo2" class="top_link"><span>Park Features</span></a></li>
<li class="top"><a href="#nogo22" class="top_link"><span>Accommodation</span></a></li>
<li class="top"><a href="#nogo27" class="top_link"><span>Our Tarrifs</span></a></li>
<li class="top"><a href="#nogo57" class="top_link"><span>Special Offers
</span></a></li>
<li class="top"><a href="#nogo57" class="top_link"><span>Local Photos</span></a></li>
<li class="top"><a href="#nogo57" class="top_link"><span>Contact Us</span></a></li>
<li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Local
Attractions</span></a>
<ul class="sub">
<li><a href="#nogo54">Australian Workers Heritage Centre</a></li>
<li><a href="#nogo55">Tree of Knowledge</a></li>
<li><a href="#nogo56">Artesian Country Tours</a></li>
</ul>
</li>
</ul>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td rowspan="2" width="99"> </td>
</tr>
<tr>
<td rowspan="5" width="895" bgcolor="#FFFFFF">
<div align="center"></div>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99" height="23"> </td>
</tr>
</table>
</center></div>
<div id="page-background"><img src="images/bg.jpg" width="100%" height="100%" alt="Smile"></div>
<div id="content">
</div>
</body>
</html>
i'm trying to put a transparent png img on a colored background, in IE6 the transparent part of the img appears as a color instead of transparent how can i fix that??? the attached imgs shows how it's appearing in IE6 and FF Ok I'd really like to design a darker them with a lot of textures like this one: http://www.grafpedia.com/tutorials/c...o-pixel-layout But thats just a photoshop walk-thru. So how would you go about making a background like the one shown with a couple of different textures without making just 1 large huge image? I'm worried about download times as I have my background image as a 1px image set on repeat. But if I choose to have a site design like shown in that link, I cant use the 1px image size option any more, or can I? Basically I'm lost as to how to get my site to look like the design in the link. Here it is now: http://acidtripmediaproductions.com/lmi/index.html I'd like to extend the main center div to go from the top to the bottom and "Frames" all the content within it Whats the easiest way to do that? Would I want to keep the side bar nav where its at if I do this? tenchars// I've attached the code for a template I'm wanting to use. I want to add a column to the left side of the page that runs the length of the page. Is there anyone out there who can assist me with the code to do that. I'd be exceedingly grateful. I'm afraid I'm table dyslexic. Thanks in advance to anyone who can help. Can anyone help me add a date to my form? This is HTML, not PHP. I have tried using a JAVA script to create a date variable. I cannot figure out how to get this variable into my form and have it SUBMIT properly. Thanks rmsowell123 Hello, I have tried to add the email code to my form but when I tested it something didn't work... Here is the form code, please let me know the correct way. HTML Code: <div class="contactform"> <form id="Contactform" method="post" action=""> <ul> <li> Name: <div class="inputbox-details"> </div> <div class="inputbox last"><input name="name" id="id_name" type="text" /></div></li> <li><label for="id_email"> Email: * </label> <div class="inputbox-details"> </div> <div class="inputbox last"><input name="email" id="id_email" type="text" /></div></li> <li><label for="id_category"> Category: * </label> <div class="inputbox-details"> </div> <div class="inputbox last"><select name="category" id="id_category"> <option value="General inquiry">General inquiry</option></select></div></li> <li><label for="id_message"> What's on your mind?: * </label> <div class="inputbox-details"> </div> <div class="inputbox last"><textarea id="id_message" rows="10" cols="40" name="message"></textarea></div></li></ul> <div class="text-right"> * Indicates a required field. </div> <div class="text-left"><br /> <input src="images/contact_button.gif" class="send" action="mailto:myemail" alt="Search" type="image" /></div></form></div> ty Hi, How can I explicitly add parameters to a form, besides the input that the user has inserted ? I have tried something as: action="www.nnn123.com?myPrameter=1" but it doesn't work... thanks Hi, Background: I have a small page that need to be embeded into a bounch of other html pages. Help needed: 1. Please provide the html chunk that I can use to embed the small page in to other html pages. 2. Is there a way of not using iframe? Can I use <Object> or <embed>? How? --------------------------- mba colleges in london hospitality management diploma I have the following Web Page: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="en-gb" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> </head> <body > <div style="margin:auto;text-align:center"> <div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div> <div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div> <div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div> </div></body> </html> If I add another DIV with an image inside it, the images all move to the left by 8 to 10 pixels. This is the second version of the page: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="en-gb" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> </head> <body > <div style="margin:auto;text-align:center"> <div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div> <div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div> <div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div> <div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div> </div></body> </html> I have no idea why the page center moves to the left, but it means that I can't get my page banner to appear the same on every page. (I've stripped out all the extra content and codes to just leave the offending images.) I primarily use Firefox, but the same is happening in IE and Opera. Can anybody tell me what's happening? (I apologise if this is a well known, frequently asked question, but I couldn't find an answer and this is driving me up the wall, so any help is appreciated.) Hi guys I want to add simple paypal button at my ebooks selling website. Price is fixed 50$ and I don't wish many many fields. Just email address and name are fine. Please give me any code that I can paste and change the following to set to my site payment account id successful_url failed_url notification email amount I want that after successful payment buyer move to download page or for failed payment move to error page. Anybody please help me GCS |
|||||||