|
HTML - Help Div Wont Go Were I Want!
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. Similar Tutorialsplease 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. 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. 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 I made an image in gimp, just a gradient from black to green to set as the background for my website. For some reason when I test it, everything shows up fine. When I upload it to the server and point my browser to the website the background wont show up. Tried it in IE, firefox, and chrome. For all you curious about how I set it up this is in my css style sheet. Code:
body {
background-image: url(images/background.jpg);
}
As you can see, I saved it as a jpg and it's in a folder labled images, pretty sure the code is right because it will show perfectly when I test it. Any ideas? Thanks. 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 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! 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! 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 i know this is prob somethin simple but iv tried everythin n cant get the image to display...... i no my code is right, its got to do with the actual pic, i have the right file type(gif), i have tried resizing it, saving it under diff file types by using gif converters!! but nothing seams to work... and yet the other pic's beside it work!! originally it was a micro visio diagram.... when i load the page into IE the normal gif,jpg images work. but when i right click on the image thats not working and go to properties its says not associated! plz help Cindy xx 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 so how come my div wont go across the whole page width? my code: Code: <style type="text/css">
#adminbar {
background-color: #464646;
background-image: -moz-linear-gradient(center bottom , #3F3F3F, #464646 5px);
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
color: #DDDDDD;
font: 11px sans-serif;
height: 28px;
position: relative;
width: 100%;
z-index: 99999;
}
</style>
<div id="adminbar">
<p> hi there</p>
</div>
Here is what it looks like: Please help, i would greatly apreciate it. 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>
I can not get this FLV Player to align center inside the DIV tag correctly. It drops below center in IE7. Anyone have any suggestions? Site Link 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, I'm making a website template, and I'm about finished. I'm having trouble though, I want the table on the bottom right, the "MAIN" table with content saying "MAIN" to stretch 100% so even if the typing doesn't reach the end of the table, it will still stretch, and I have no Idea what wrong. Any help would be appreciated. the full code is attachted 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 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! http://sugarbat.org/plugboard The table wont align with the image. Why? |
|||||||