HTML - I'm Not Sure What It's Called When The Images Stay At The Edge
I'm working on my new site and my next step is to figure out how to make a cell stretch to the width of a page regardless of the size. I'm not sure what this is called.
Here is the site. Let's just use the yellow menu bar for an example. I need to make it stretch to the right of the page. http://C-41productions.com/C-41_2008 Thanks so much. Similar Tutorialsalright, i have an ad (which is in an iframe from the advertiser) on the right side of my site thats a little bigger (by 30px) than the rest of the content on that side. http://www.greendayauthority.com/ You'll see it on the rightside. You'll also see how because it's bigger, it forced that cell it's in to stretch, and pushes the other stuff to the side (you can see that by looking at the top banner, and how it's smaller than the content when they should be lined up). What i want to do is maybe place that ad in a div or something so that it'll hang over the right side of the table, instead of pushing the other things away from it. Can anyone help me out? I need to go to the experts here , what I need to do is the following. I have an Adobe Edge animation, I need to take that animation along with a JQuery dropdown menu and put both on one html page. I have basic html knowledge to the point where the edge animation is saved as an html page ( edge automatically does this which includes all the Javascript files separately) So far I'm able to take the edge <div> and ad it to any html page as long as I copy the scripts to the head of that page. The trouble I'm having is adding the JQuery dropdown. It would be impossible for anyone reading this to know EXACTLY wht I mean without seeing the code, I do not want to add abunch of it or add a link to the files until someone replies and can actually look. any help? RD Hello all, First time posting to the forums here. I'm creating a table and each row represents a "tab" of the UI. Each cell has a background image that looksl ike this. however, when I render my table and have text in the cell, the right edge of the tab is chopped off like this.. Any recommendations on some CSS or table attributes that I can aplly to make both rounded ends of the background image appear? I've tried turning off table borders, cell spacing and cell padding. Any help would be greatly appreciated. Thanks. I've seen (and cannot find again) a header piece of artwork that was justified a percentage distance from the left of the page. Another plain slither of header artwork was repeated seamlessly across the total width of the page. It went 'behind' the prime piece of artwork and reappeared. The 'joins' were invisible. The header seemed / appeared to be one piece of artwork that went across the page regardless of how wide the page was with the piece of artwork always remaining between the centre of the page and the left hand edge of the page. The distance of the piece of artwork got nearer to the left hand edge of the page the narrower the page got. How does one achieve that? Both images were hosted by ImageShack. I barely understand all that myself! My knowledgebase is a little above zero. Thanks in advance, MD. I just posted on Facebook, "I meshed the header: http://episin.blogspot.com/" referring to my modification of the word 'transhumanist' on the page. What other names are there for what I did? I am making a website... www.fragonservers.com/teamrelentless and i want to make it so i change the text in a .txt document and it will change say the matches section or something else on the webpage. I want this to work for multiple pages though, so i can change this .txt and it will change the matches on all webpages, instead of me having to do each one individually. Thanks for your time, SouThPaw As I said I don't know what it is called but I would like to make a Trivia site, where people can login and answer different questions in a certain amount of time, and if they answer in a certain amount of time they earn points, I would also like the points shown on the main page what would i need to learn to accomplish this Hello lady's and gentelmen.. I have a really short question (almost so small it's not even worth waste a whole thread on it!) But, here it goes When I go to my homepage: www.sp34k.dk and maybe select "blog", then I can see the link "www.sp34k.dk/blog.htm" and if it go to billeder (picture) then its www.sp34k.dk/billeder.htm. Are there any possibility for that I can do such it dosent change? So it would ALWAYS stay as "www.sp34k.dk"? Kind regards Mike Bertelsen Denmark I have listed items inside a div that display just find in FF v3.0.1, but not in IE v7. Here is the link to my page. http://web.missouri.edu/~mdsybf/ Here is the CSS of a class div that surrounds the previously mentioned div. .MainEdit { clear:both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; float: left; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; margin-left: 10px; width: 700px; clear: right; display: inline; vertical-align: top; height: auto; } What is wrong with my code that makes the listed items appear outside the div box? My site's platform has been changed to Linux from Windows and asp scripts I guess don't work with Linux, so I am looking for a Php script to replace a script that I used, but I don't know what it's called in order to do a search. Here is the script--it's just a simple feedback/email script. thanks <% Dim t1name,t1,t2name,t2 t1name = "Your Name" t1 = Request.Form("t1") t2name = "Kind Of Bike" t2 = Request.Form("t2") Dim stname,st stname = "Comments" st = Request.Form("st") Dim ObjMail Set ObjMail = Server.CreateObject("CDONTS.NewMail") ObjMail.To = "farley2628@comcast.net" 'in the next line you can change that email address to something else 'like "myform@myurl.com", just be sure and put it between quotes " " ObjMail.From = "farley2628@comcast.net" 'you can also change "Form Submission" to something else like "form results" etc. ObjMail.Subject = "Feedback Comment" ObjMail.Body = t1name & vbcrlf&_ t1 & vbcrlf&_ t2name & vbcrlf&_ t2 & vbcrlf&_ stname & vbcrlf&_ st ObjMail.Send Set ObjMail = Nothing 'HERE you make a choice. You can redirect the user to any page in your site Response.Redirect "http://www.nomagicneon.com" %> Hello, I'm new to html andscripting etc.... I'm trying to create a game online that will start off as text.I'm trying to make the character creation portion of my site easy to use and figure out. I've been searching online the past few days trying to figure out how I would go about this and am at a loss as to what it is I'm specificly searching for in regards to learning more about what it is i'm trying to do. I have found a site that has the features that would be perfect for what it is I'm looking for but do not know what this type of coding is called. Basicly this is the site that I found with the features. http://linklost.com/occ/ .What I'm wanting to know exactly is how I would go about inputting the code for when I click on the radio buttons information and text shows up in a box next to it.Obviously no one can create this code for me, I just need to know the "type" of coding I suppose so I can go research it and try to learn it myself. I thank you ahead of time for any help I can get in regards to what probably is a simple answer to most. Brandon hi i have built two pages using DW, an INDEX page and a FORM page. They both contain divs. I want to have the FORM page appear in the MAIN CONTENT div of the INDEX page. I got that to work, however the problem is the Form itself does not stay in the Div it is placed in, it floats out under the DIv and on top of other content. thanks for the help - my code is too long to post in one thread - will post the index code in part two here is the FORM code: Code: <!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=UTF-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- * { margin: 0px; padding: 0px; } body { } img { } h1 { } h2 { } h3 { } #retailWrapper { height: 540px; width: 980px; } #retailWrapper #retailHeader { height: 50px; width: 980px; float: left; } #retailWrapper #leftImage { float: left; margin-top: 10px; clear: none; } #retailWrapper #form { height: 400px; width: 680px; margin-top: 10px; padding-top: 10px; float: left; } .style1 {font-family: Arial, Helvetica, sans-serif} .style19 {font-size: 12px} .style21 {font-size: 16px} .style23 {color: #000000} .style25 {color: #FFFFFF} .style27 {color: #BEBEBE} .style29 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; } .style30 {font-size: 14px} .style31 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; } --> </style> </head> <body> <div id="retailWrapper"> <div id="retailHeader"><img src="_Art Files/newRetailerInq.gif" width="980" height="51" /></div> <div id="leftImage"><img src="_images/_galleryImages/retailDisplay.jpg" width="200" height="480" /></div> <div id="form"> <form id="form1" name="form1" method="post" action=""> <table width="51%" align="center" cellpadding="8" cellspacing="6"> <tr> <td width="131"><div align="right" class="style29"> <label for="name">Name:</label> </div></td> <td width="196"><div align="left" class="style31"> <input type="text" name="name" id="name" /> </div></td> </tr> <tr> <td width="131"><div align="right" class="style29"> <label for="storeName">Store Name:</label> </div></td> <td width="196"><div align="left" class="style31"> <input type="text" name="storeName" id="storeName" /> </div></td> </tr> <tr> <td width="131"><div align="right" class="style29"> <label for="addressLine1">Address Line 1:</label> </div></td> <td width="196"><div align="left" class="style31"> <input type="text" name="addressLine1" id="addressLine1" /> </div></td> </tr> <tr> <td width="131"><div align="right" class="style29"> <label for="addressLine2">Address Line 2:</label> </div></td> <td width="196"><div align="left" class="style31"> <input type="text" name="addressLine2" id="addressLine2" /> </div></td> </tr> <tr> <td width="131"><div align="right" class="style29"> <label for="city">City:</label> </div></td> <td width="196"><div align="left" class="style31"> <input type="text" name="city" id="city" /> </div></td> </tr> <tr> <td width="131"><div align="right" class="style29"> <label for="state">State:</label> </div></td> <td width="196"><div align="left" class="style31"> <input type="text" name="state" id="state" /> </div></td> </tr> <tr> <td width="131"><div align="right" class="style29"> <label for="zip">Zip:</label> </div></td> <td width="196"><div align="left" class="style31"> <input type="text" name="zip" id="zip" /> </div></td> </tr> <tr> <td width="131"><div align="right" class="style29"> <label for="email">Email:</label> </div></td> <td width="196"><div align="left" class="style31"> <input type="text" name="email" id="email" /> </div></td> </tr> <tr> <td width="131"><div align="right" class="style29"> <label for="phone">Phone:</label> </div></td> <td width="196"><div align="left" class="style31"> <input type="text" name="phone" id="phone" /> </div></td> </tr> <tr> <td width="131"><div align="right" class="style29"> <label for="comments">Comments:</label> </div></td> <td width="196"><div align="left" class="style31"> <textarea name="comments" rows="4" id="comments"></textarea> </div></td> </tr> <tr> <td width="131"><div align="right"><span class="style1"><span class="style19"><span class="style21"><span class="style23"><span class="style25"><span class="style27"><span class="style30"></span></span></span></span></span></span></span></div></td> <td width="196"><div align="left" class="style31"> <input type="checkbox" name="subscribe" id="subscribe" /> <label for="subscribe">Subscribe newsletter</label> </div></td> </tr> <tr> <td width="131"><div align="right" class="style29"> <label for="reset"></label> <input type="reset" name="reset" id="reset" value="Reset Form" /> </div></td> <td width="196"><div align="left" class="style31"> <label for="submit"></label> <input type="submit" name="submit" id="submit" value="Submit" /> </div></td> </tr> <tr> <td width="131"><div align="right"><span class="style1"><span class="style19"><span class="style21"><span class="style23"><span class="style25"><span class="style27"><span class="style30"></span></span></span></span></span></span></span></div></td> <td width="196"><div align="left"><span class="style1"><span class="style21"><span class="style30"></span></span></span></div></td> </tr> </table> </form> </div> </div> </body> </html> Hi there, I am currently making an iPhone/Touch website, and would like to know how I can make it so the top banner stays at the top, while the main body of the site scrolls up and down below it. Can you help? Josh I'm using NVU. I've got code that was generated by Omnipage - it is full of boxes and divs and spans which I don't understand yet. Anyway I'm doing alright except when I put a line of links (forward,back,index,main) in at the bottom of each of these pages, above the bottom-of-the-page 'credits', I find I can't keep them separate. I put a few carriage returns in and there's some clear space - four or five lines or more - between them. I save the file, close the file, pick the file up again and look at it and they've closed up again! Dreamweaver doesn't seem to be able to sort it out, either. You can see the pages and their code at mbccc.net and follow the 'parent information' link. regards, ab For some reason when there is little content on the page, the layout doesn't remain centered. What can I do to fix this? Here is the link to my website: Check out the difference between about and knowledge http://www.organicgardencafe.com/about.php Hi, I have a framed page, two frames, a small top frame with a drop-down menu, the drop down menu are links to external pages, the external links are displayed within the lower frame. I have everything set up and working fine, but then I had to find a little "snag"...(of course) When I browse within the lower window (clicking links on the pages displayed in the lower window) some links override my frames and open up on top of my framed site. So my question is: Is there a way to make my frames "absolute" (stay on top nomatter what), that is, all links within the lower frame will be opened up within the frame and not on top? (bare in mind that these are external pages and I do not control the nature of the links such as target tags etc.) I have my code here... INDEX: Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE></TITLE> </HEAD> <frameset rows="35px,*" frameborder="0"> <frame name="menu" src="dropdown.html" scrolling="no" noresize> <frame name="content" src="blank.html"> </frameset> </HTML> DROPDOWN.HTML Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE></TITLE> <base target="content"> <script language="javascript" type="text/javascript"> <!-- function menu_goto( menuform ) { var baseurl = "" ; selecteditem = menuform.newurl.selectedIndex ; newurl = menuform.newurl.options[ selecteditem ].value ; if (newurl.length != 0) { parent.content.location.href = baseurl + newurl ; } } //--> </script> </HEAD> <BODY topmargin="2" leftmargin="2"> <form action="dummyvalue"> <select name="newurl" onchange="menu_goto(this.form)"> <option value="" selected="selected">----- Choose a link -----</option> <option value="http://www.sitenumber1.com">first link</option> <option value="http://www.sitenumber2.com">second link</option> </select> </form> </BODY> </HTML> any suggestions? Hope the title made sense, I am using Microsoft Expression Web and, I am also using Frames on my website. I have 3 Frames, One complete at the top, one on the left side and then a main page frame to fill the rest. I am using a 19" wide screen monitor, and because of that the pages I make are all unaligned with each other as they get stretched to fill the monitor. now the top frame and left frame stay where they should I have done that, but I can't keep the main page frame from moving over to the right and making everything look untidy and nasty. so could anyone help me out with this problem please, I use a background Image, text and images on the page so they all need to stay centered bu to the left of the page. Or maybe center all the frames to the middle of the screen such as www.myspace.com looks on a wide screen monitor (although i know they do not use frames.) Thanks in advance Hi Guys, How can i make my footer stay at the bottom of the page so when the user holds down ctrl and zooms out i want to the footer to stick to the bottom of the screen, i have done this before but i cant remember for the life of me and its actually killing me know can someone put me out of my misery please. heres the HTML and CSS its called BottomBanner HTML Code: <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> <!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 runat="server"> <title>Vodafone One Net Express</title> <style type="text/css"> body{background: none repeat scroll 0 0 #F4F4F4; margin:0px !important; padding:0px !important;} .PageSetter{margin-left:auto; margin-right:auto; margin-top:-2.3%; background: none repeat scroll 0 0 #F4F4F4; position:relative; } .TopBanner{background-color:#C51906; width:100%;height:80px;} .TopBanner h1{font-size:2.7em; text-align:center; color:White; margin-left:auto; margin-right:auto; padding-top:15px; font-weight: normal; width: 600px;} .BottomBanner{background-color:#C51906; width:100%;height:80px; margin-bottom:-0.1% !IMPORTANT} .BottomBanner h1{font-size:2.3em; text-align:center; color:White; margin-left:auto; margin-right:auto; padding-top:15px; font-weight: normal; width: 600px;} .IframeContiner{width:980px; margin-left:auto; margin-right:auto; margin-top:10px} .IframeStyle{Width:982px; height:1000px; border:0px} </style> </head> <body> <div class="PageSetter"> <div class="TopBanner"> <h1> Vodafone One Net Express </h1> </div> <div class="IframeContiner"> <iframe scrolling="auto" class="IframeStyle" src="http://www.telegraph.co.uk/finance/yourbusiness/businesstechnology/9209385/Review-Vodafone-One-Net-Express.html"> </iframe> </div> </div> <div class="BottomBanner"> <h1> Call Now 0800 1980 000 </h1> </div> </body> </html> hello everyone. I'm a newbie at this HTML stuff. I've made my first webpage and everything is working fine. I added some .SWF files and placed them where I wanted using <div> coding. My problem is whenever you resize the browser window, the flash movies move with it, they "float" over the rest of the page. How do I make them stay static when you resize the window? Could someone please help me with this problem? I appreciate it very much. Hi there, Not sure if this is HTML or CSS - I've got a <ul> menu that I've set up and it's changing nicely in colour when you mouseover (using a:hover etc.) I've seen a few menus though where if you click on home, it loads home and that option stays a different colour to show you what page you're currently on.. any ideas? |