|
HTML - Div Wont Re-size
Here's my code:
Code: <div align="center" style="background-color:#4D4D4D;width:1000px;height:30px;border:1px solid #00137F;filter:progid:DXImageTransform. Microsoft.Glow(color=#00137F)"> I can't get the DIV to change size. I know I haven't put 'Width="" height="" ' but that doesn't work. It's strange because usually I would've thought that would work. Similar Tutorialsi have 2 frames in my parent frame say 1.htm ie left frame and 2.htm ie right frame now this 1.htm is quite a long frame and has a scrollbar and 2.htm is a short one i dont the scroll bar beside my frame 1 but want it to be for my entire parent window ie i wont to scroll both my left and right frames together how do i do that Hi! I have a page that contains a text area. What I want it to do is to change its size according to the size of the browser window. How can I make it do that? I did it once but just can't seem to remember how I did it. Thanks All: Working to update a previously designed website. Original design uses an <img> tag to create a top banner and another <img> tag to create a side banner. In each case there are mapped coordinates on each banner as links for the subsequent pages. Basic page design is as follows: Code: <table>
<tr>
<td>
<img usemap="Map1">
<map name="Map1">
<area>
<area>
<area>
</map>
</td>
</tr>
</table>
<table>
<tr>
<td>
<img name="Map2">
<map>
<area>
<area>
<area>
</map>
</td>
<div>
***PAGE CONTENT***
</div>
<tr>
<table>
The challenge is that the [PAGE CONTENT] varries in length througout the site causing some pages to be much longer or shorter than others. This causes some inconsistencey in the relationship between the side banners height and the page content. In other words in some cases the banner is exceptionally longer than the page content and the reader must scroll past significant "dead-space" before being brought to the lowest mapped links in the side banner; or... ...in some cases the side banner is significantly shorter than the page content causing the banner image to appear "poorly-fit" to the page design. I considered altering the 2nd table instance in the above design so that the banner is carried in a <td> tag that is adjacent to the page content and hopefully to allow the tag carrying the image to size relative to the <td> tag carring the content.... Code: <table>
<tr>
<td>
<img usemap="Map1">
<map name="Map1">
<area>
<area>
<area>
</map>
</td>
</tr>
</table>
<table>
<tr>
<td size="100%">
<img name="Map2">
<map>
<area>
<area>
<area>
</map>
</td>
<td size="100%" >
<table>
***PAGE CONTENT***
</table>
</td>
<tr>
<table>
The problem I've found with this is that as the content size causes the image to "flex", either readablilty or image quality or both are effected, AND the mappings become inconsistent as the image coordinates constantly change. I've considered 2 solutions and am leaning toward one, but thought I'd post this and see if there are better ideas I'm overlooking. One idea was to add additional table rows inside the [PAGE CONTENT] table presumably creating a "defalut" page size that would never be smaller than a standard for the side banner. Problem: larger page sizes are still a problem as are the changing map coordinates My other idea was to return to the original page design listed first above and again settle on a standard side banner "height"... ...any page that was significantly longer than that height would be split to 2 or more pages with a [NEXT>>] button at the bottom of the page navigating to the additional content. Problem: ...possible complications splitting content... Benefit: ...consistent page design that allows a consistent side banner with navigable links... Question for the group: Does this sound reasonable? Are there better alternatives I am overlooking? THANKS IN ADVANCE FOR ALL INPUT!! Well i am creating a website for a college assignment and i need some help please. I want a div (or anything else that might work) to go in the space shown in the pic. I have tryed aligning a div right but it doesnt go into the gap i want it to, also normal text wont go there eithe. please bear with me. i had been out of touch with web design for a while. well, a long while actually. last time i designed a website css wasn't the standards. ================================================== have a look at the site below: http://amarssadal.com/pp/ now above the video, between the video and the frame outlining it you can see a gap. now i cant for the love of god figure out what the hell went wrong there. ny ideas. ny suggestions. what could be wrong? ================================================== also. to manage this website and one other website, i want to give the client the freedom to add and remove and make changes to the content. now as i understand there are CMS to do just that. but how do i apply them. could you help me or guide me to a very layman's tutorial or something on CMS. Thanks. Hi. Can anybody tell me why this isnt validating? Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = UTF-8" /> <title>.:Welcome to Wollongong Motorcycle Club:.</title> <style type = "text/css" media = "all"> @import"css/global.css"; </style> </head> <body> <div class = "content"> <div class = "banner"> </div> <div class = "body"> <div class = "navBarStandard"> <a href = "index.html">Home</a> <span style = "vertical-align:-8px;">|</span> <b>Calendar</b> <span style = "vertical-align:-8px;">|</span> <a href = "news.html">News</a> <span style = "vertical-align:-8px;">|</span> <a href = "forms.html">Forms</a> <span style = "vertical-align:-8px;">|</span> <a href = "photos.html">Photos</a> <span style = "vertical-align:-8px;">|</span> <a href = "directions.html">Directions</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">For Sale</a> <span style = "vertical-align:-8px;">|</span> <a href = "links.html">Links</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">Coaching</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">Pointscore</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">Interclub</a> </div> <!-- All Content goes after this line --> <br /> <div class = "calendarContent"> <div class = "datesTopCorner"></div> <!-- All Calendar entries are put after this line --> <div class = "entry1">Sun 15/04/07 - Round 2 ClubChamps Mt Kembla - <b>TRACK CLOSED</b></div> <div class = "entry2">Sun 22/04/07 - <i>MX Pointscore round 2</i></div> <div class = "entry1">Sun 29/04/07 - Coaching JT assessment - book on club No.</div> <div class = "entry2">Sun 06/05/07 - Practice day, round 3 ClubChamps Kiama</div> <div class = "entry1">Sun 13/05/07 - Mothers Day</div> <div class = "entry2">Sun 20/05/07 - <i>MX Pointscore round 3</i></div> <div class = "entry1">Sun 27/05/07 - Practice Day</div> <div class = "entry2">Sun 03/06/07 - Working bee</div> <div class = "entry1">Sun 10/06/07 - <i>MX Pointscore round 4</i></div> <div class = "entry2">Mon 11/06/07 - Long weekend / practice day</div> <div class = "entry1">Sun 17/06/07 - Track Hire Heaven Vintage - <b>TRACK CLOSED</b></div> <div class = "entry2">Sun 01/07/07 - Round 3 ClubChamps Mt Kembla - <b>TRACK CLOSED</b></div> <div class = "entry1">Sun 08/07/07 - <i>MX Pointscore round 5</i></div> <div class = "entry2">Sun 15/07/07 - Practice day</div> <div class = "entry1">Sun 29/07/07 - Practice day</div> <div class = "entry2">Sun 05/08/07 - <i>MX Pointscore round 6</i>, round 5 ClubChamps Kiama</div> <div class = "entry1">Sun 12/08/07 - Practice day</div> <div class = "entry2">Sun 26/08/07 - Practice day</div> <div class = "entry1">Sun 02/09/07 - Fathers Day</div> <div class = "entry2">Sun 09/09/07 - <i>MX Pointscore round 7</i></div> <div class = "entry1">Sun 16/09/07 - Trials Presentation Day Mt Kembla - <b>TRACK CLOSED</b></div> <div class = "entry2">Sun 23/09/07 - Practice day</div> <div class = "entry1">Mon 01/10/07 - Long weekend / practice day</div> <div class = "entry2">Sun 07/10/07 - <i>MX Pointscore round 8</i></div> <div class = "entry1">Sun 14/10/07 - Aust GP Philip Island</div> <div class = "entry2">Sun 21/10/07 - Practice day</div> <div class = "entry1">Sun 04/11/07 - Rain day for MX</div> <div class = "entry2">Sun 11/11/07 - Practice day</div> <div class = "entry1">Sun 18/11/07 - Xmas party / Presentation day</div> <div class = "entry2">Sun 02/12/07 - Practice day</div> <div class = "entry1">Sun 16/12/07 - Practice day</div> <!-- No more calendar entries can be put after this line --> <div class = "datesBottomCorner"></div> </div> <br /> </div> <div class = "bottomCorners"> <div class = "BottomCornerBox"> <span> <br /><br /> © Wollongong Motorcycle Club Ltd<br /> Ph: (02) 42 671 931<br /> P.O. Box 401, Figtree NSW 2525 </span> </div> </div> </body> </html> As you can see, im using XHTML 1.0 transitional, but aparrantly it isnt valid The following is the validation error I got from w3: ------------------------------------------------------------------------------------------- Error Line 107 column 6: end tag for "div" omitted, but OMITTAG NO was specified. </body>You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". Info Line 14 column 0: start tag was here. <div class = "content"> ------------------------------------------------------------------------------------------- It sounds like i've done something really stupid and simple, like misplacing a div tag or something Thanks for reading this (and hopefully helping me). If you want me to post my CSS or attach a copy of my website, just say so Thanks again, Chris http://sugarbat.org/plugboard The table wont align with the image. Why? Im really getting tired of these unexpected flaws of IE. Cant wait to see how IE9 responds to code.. jeez. Anyway.. my scrollbar fails to show up here and here in IE. Ive used the overflow-x:hidden, but not the entire thing... FF and chrome display the vertical scrollbar just fine. stupid IE hides the entire thing! Where, o where did I go wrong.. I hope I will be able to get some help here with this small problem of mine. I'm trying to get my favicon to appear and I'm having no luck. I have a 32 pixel square favicon.ico file in my root dir, and I entered <link rel="icon" type="image/x-icon" href="http://firstlightphotographs.com/favicon.ico"> in the head tag. That should do it right? It's not working so I must be missing something. I hope someone can help, thanks a lot. Can anyone help me find what I did worong writing this? I cannot not get any output numbers? Its supposed to be a calculator for + - * / HTML Code: <html>
<head>
<title>
COMSC100 Assignment 7 by Jesse Crawford 0887234
</title>
<script>
// copy/paste the following three lines after the script tag in EVERY program
function getInputAsText(_id){return document.getElementById(_id).value}
function getInputAsNumber(_id){return parseFloat(document.getElementById(_id).value)}
function setOutput(_id, _value){document.getElementById(_id).value = _value}
function calculate(code)
{
// declare a variable
var first
var second
var resultAsText
var resultAsNumber
// get variable's value
first = getInputAsNumber("firstBox")
second = getInputAsNumber("secondBox")
// output the value of total
if (code == 0)
{
resultAsNumber = first + second
resultAsText = first + " + " + second + " = " + resultAsNumber
}
if (code == 1)
{
resultAsNumber = first - second
resultAsText = first + " - " + second + " = " + resultAsNumber
}
if (code == 2)
{
resultAsNumber = first * second
resultAsText = first + " * " + second + " = " + resultAsNumber
}
if (code == 3)
{
resultAsNumber = first / second
resultAsText = first + " / " + second + " = " + resultAsNumber
}
// output value
setOutput("resultAsText", result)
}
</script>
</head>
</body>
Instructions:<br>
Type 2 numbers and hit enter.<br>
The total will appear in box below <br>
<br>
Input Values:<br>
First number: <input id="firstBox"><br>
Second number:<input id="secondBox"><br>
<br>
<input type="submit" value="add" onclick="calculate(0)">
<input type="submit" value="subtract" onclick="calculate(1)">
<input type="submit" value="multiply" onclick="calculate(2)">
<input type="submit" value="divide" onclick="calculate(3)"><br>
<br>
Output value: <br>
result: <input id="resultAsText" size="50"><br>
</body>
</html>
Hey everyone, I'm pretty new to html, and am having a problem with displaying some images. I cant seem to find any problems with the code I have, but the images wont show up in any browser. <center> <table border = "0"> <tr> <td><img src="/images/Home button.jpg" alt="Home" width="117" height="50"/></td> <td><img src="/images/apartments button.jpg" alt="apartments" width="117" height="50"/></td> <td><img src="/images/Tenant button.jpg" alt="Tenant Info" width="117" height="50"/></td> <td><img src="/images/Utilities.jpg" alt="Utilities" width="117" height="50"/></td> <td><img src="/images/About button.jpg" alt="About Us" width="117" height="50"/></td> <td><img src="/images/contact button.jpg" alt="Contact Us" width="117" height="50"/></td> </tr> </table> </center> I'm positive I have the file name and extension right, there all jpg's and all around 560KB. Help would be greatly appreciated. Thanks, Bill hi all, i have a holding page for my website and in Dreamweaver it look fine and works fine but when uploaded it doesnt work. here is my site and also my code... www.basicproduction.co.uk code... HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords"
content="Basicproduction, Basic, Production, Video, VJ, Liam Carlin, 6071842, motion Graphics, Music, house"/>
<meta name="description"
content="Basicproduction Provides Live video performance, video production and motion Graphic Services"/>
<title>Basicproduction Site coming soon!!!</title>
<style type="text/css">
<!--body {margin: 0px;}-->
</style>
<body style="margin:0;background:#000;">
</head>
<body>
<div align="center"><a href="Image/BP_Holding_page.jpg" target="_blank"><img src="Image/BP_Holding_page.jpg" alt="" width="720" height="600" border="0"/></a></div>
<div align="center"><a href='mailto:info@basicproduction.co.uk?subject'><img src="Image/Contact.gif" alt="" width="192" height="28" border="0" /></a></div>
</body>
</html>
any ideas why? Thanks Guys Basic I know a little bit of html, but cant figure this out. Probably something dumb. I have this iframe code: (not actual site lol) <iframe src="http://domain.com" width="90%" height="4000" frameborder="0" scrolling="no"></iframe> and i have a blank domain with hosting. What i did to make my domain the iframe is : Went to textedit program pasted that iframe saved it as index.html and made sure it was html filetype Then i went to my ftp program booted up my domain went to public_html and posted the index.html file there Then when i go to my domain it jsut shows the iframe code and not what it should show Any help is hugely appreciated! After some tricking and trying ive managed to integrate this "current_page" technique ive learned here from some very talented users. I think ive misplaced maybe one or two symbols.. because in the code everything SEEMs to look ok, but still the images fail to show up. If you care to relieve me from this frustration: have a look here, thanks a bunch the PINK squares are where the images are supposed to be! Hi guys, can someone help me. I'm trying to get my text to sit like this: however it sits like this: www.studioeighty.co.uk thanks Steve hi there, i am working on a page: http://test.furryfrog.co.uk/rokka/private i cant get the content to clear on the right hand side and extend the content area to 100%? i have tried all manner of clears, end divs, 100%heights but i just cant get it. any help is most appreciated. Regards Neil This problem is pretty self explanatory, please have a look here. It shows a slideshow that is almost working, but the moment i add the images they just stack up... not hidden, and not animated. I think ive missed out on something. No idea where to pinpoint it.. thank u for looking into this. hey guys, In order to align text isnt the command something like this? <h3 align="center">Text Here</h3> Is this right? I know its something really simple just for some reason I cannot get my text to center in the webpage. Any suggestions? Many thanks in advance! |
|||||||