|
HTML - Noob Needs A Hand With Page Borders
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 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. 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 Basically im a bit of a noob. I have set up a blog using wordpress and got it looking 99% how i want it too, and there is a phpbb forum behind it aswell. Im trying to make the www.domain.com/forum link inaccessible unless you click a link on the main page or else put a text box on the main page where you type a "secret" word in and then displays a username and password box to then login and redirect to the forum. Is any of this possible and any advice of where to start looking? Please done reply with google haha Many Thanks Bob hi all, i have just written a book and am putting it online. i have some groovy buttons but want them to change when hovered over and also depress or change when clicked. can one of you experts give me the code for this pretty please. we could take it that: A.jpg = normal button B.jpg = when hovered (mouse over i think in your expert world) C.jpg = when clicked also i would like to know where and how the code looks to 'download XY.PDF' please help us on planet noobian, we are at a loss. 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, Hello, I have following div tag where I have a need to change the mouse pointer to a "hand" when it loads. However, this works perfectly fine on IE, but does not work at all on FF. <div id="Div1" class="panel" style=" cursor: hand; margin-right:0.5%; margin-bottom:0.5%;" onclick="javascript:window.open('img_1440.html', '','width=600px,height=400px');" > Please help Thanks, Ruchir Hi Folks, Back in the day (circa 1995), I learned HTML by looking at the source code of some pages and then doing my own thing with the code I saw. This was OK just for simple pages, but that's was all I really wanted or needed. Then came family commitments, job changes etc., and I sort of left HTML behind. Now in my forties, I cycle a lot and want to do a webpage for my travels, with some photographs etc. I tried RapidWeaver, and it does produce some nice results. However, it's still someone else's template, and besides, any more than six pages on my site and it continuously crashes. Saving the document takes about twenty minutes each time, and so I postpone saving it until I've done say, two or three pages. Then it crashes, so I have to redo those pages... Not ideal. So I scouted around and found Flux 3.0. I have to say, it's an impressive bit of kit, but because I stopped using HTML a while back, there are loads of things there that I don't know: CSS and div to name but two. I think the only option for me is to learn (or "relearn") HTML, but all of the sites I've found from my google searches so far, are either for complete beginners, or else for people whose knowledge far exceeds mine. And a google search for 'Flux tutorial' isn't much help, either. Could someone please point me in the direction of an 'intermediate' tutorial, or else one that will help me to hone and update my skills to the point where I can hand code the entire site myself? Many thanks. Hi all, Im afraid im getting a little frustrated. My fault.. Im new here but need your help. I run a forum, phpbb3 based but the style im currently using is very much HTML based. I am looking to have a left hand column within my forum but really dont know how to do it, well to add to what i already have. I think for you to know what style docs i have you would have to have a look yourself or look at my existing source code.. http://www.pricelessparrots.com/phpbb3/ Ok i have the new style ' VistaX '. This link will take you to the original download: It can be found he It seems this style is mostly created using HTML. Could someone please tell me how to add a left hand column to the page. I would like it to be on the left hand side all the way down after the header. I thought i would have a go at it but becoming increasingly frustrated with it. such a simple thing but i cannot get it. Do i float it, using css or what? I thought about using a seperate page to create the table and then include it into the doc but this doesnt work either. Plz help.. Paul Hi all, I'm having some trouble getting my website complete enough to be up and running. I can put up 1 page, but visitors would have no way to navigate my site. I'm new to HTML and know a little bit. I've read up on a few tutorials, but nothing that talks about navigation. does HTML even do this?, or is this a CSS or JavaScript thing? I'm new to this and would really appreciate the help. Thanks a million. -Andrew I wanted to get my background image in the center of my page. The Html code I'm using is as follows. <!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>Untitled Document</title> <style type="text/css"> <!-- body { background-color: #FFFFFF; background-image: url(http://i14.photobucket.com/albums/a3...HomePage.jpg); background-position:center; background-repeat: no-repeat; } --> </style></head> <body> </body> </html> When i do it. Half the image dissappears at the top of the page. Can anyone help? Hi board members I've been hard at this for hours and can't get it working. Following the tutorial on facebook in order to specify the image which is associated with the page in question, my daughter's blog which I coded in notepad Please be advised the facebook links are not positioned where they will finally reside on the page. I have tried the iframe method first which doesn't have image control of this, then tried html5; and then the supa dupa xfbml methods. The latter two are called open graph. However ALL three methods return the rss icon image - so frustrating. The image I want to use is within their parameters and is in my images folder on level above the root. Can you please look at my code and shed some light on this. Note all of this code has been generated by their engine - copy/paste. the lines you are interested in are 11-16; 24-31 and 62 Good luck, Mal from Cessnock Hi, Does anyone know how to turn keep an image input type as well as keep have the ability that when you hover over the image you have the hand cursor. In addition its using post method to go through. My goal is to do it without using the A HREF or it wont work. Currently doing: <input type="image" src="images/graphics/art" > What I want to do: <input type="image" src="images/graphics/art" onMouseOver="cursor:hand" > Thanks. a fragment of the code is shown below, <form id="frmmain" name="frmmain" method="post" action="index.php?page=login"> <!--<form id="srch" name="srch" onsubmit="return blockSubmit();">--> <td valign="top" style="padding:4px;text-align:center;height:50px;margin:0 auto;"> <input style="height:20px;background:none;color:#fff;border:1px solid #fff;width:160px;" type="text" value="<?php echo 'Enter WinkedAt code here.';?>" name="wa_id" id="wa_id" onclick="javascript:document.frmmain.wa_id.value=''" onmouseover="return onMouseOver2('You must <a href=index.php?page=login>Login</a> first to add WinkedAt code or <a href=index.php?page=Signup>Sign-up</a> for a free new account.');" onmouseout="onMouseOut2();" /> </td> <td valign="top"> <input type="hidden" id="my_id" name="my_id" value="<?php echo $my_id;?>"/> <input type="hidden" name="error" value="<?php echo $error;?>"/> <input type="hidden" name="msg" value="<?php echo $msg;?>"/> <input style="border:none;" type="image" src="<?php echo _DEFAULT_TEMPLATE_PATH;?>/images/goarrow.png"/> </td> </form> but when i validate it, it prompts errors such as these --document type does not allow element "td" here --Attribute "name" exists, but can not be used for this element. i tried putting divs but still the error prompts..what did i overlook? Just so you know I am new to all of this stuff. I have been arranging a web site for myself, as a project to learn from. I made myself a nice title/banner picture for my site and would like to align it to the very edge of the page(top/left/right). There are a few PX as a boarder, this is what I DO NOT want. I have it as a larger sized image then I'm displaying at the moment. And was hoping that I might be able to have it stay aligned at all times( If user changes the window size, or their window is large or small, etc.), and have this image be "fixed" at the top (there no matter how far down the user scrolls). I do not know if this should be in the .html or in the .css portion of my page, at the moment it is in the .html . ***A close example of what I want would be the top of htmlforum.com. The title banner boarders the entire top edges of the frame... except the "pic" does not go across the entire top, and the banner stays at the top.*** the code I'm using at the moment is: <img src="http://naluolapa.com/images/Titlepic2.jpg" width="1024px" height="126" alt="title banner, nalu olapa's domain" align="top" > This is a link to what I'm talking about and working on: http://www.naluolapa.com/home/HTML-2.html (yes, I do know that the page is full of errors in the displayed text, I'm more focused on the looks and style then the content at the moment.) I have google-ed many sites, and used lots of different sources for codes. Though none gave me what i want. so I decided to post on here, after looking through many threads too. Thanks for your time! http://www.gouramidesign.com/portfolio.aspx#webdesign See that website, how it opens a lightbox type of thing, but wth the image on the left side and then a text on the right side ?What scripts does that website use? I currenty use prettybox, a jquery script, but I dont want to JUST display images, io want to have a website portfolio and thi sis EXACTLY what I've been looking for! 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 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>
<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 can a border be made around a picture without making a table? TIA |
|||||||