|
HTML - Generate Page With Image Borders
Hello,
I am a newbie to HTML. I am trying to generate HTML code as a basis to an email. I wish to have a image at the top of the page (page wide 780 pixels) two lines in the sides (based on colored line image) and an image at the button. My problem is: how can I add an image to the left side and the left side of the body part and add text/tables/images etc. between them so it's length will dynamically shorten/lengthen according to the body number of lines ? Thank you for your help Similar Tutorialsthis is an ultra-newbish question and one that i hope doesnt offend too many peoples skill-sets but i'm actually just wondering how to put two vertical color-coded borders on my page; one flush with the left side and one flush with the right that run down the length of the page. I want borders on some of my images. The ones i dont want border's i have Border="0" But i still have borders om them. The 2 that i dont want the borders on are the first 2 named Swish.gif & PC.gif Mine site is www.desgnr.bravehost.com Can you please help find the problem ? Hi all, first post so please be kind! I have a toy and comic fansite here http://www.bloodforthebaron.com I have just discovered that my IMG BORDER="3" code is not working in Internet Explorer and AOL, please view using Firefox for the proper version. Please could someone advise? Don't worry about being patronising, I am self-taught and oftimes dense. Im trying to figure out how to make my page borders absolute. So that the text I enter is forced to the next line and the table expands to accommodate whatever text is entered. Instead, whats happening is the page is expanding to the right, to accommodate the excess text. I've not messed with any html in a long time, used to be I could just use nested tables to accomplish this but no longer. I plan to use this code for an ebay store template so trimming the text or manually splitting it from line to line isn't an option. if anyone could help me or point me in the right direction so I can fix this or learn how to fix it It would be much appreciated. page in question is located here surrenderyourwings(dot)com/layout(dot)html http://surrenderyourwings.com/layout.html So I decided to see if I could make my site XHTML 1.0 Strict-compliant. Here's the main page on my test server I'd be thrilled with it if I could do 3 things: - Set the background color of the left column to match the color behind the fonts. Is there a CSS class I can create and set the cells to that class? - Remove the border around clickable images. - Get the spacing between the menu options on the left to look the way it does on the other pages in the site. If you click any of the pages on my actual site you can see the look I'm going for. Thanks as always for the help! Joshua Hello to all, I have been trying to research and track down the solution to a browser consistency issue I'm having. On my page, myaplusservices.com/index.html , I have successfully removed the borders for each frame in Firefox; however, in Internet Explorer the borders are still appearing as thin white lines between each frame. I hope there is some way to correct this so it's consitent between the different browsers. I am new to this and I'm about ready to pull out my hair... =) <!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> <title>A+ Services- Mesa, AZ</title> </head> <frameset cols="*,800,*" frameborder=no border=no framespacing=no frameborder="0"> <frame src="leftblank.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frameset rows="100,30,*,30" frameborder=no border=no framespacing=no> <frame src="banner.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frame src="buttons1.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frameset cols="150,650" frameborder=no border=no framespacing=no> <frame src="navbar.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frame src="home.html" name="main" noresize frameborder=no border=no framespacing=no> </frameset> <frame src="footer.html" scrolling=no noresize frameborder=no border=no framespacing=no> </frameset> <frame src="rightblank.html" frameborder=no border=no framespacing=no> </frameset> </html> I appreciate any help I can get. Thank you, the title makes it sounds really confusing. Ok im making my first website, and i need help with a code, (as you can see on www.dalekblaster.co.uk) i have got a section at the top where the images change from one to another. The code is - HTML Code: // Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 5;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'http://www.dalekblaster.co.uk/images/banner/dalekblasternexttime.jpg'
Pic[1] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster2.jpg'
Pic[2] = 'http://www.dalekblaster.co.uk/images/banner/dalekblastersjanexttime.jpg'
Pic[3] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster.jpg'
// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
Now i need help because, i want to link each picture on the slideshow to a differnet page or external site, but im not sure how. (but so they can go to different pages not the same one) can anyone help me? Is there any way to use an xml file and create a link to a new page that has information based on a block of data in the xml file? hi there, my first post here. ok i haven't done development for awhile, and recently i'd designed a layout with adobe photoshop. was wondering what's the quickest way to create the code in html? which software is best and effecient? i usually hand code everything but i'm trying to save time. thanks a bunch!!! Is it possible to generate a form within a loop. As I want a page that will have 200 form fields so was going to use a javascript loop to generate all 200 but I can not get it to work. Is this possible? Code: <form action="rename_sensors.htm" method="post">
<table align="center" cellpadding="2">
<tr>
<td><b>Sensor address</b></td><td><b>Current Name of Sensor</b></td><td><b>New Name for Sensor</b></td>
</tr>
<script type="text/javascript">
for(i=0;i<200;i++)
{
document.write("<tr>");
document.write("gfg");
document.write("<td>~address(0)~ </td>");
document.write("<td>~name(0)~</td>");
document.write("<td><input type="text" name="name[0]" maxlength="16" value="~name(0)~" size="20"></td>");
document.write("</tr>");
}
</script>
<tr>
<td><input type="submit" value="Save"></td>
</tr>
</table>
</form>
the fields within ~and~ are got from a webserver dynamically. Many Thanks Hello. I'm a newbie here. I've been asked to design a web site for a club I'm involved with. Unfortunately they have purchased a cheap hosting package, so I have no Java/JSP, no PHP and no MySql. Pure static pages only. Sigh. I've found a nice looking template I can use - has nice drop down menus for navigation etc. It doesnt use frames. Now, since I want to navigate between half a dozen content pages, it seems that each of my pages has to contain all the common stuff - the menu, sidebars, etc. I'd kill for an <import src="..."/> tag :-) So, are there any design patterns that will allow me to achieve templating of all the menus and common code? Alternatively, are there any code-time coding tools that will generate run-time static pages based on templates? Any advice welcome. Thanks. imo. First of all, sorry, i didn't post it in english because i searched for a forum in my language . Second : I am trying to create a script, that will use the script you can see under this text and auto click a link that is generating itself randomly and changes position, color, letter order every time you want to click it again (the "fight again" link has to be clicked on order to get points by beating up the enemy. This link "fight again" is hard coded.. it even has a brother fake link that carries the same name but get's you elsewhere if you accidentally click it. green. bots2. net is the site... if anyone can help me out by enlightening me up a little, to tell me where I can start to be able to do a script that finds this link and click it repeatedly. Don't point to mouse auto-clickers since these are useless, like I said .. the link is changing color, position and link number: e.g good link : http://green.bots2.net/fight.php?ch_...r&pageid=36079 bad link : http://green.bots2.net/fight.php?ch_...r&pageid=36080 next fight: good link : http://green.bots2.net/fight.php?ch_...r&pageid=25191 bad link : http://green.bots2.net/fight.php?ch_...r&pageid=25190 Here is the site's frame source ======================================== <HTML><HEAD> <link rel="stylesheet" href="bots2.css"> </HEAD> <BODY BGCOLOR="#000000" TEXT="#00cc00" LINK="#99cc00" VLINK="#33cc00"> <CENTER> <H4>B.O.T.S. - The Battle</H4> <h4>Deus Ex Machina vs Petertjuh4</h4> </CENTER> <script> parent.header.fillInfo('Deus Ex Machina','#99aaaa',150,36494,7415,216,2109294,33568093468); </script> <HR size="1" noshade> <script> ah = new Array(); aattempts = 0; dattempts = 0; amaxhit = 0; dmaxhit = 0; amiss = 0; dmiss = 0; ablock = 0; dblock = 0; function fl(hitter, hit, hitweapon) { return parent.FightLine(hitter, hit, hitweapon); } function ShowHit(i,chid,opps,fid,nid,chlvl) { if (!ah) return; line = ah[i]; if (i<ah.length-1) { document.all('arena').innerHTML += line; document.all('endpage').scrollIntoView(true); i++; nexthit = 'ShowHit('+i+','+chid+',\''+opps+'\',\''+fid+'\',\''+nid+'\','+chlvl+')'; setTimeout(nexthit, 800); } else { if (ddamage>dmaxhp) { winner = a; } else { winner = d; } document.all('arena').innerHTML += line; if (aattempts+dattempts>0) { document.all('arena').innerHTML += parent.Report(); } document.all('arena').innerHTML += report; geel = '#' + (parseInt(Math.random()*150)+100).toString(16) + (parseInt(Math.random()*150)+100).toString(16) + (parseInt(Math.random()*150)+100).toString(16); if (parseInt(Math.random()*2)) { toright = '<font color="'+geel+'">></font>'; toleft = '<'; } else { toright = '<font color="'+geel+'">»</font>'; toleft = '«'; } fakeagain1 = '<p><font color="black">----</font><a href="fight.php?ch_id='+chid+'&opps='+opps+'&pageid='+fid+'"><span id="a1">Fight this bot again</span></a></p>'; fakeagain2 = '<p><font color="black">-</font><a href="fight.php?ch_id='+chid+'&opps='+opps+'&pageid='+fid+'"><span id="a2">Fight this ot again</span></a></p>'; fightagain1 = '<p><font color="black">---</font><a href="fight.php?ch_id='+chid+'&opps='+opps+'&pageid='+nid+'"><span id="a1">Fight this bot again</span></a>'; fightagain2 = '<p><font color="black"></font><a href="fight.php?ch_id='+chid+'&opps='+opps+'&pageid='+nid+'"><span id="a2">Fight this bot again</span></a>'; grijs = '#' + '0' + (parseInt(Math.random()*16)).toString(16) + '0' + (parseInt(Math.random()*16)).toString(16) + '0' + (parseInt(Math.random()*16)).toString(16); //geel = '#' + (parseInt(Math.random()*16)+188).toString(16) + (parseInt(Math.random()*16)+240).toString(16) + (parseInt(Math.random()*16)+86).toString(16); //groen = '#' + '0' + (parseInt(Math.random()*16)).toString(16) + (parseInt(Math.random()*16)+240).toString(16) + (parseInt(Math.random()*16)+86).toString(16); groen = geel; backlink = '<p><font color="black">-----</font><a href="fight_index.php?page='+chlvl+'&opps='+opps+'"><font color="'+groen+'"><span id="bl">Back to the fight list</span></font></a></p>'; if (parseInt(Math.random()*2)) { if (torape) { torape--; fightagain2 += ' ('+torape.toString()+' to rape limit)'; } fightagain2 += '</p>'; if (parseInt(Math.random()*2)) { fightagain = fakeagain1 + fightagain2 + backlink; } else { fightagain = fakeagain1 + backlink + fightagain2; } document.all('arena').innerHTML += fightagain; a1.style.color=grijs;a2.style.color=geel; } else { if (torape) { torape--; fightagain1 += ' ('+torape.toString()+' to rape limit)'; } fightagain1 += '</p>'; if (parseInt(Math.random()*2)) { fightagain = fightagain1 + backlink + fakeagain2; } else { fightagain = backlink + fightagain1 + fakeagain2; } document.all('arena').innerHTML += fightagain; a2.style.color=grijs;a1.style.color=geel; } a1.style.textDecoration='none';a2.style.textDecoration='none'; bl.style.textDecoration='none'; //document.all('arena').innerHTML += backlink; document.all('endpage').scrollIntoView(true); } } adamage = 0; ddamage = 0; amaxhp = 0; dmaxhp = 0; a='<font color="#99aaaa">Deus Ex Machina</font>';d='<font color="#aa11ff">Petertjuh4</font>';awr='doom maul';awl='doom maul';dwr='thunder hammer';dwl='thunder hammer';amaxhp=1250;dmaxhp=600;ah[0] = fl(d,92,dwr);ah[1] = fl(a,795,awr);ah[2] = fl(a,754,awl);torape=0;report = '<p>The battle is over. Petertjuh4 is destroyed.</p><p>The B.O.T.S. Union takes 1 kudos from Petertjuh4 and gives it to the winner, Deus Ex Machina.<br>You now have 2,109,295 kudos.</p><p>Your bot gains 11,617 experience points + 5,808 diplomacy bonus (2,202,699,269 xp to next level).</p><p>Auto-repair : No repair costs have been deducted. </p>';</script> <span id="arena" class="p"></span> <span id="endpage"></span> <script> ShowHit(0,188832,'war','94400','94399',150); //parent.ShowHit(0,188832,'war','94400','94399',150); </script> <p><font color="#cc4444"> </font></p> </BODY> </HTML> ========================================= Page info TYPE : text/html Render Mode : Quirks mode Encoding : ISO-8859-1 =========================================== THANK YOU FOR YOUR TIME! <html> <head> <title>index</title> </head> <frameset rows="*" cols="128,*" frameborder="no"> <frame src="menu.html" name="menu"> <frameset rows="180,*" cols="*" frameborder="no" title="ss" accesskey="ss" tabindex="ss"> <frame src="velkommen_logo.html" name="main"> <frame src="sek.html" name="bottom"> </frameset> </frameset> <noframes></noframes> </html> that is the code but in explorer it shows borders and i dont know why plzz help me ok im having trouble with table borders, i know it works but when i upload it to my website it dosnt work, My website url where the table is located: http://dclxvi.co.uk/htmlform.htm the code: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en-GB" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="A site for contacting a dj to play at an event"/>
<meta name="keywords" content="DJ, Decks, AI-disco, AI Disco, Disco"/>
<meta name="author" content="Ashley Sargent"/>
<link rel="stylesheet" href="stylee.css" type="text/css" />
<title>DCLXVI: Booking</title>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="navigation">
<div id="navigation">
<ul class="menu">
<div class="left">
<a href="index.html"><img src="imagess/homet.gif"
onmouseover="this.src='imagess/homet1.gif'"
onmouseout="this.src='imagess/homet.gif'">
<a href="services.html"><img src="imagess/services.jpg"
onmouseover="this.src='imagess/services1.jpg'"
onmouseout="this.src='imagess/services.jpg'">
<a href="about.html"><img src="imagess/about.jpg"
onmouseover="this.src='imagess/about1.jpg'"
onmouseout="this.src='imagess/about.jpg'">
<a href="contact.html"><img src="imagess/contact.jpg"
onmouseover="this.src='imagess/contact1.jpg'"
onmouseout="this.src='imagess/contact.jpg'">
<a href="tos.html"><img src="imagess/faq.jpg"
onmouseover="this.src='imagess/faq1.jpg'"
onmouseout="this.src='imagess/faq.jpg'">
<a href="gallery.html"><img src="imagess/gallery1.jpg"
onmouseover="this.src='imagess/gallery2.jpg'"
onmouseout="this.src='imagess/gallery1.jpg'">
<a href="login.php"><img src="imagess/login.jpg"
onmouseover="this.src='imagess/login1.jpg'"
onmouseout="this.src='imagess/login.jpg'">
<a href=""></a>
<form name="htmlform" method="post" action="html_form_send.php">
<table border="2" bordercolor="FF0000">
</tr>
Personal Information
<tr>
<td valign="top">
<label for="Tital">Tital *</label>
</td>
<td valign="top">
<select>
<option><selected>--Please Select--</option>
<option>Mr</option>
<option>Mrs</option>
<option>Miss</option>
<option>Dr</option>
<option>Other</option></select>Other:<INPUT type="text" SIZE="20">
<tr>
<td valign="top">
<label for="first_name">First Name *</label>
</td>
<td valign="top">
<input type="text" name="first_name" maxlength="50" size="30">
</td>
</tr>
</select>
<tr>
<td valign="top"">
<label for="last_name">Last Name *</label>
</td>
<td valign="top">
<input type="text" name="last_name" maxlength="50" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="email">Email Address *</label>
</td>
<td valign="top">
<input type="text" name="email" maxlength="80" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="telephone">Telephone Number *</label>
</td>
<td valign="top">
<input type="text" name="telephone" maxlength="30" size="30">
</td>
</tr>
</tr>
<tr>
<td colspan="2" style="text-align:center">
<!-- We are grateful to you for keeping this link in place. thank you. -->
</td>
</tr>
</table>
<table border="2" bordercolor="FF0000">
<tr>
Event Information
<td valign="top">
Occasion<select>
<option><selected>--Please Select--</option>
<option>Birthday</option>
<option>Wedding</option>
<option>Anniversary</option>
<option>Party</option>
<option>Engagement</option>
<option>Valentines</option>
</select>
<ul class="noindent">
<div style="overflow-x: hidden; overflow-y: scroll; height: 150px; width: 420px;">
Tick as many as you need.
<li><input type="checkbox" name="color" value="red">70's<br>
<li><input type="checkbox" name="color" value="green">80's<br>
<li><input type="checkbox" name="color" value="blue">90's<br>
<li><input type="checkbox" name="color" value="blue">Cheese<br>
<li><input type="checkbox" name="color" value="blue">Mainstreem R n B<br>
<li><input type="checkbox" name="color" value="blue">Dance<br>
<li><input type="checkbox" name="color" value="blue">House<br>
<li><input type="checkbox" name="color" value="blue">Gargae<br>
<li><input type="checkbox" name="color" value="blue">Hip-Hop<br>
<li><input type="checkbox" name="color" value="blue">Karaoke<br>
<li><input type="checkbox" name="color" value="blue">Other <INPUT type="text" SIZE="5">
</div><br>
</ul>
Event Date<INPUT type="text" SIZE="15"><br>
Length of Party<select>
<option><selected>--Please Select--</option>
<option>1 Hour</option>
<option>2 Hours</option>
<option>3 Hours</option>
<option>4 Hours</option>
<option>5 Hours</option>
<option>Other</option></select>Other:<INPUT type="text" SIZE="10"><br>
Location <INPUT type="text" SIZE="20"><br>
Additional Information<br>
<textarea name="comments" cols="40" rows="5">
Enter your comments here...
</textarea><br>
<input type="submit" value="Submit" />
</form>
</td>
</tr>
</form>
</body>
</html>
I'm wanting to create a page with a border around the edges of the browser window that changes when the user resizes the window. I would have four .jpg files which would serve for each individual side of the border. Is this possible in dreamweaver or HTML code? I wouldn't mind clipping of the edges when the window is resized smaller, but I would want the bottom and top sides to be layered on top of the sides. Thanks in advance. Jake Wolf Is there a way to turn off a portion of a border in a cell of a table. Similar to what you can do in an excel file. I attached a sample of what I am looking to do, of course the image I attached was edited in photoshop to remove the bottom left border of the cell. Just curious if there is any html to turn on and off portions of a cells border. Thanks! In some sites there are nicely rounded borders. How do they make them? With images of course, but is there any easier way? I am new to html, so could anyone tell me how to center text withhin a border that is centered on the screen. I seem to be having a problem, b/c I can only get the text to center but the border spans the entire page. I just want the bordered text to be in the middle of my web page. I have the following code, and it works but I want to change the style of the border, while keeping the border in the center of the page as it is now. Thanks in advance. <html> <body> <table border="1" bordercolor="yellow" align="center"> <tr> <td> </td> </tr> </table> </body> </html> //I want to change border = "1", to something like groove,outset, inset etc. But I want the border to stay only in the center of the page. |
|||||||