|
HTML - Xhtml And Css Floats Of A Webpage.
For some odd reason my background property in container is not carrying down through the rest of my webpage. I can not figure out what i am doing wrong and this is really starting to frustrate me. here is my code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Simple Beauty</title> <style type="text/css"> <!-- body { background: #CACACA url(images/background.png) repeat-x; font-family: "Trebuchet MS", Verdana, serif } #container { margin: 0 auto; width: 950px; background:#FFF; } #header { width: 100% } #sidebar { float:left; width:208px; padding:10px; border-right: #8C8484 2px solid; } #header { width: 950px; height:100px; } #main { float:right; width:700px; padding-top: 20px; padding-right:10px; padding-left:10px; padding-bottom:10px; } #logo { float:right; padding-top:10px; } --> </style></head> <body> <div id="container"> <div class='header'> <div class='logo'><img src='../project/images/teams/Beta.gif' id='logo' alt='Team Beta Logo'/></div> <div class='headerText'> <h1>Team Beta's E-Commerce Site</h1> </div> </div> <ul id='menu'> <li><a href='index.php'>Home</a></li> <li><a href='products.php'>Products</a></li> <li><a href='signup.php'>Signup</a></li> <li><a href='#'>Shopping Cart (0 items)</a></li> <li><a href='about.php'>About Us</a></li> </ul> <div id="main">sdfdd</div> <div id="sidebar">blah</div> </div> </body> </html> Similar TutorialsWhich one is better? XHTML STRICT 1.0 or XHTML 1.1 Sorry if i posted this in the wrong location. So im a real estate agent making a website. Im no pro and most of the stuff ive been using to build has been through layouts/generators/help of others such as yourselves. So ive been stuck on finding/making this code for the past couple of days. So all my listings are on my agencys website, not my personal agent website. Is there a code i could have where in the listings page my my personal agent website, i could have a window maybe 600x900 of the listing page on my agencys website? To kind of clear things up, you know how when you google something you have the magnifying glass, how it gives that preview. How can i have that preview coded onto a webpage, but me say what webpage to preview and how big to make the preview box? Tried to explain it as best i could. If you dont know the code, if you can tell me what its called so i can try to narrow the google searches. So far everything that has been coming up in the search restults has been preview boxes to preview html codes you have already written. Fail Blog Thanks If you'll take the trouble to look at this page: http://www.fatefulvoyage.com/trial/trialAAIntro.html and scroll down just a tad, you'll see two columns of names. If you're usiing IE the right column will be below the left; if you're using Firefox or Opera, the columns will be properly aligned. Can someone suggest a fix for IE? Thanks for your time. Hey guys, me and my friend are going to begin working on a forum but we've run into one small problem with CSS floats and 100% height (yes, I know it doesn't work). Could you look at this page in Firefox, please? http://automata.firephoenixnet.com/atom.ic/ As you can see, everything works fine except for the posts (which are supposed to look-forum like) and the sidebar, which doesn't stretch all the way down to the footer bar (because of the post weirdness). Is there any way to fix this? Thanks guys! Hi everyone, I'm having trouble with centering multiple DIVS and making them next to one another like so: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<style>
div{border: 1px solid gray;}
</style>
</head>
<body>
<div style="text-align: center">
<div style="float: left;display: inline;">
dfdfd
</div>
<div style="float: left;display: inline;">
dfdfd
</div>
<p style="clear: both;">
</div>
</body>
</html>
Is it possible? Note that we don't know their width or height of any of the DIVS 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. hello friends , I want to know that what is what is XHTML ? plz anybody help me . I want to know about this . Thankx ==== I'm pretty new to XHTML and I see that to properly close a br tag (and others), you usually put a space, then a slash, then a closing chevron, a la <br />. But I was wondering if there is anything fundamentally wrong with eliminating the space before the slash. It seems to work in my browser either way, and I think it makes the code a little easier to read and type. Thanks! so xhtml elements should always be in lowercase how does this extend to the case in css. for example if im using a xhtml doctype should i be using lower case color values like color:#ffffff vs color:#FFFFFF. I know as per a hexidecimal value "ffffff" is the same as "FFFFFF" and the same as "fFfFfF". they are all equal to the same value so it really doesn't matter but does the xhtml doctype dictate that these values should be in lowercase? hi and goodafternoon i run wapsites and i want to convert the wml scripts to xhtml all my scripts are php based which i know will work in xhtml too. i also use mysql coding for database side of things . here is one of my smaller scripts . <?php <wml> <card title="sitename"> <p align="center"> <img src="logo.gif" alt="logo"/><br/> Welcome!!<br/><br/><a href="login.php"><img src="login.gif" alt="Login"/></a><br/><a href="terms.php"><img src="register.gif" alt="Register"/></a><br/> <br/> <big><b><a href="terms.php">Terms of use!</a></b></big> <br/> You are here with<br/> END; print 'Browser:'; $browser = explode ('/', $HTTP_USER_AGENT); print $browser[0]; print '<br/>'; print "IP-Adress: $REMOTE_ADDR<br/>\n"; print <<<END ---<br/> </p> </card> </wml> END; ?> how would i convert that to xhtml . and if its just a case of changing the tags then would it work on the rest of the scripts with sql coding in too . nclemale@hotmail.com or post your replies here thanks in advance Please anybody tell me about the XHTML. I am reading about XHTML now and noticed that it is really no different than HTML. The only difference(s) are, correct me if I'm wrong, that XHTML is more strict with the rules. Lowered-cased letters, properly closed tags, etc, all that mumbo jumbo. If I'm already doing that with HTML, must I need to worry about XHTML? What is the difference between HTML and XHTML? What are the benefits and is it worth learning? Thanx 4 the help! can make dynamic website in xhtml Tell me..... what is xhtml? Hi. I *hate* I.E. I'm usually browsing websites in Google Chrome - & sometimes Mozilla / Opera. Ive designed a website (not public as yet), & it does validate for XHTML - it looks perfect on Opera / Mozilla & Chrome. But IE messes it up. Basically it uses Divs, & has a left menu, & the main content is a Google map. Also, top menu / banner & a footer at the bottom.. on IE7, the google map is UNDER the list of cities etc (left menu), instead of in the middle / right of the left menu.. Can anyone advise a website listing common IE problems & how web designers can fix it.. Hi, I'm new to webdesign - the website pages im working on looks strange when viewed in the "cached page" of search engine results for a search on "EcBiz". Here's an example page featuring wii games consoles if you want to go directly to the source. http://www.ecbiz.co.uk/wii-console.htm All comments welcome! A I can't get one of my pages to validate in xhtml, it seems to be the <embed> part which is causing the problems. Here is a link to the page: http://www.a104mc.connwarwicker.co.uk/music.html And here is the section which is causing most of the errors: HTML Code: function playSound(s){
var f = playList[s];
var t = songNames[s];
$('connsplayground').innerHTML = "";
$('connsplayground').innerHTML = "<embed src='http://www.a104mc.connwarwicker.co.uk/sounds/"+f+"' hidden='true' style='width:0px;height:0px;' autostart='true' loop='true' />";
$('songtitle').innerHTML = t;
currentSong = s;
alterText();
}
With such errors as: there is no attribute "src". there is no attribute "hidden" there is no attribute "style" there is no attribute "autostart". etc... I'm using this doc type: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Any idea as to how i can fix these errors? I've tried using an <object> instead, but that didn't seem to work very well at all. Hello everyone. I'm conducting this little experiment for my 3rd year dissertsation project and I need people who know XHTML/CSS to do it. It's online at msin9001.exofire.net and it takes about 30minutes. Note it works best in Mozilla Firefox and - because of my server - may run a little slow at times. If you've got time and a good heart, the contribution would be much appreciated. Thanks alot! Shanba PS If it crashes, try REFRESH not BACK as I'm using PHP postdata. |
|||||||