|
HTML - Coding Strategies
I have quite a complex design that I would like to code in an efficient manner (in which I will be porting to IPB 3.0). I had it coded several months ago by someone else, as I did not have time to do it myself; however, he did a very horrible job, as the design does not scale vertically, and the design uses many huge images in order to correctly display the layout: see http://mcaurie.com/preview/Cole/ . I was / am attempting to sell it; but its been well over a month and I haven't gotten anywhere, so I'm going to try to get it in a respectable coded format and possibly actually use it.
I have two options at this point: * Modify his design so it loads faster (less bulky images, I would assume) * Start from square one: Re-code the entire design. Regardless of which option you think I should go with; any advice on how to tackle this beast would be appreciated. Oh yes, and here is a link to a watermarked original design: http://dl.getdropbox.com/u/1064940/Uprawr-1.jpg Similar TutorialsHey Everyone, I need to set up some kind of html form which provides people with a registration ID, or number of sorts. The application of this kind of system would be so that if I had people registering for a conference, they could receive a committee assignment immediately. I'd appreciate any responses helping me. Thanks Guys (and ladies!) Bromo8824 At this website: http://sungbc.org/missions.php I liked how they made it so that the different people could be clicked on and a new mini-page would load on the page. Does anybody know how to do that im having some trouble with putting stuff in the middle of my site because whenever i put something in the middle it moves my left nav bar down if you go here u can see what im talking about right now im using kompozer to make the site http://www.freewebs.com/zxgamerreviews/test22.html My site PLEASE READ ENTIRE THING! Some stuff I'm saying may be hard to express in typing, so use my link above to get a better picture. I need some coding help for website........Right now, if I want to post an article one of my journalists submitted, I have to go in and edit each page individually, the article doesn't just show up.....How do I make it so when someone submits an article, it gets posted on the front page, in the news and events section, and in my archives? For the front page, I want my two latest articles up there with a photo and a small description with a "more info" link that brings you to the actual article. For the news and events page, I want the latest article on the left hand side with a photo, a description, a title and the link, with the 2 previous articles on the right with all of that but no photo. For the archives page, I just want all the articles for that month in order, with the latest being on top, with a title, a description, and a link. Hello, I am trying to create a page with a link that opens on a new page. This link will have an iframe to display another website. What I then want to do is have a pop over appear that will take me back to the original page. Is this possible and if so how would I code this. Oh and another thing. The first page will redirect itself after 10 secs. So this is what I want: Page A has a link that will open Page B Page A will redirect to another page after ten secs Page B will display a pop over when you click the pop over it will take you back to page A instead of opening a new page or changing to the link within page B. I hope this makes sense. So I all I need to know is how to make the pop over go back to page A. Thanks Hey guys, i am very very new to html and i designed and coded www.e-smartonline.com for myself, i know the way i made the html was not good, i have trouble with the links cause everything is pushing them cause of the way i coded it.. lol. I was wondering if someone can fix my booboo? fix the links left and right so that it works well. thanks a lot guys! Hello all! Cool place here and I hope with lots of experts. I have a n html template for a mod on my site and I cannot for the life of me figure out how to get it how I want. Basically what I want to do is remove the leftside images and move the titles on the right into its spot. I will post an image of what I am talkiking about and the code. Remove what is circled in red and put the tiles on the right into its spot. HTML Code: <div class="quick_links_elink" style="background-color: white;">
<div class="lcont_top">
<div id="lcont_img__unit_id__" style="left: 0px; position: left;">
<a href="__category_url__" class="main_l">
<img style="top:10px; max-height:16px;" alt="" src="__category_cover_image__" width="50px"/>
</a>
</div>
<div id="js_control_section0__unit_id__" style="padding-left: 5px;">
<a href="__category_url__" class="main_l">
__category_name__
</a>
</div>
<div class="js_control_section" id="js_control_section__unit_id__" title="Show / Hide" bximg="lcont_img__unit_id__" bxchild="lcont_other__unit_id__" style="background-position: 0px -17px;"></div>
</div>
<div class="quick_links_elink_lcont" id="lcont_other__unit_id__" style="display: none; top:40px; background-color: white;">
<a href="__category_url__" class="main_l">
<img alt="" src="__category_cover_image__" style="top:50px; width:80px; max-height:40px;"/>
</a>
<div class="lcont_other" >
__sub_categories_list__
<div class="clear_both"></div>
</div>
</div>
<script type="text/javascript">
var oShowHideController__unit_id__ = new ShowHideController();
$("#js_control_section__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle(this) } );
/*$("#js_control_section0__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle("#js_control_section__unit_id__") } );*/
</script>
</div>
THANKS in advance! I work for a hospital and we are moving into a new building. The employees want me to put a simple countdown "ticker" on our intranet. The move is in a few months. Any one know code to create a date countdown? Hello Everyone: I created a page in HTML and added javascript. I want it to have a search function.I have created a form which is basically a textfield and a "submit button".The "submit button" is meant to display web pages in a new window when I type in particular keywords into the textfield next to the "submit button" on the website.I have written the codes below so far and it is not working.I would appreciate it if you guyz can help me out.The webpage is not online just incase you guyz need to know.Thanks very much <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="Javascript" type="text/javascript"> var keywords = "transistor Google Microsoft ipod " function gothere(placetogo) { if( keyWords.search(placetogo) == -1) { alert(placetogo+"is not an accepted keyword" ) } else { document.location = "C:\Documents and Settings\Teeboi\My Documents\Memorial University\WebPages" + placetogo + ".html" } } </script> <title>DESIGN CONCEPT</title> </head> <body bgcolor="#B0B0B0"> <form name="myForm"> <input type="textfield" name="searchtext" value="transistor" /> <input type="button" name="thebutton" value="Submit" onclick="javascript:gothere(document.myForm.searchtext.value)" /> </form> </body> </html> Back Story: New Manager at a manufacturer and they had a friends child or something do the website so I've got some issues... I simply updated some info on the bottom of some pages on the site and the page now looks like the spacing is off and is being folded towards the header... This one is correct... This one got messed up somehow... You can see how above the header saying "Innovative Outdoor Products..." the spacing is gone and the entire table got pushed up... If I had messed with the code, I know I could figure it out but, it just sort of happened... Here's the coding of the messed up page... Coding is actually the same just different images... 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>T-Reign</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/interior.css" />
<!-- START EMBED CODE -->
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
var attributes = {};
attributes.id = "oxylusflash";
params.allowFullScreen = "true";
params.allowScriptAccess = "always";
params.base = "";
params.bgColor = "#000000";
params.wmode = "transparent";
// Specify xml file here
flashvars.xmlFile = "data.xml";
swfobject.embedSWF("main.swf", "flashAlternativeContent", "1024", "350", "10.0.0", "js/expressInstall.swf", flashvars, params, attributes);
</script>
<!-- END EMBED CODE -->
</head>
<body>
<div id="container">
<div id="header">
<div id="header_logo">
<h1 id="logo"><a href="index.html">T-Reign</a></h1>
</div>
<div id="header_navigation">
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="active"><a href="products.html">Products</a></li>
<li><a href="news.html">News</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="home_flash"><!-- START FLASH CONTAINER -->
<div id="flashAlternativeContent"><a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a></div>
<!-- END FLASH CONTAINER --></div>
<div id="content_panel">
<div class="innertube">
<h3><img src="images/title_innovativeProducts.gif" alt="Innovative Products Built To Last" width="660" height="13" /></h3>
<img src="images/title_fishingSeries.jpg" alt="Fishing Series" width="666" height="64" />
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<p>Fishing is all about fooling fish into biting. Sounds simple, but in reality it takes skill, determination and gear. Lots of gear.</p>
<p>Whether you fish from a boat miles offshore, wade crystalline mountain streams or paddle a kayak through the bayou, keeping your pliers, Bogagrip, landing net or wading staff handy is critical. And unlike other outdoor activities, if you happen to drop an item, the chances of retrieving it from the depths is slim.</p>
<p>That's why T-REIGN™ retractable gear tethers make the perfect fishing companion. Fly fisherman can keep nippers, hemostats and tippet spools right on their vest. And a retractable tether makes more sense for landing nets than a magnetic setup, since you can simply let go if the fish makes another run.</p>
<p>With T-REIGN you'll never lose your gear again. But we can't make the same promise about the landing that big one.</p>
</td>
</tr>
<tr>
<td>
<h4><a href="accessories.html" target="new"><img src="images/title_treignProductsGreen.gif" border="0" alt="T-REIGN Products" width="666" height="34" /></a></h4>
</td>
</tr>
<tr>
<td><img src="images/photo_fishing.jpg" alt="TREIGN Product Shot: Fishing" width="664" height="281" /></td>
</tr>
<tr>
<td align="center"><img src="images/grx_ruleTrident.gif" alt="" width="419" height="43" />
<h4>Retractable Gear Tether</h4>
<br /></td>
</tr>
<tr>
<td>
<h4><img src="images/title_productsGreen.gif" border="0" alt="Products" width="666" height="34" /></h4>
</td>
</tr>
<tr>
<td><img src="images/grxProductFishing.jpg" alt="Photo: Fishing Series Products" width="666" height="324" /></td>
</tr>
<tr>
<td>
<h4><img src="images/title_attachmentsGreen.gif" alt="Attachement Style Options" width="666" height="34" /></h4>
</td>
</tr>
<tr>
<td><img src="images/grxAttachementFishing.jpg" alt="Photos: Attachement Options" width="666" height="296" /></td>
</tr>
<tr>
<td>
<h4><img src="images/title_featureGreen.gif" alt="Features" width="666" height="34" /></h4>
</td>
</tr>
</tbody>
</table>
<table style="background-image: url(http://members.hypermart.net/controlpanel/FileManager/images/bg_features.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; width: 100%; background-position: initial initial; background-repeat: no-repeat no-repeat;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-top: 20px;">
<ul>
<li>Highest quality, extreme duty and ready for the elements. Featuring stainless steel spring and hardware.</li>
<li>Made in the USA</li>
<li>Quick disconnect gear attachment for easy gear change out or for sharing.</li>
<li>Rugged Kevlar cord is durable and lightweight.</li>
<li>Lifetime service policy</li>
</ul>
</td>
</tr>
<tr>
<td style="padding-top: 20px;" align="center"><img src="images/grxFeatureChartFishing.png" alt="Features chart" width="646" height="297" /></td>
</tr>
<tr>
<td style="padding-top: 20px;" align="center"><img src="images/grxFeaturePhotoFishing.png" alt="Features photo: fishing" width="542" height="242" /></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="footer_trademark">T-REIGN is a registered trademark of West Coast Corporation</div>
<div id="footer_copyright">© West Coast Corporation 2010 - 2011</div>
<div id="footer_contact"><a href="mailto:sales@t-reign.com">Send Email</a><br />ph /// (909)923-7800 fax /// (909)923-0024</div>
</div>
</body>
</html>
Thanks in advance for the help... I am trying to make a new layout for my site, http://www.jkrfan.com/index2.php , and I want it to be like this site: http://james-fan.org/ in the way that they have the two different background colors (the white one for the inside area and then the orangey one for the outside). I am also trying to figure out how they made the border on the right go all the way to the bottom. Help is very appreciated =] Thanks! My site is http://www.jkrfan.com/index2.php and my CSS is at http://www.jkrfan.com/styletest.css Hello, okay, so here's what i want to do: I want to create multiple dropdown boxes, and then have options inside the dropdown boxes have various values or attributes assigned to them, and then after all the options have been selected, then compare the various attributes of each option against each other, i'd like to compare it back against a spreadsheet of some sort, that would be easiest for managing the data and the various attributes, is it possible to check attributes of a dropdown selection on a spreadsheet of some sort? if so, how would that be done? if not, how else could the desired effect be achieved? I am a newbie to this html thing but I have a task that is a little complicated that I need to do often. I want to be able to work with a design like in the attached. Can someone send me a sample of coding that will make a similar to this? I do not want to use tables because I was told that tables are not a very good way to lay out something with pictures and text. The coding does not have to be complete - just the bare minimum to do the job. I do not expect to be able to make it a file and make it work - I just want to study it. I have a website I dedicated to my daughter. I host on godaddy. I downloaded the guestbook and finally got it to where when you click submit it goes from the addentrty screen to the guestbook so you can view what others write. Only problem is it doesnt add the text from addentry to the guestbook page. the website: www.rosenbaumfamily.com following is the code from the two pages. I know a little about html but i cant seem to find whats missing. I put *** next tot eh lines I think need to be altered.: addentry code <html> <head> <title>Guestbook - Add Entry</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFCCCC" link="#003399" topmargin="15"> <form method="post" action="guestbook.html"> <p align="center"> <font color="#0000FF"><a href="addentry.html"> <!--webbot bot="Navigation" S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" B-Include-Home="FALSE" B-Include-Up="FALSE" U-Page="sid:1001" S-Theme="Ice 0000" startspan --><a href="../../index.htm"><img src="../../_derived/index.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="Home" align="middle"></a> <a href="../../family.htm"><img src="../../_derived/family.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="See My Family" align="middle"></a> <a href="../../about%20me.htm"><img src="../../_derived/about%20me.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="About Me" align="middle"></a> <img src="_derived/addentry.html_cmp_Ice000_hbtn_p.gif" width="154" height="37" border="0" alt="Sign My Guestbook" align="middle"><!--webbot bot="Navigation" i-checksum="59646" endspan --></a></font></p> <table border="0" cellspacing="0" cellpadding="2" align="center" width="95%"> <tr> <td height="44" colspan="2" bgcolor="#FFCCCC"> <p align="center"><font size="7" face="Vivaldi"><font color="#003399"> Fallons Guestbook</font></font></td> </tr> <tr> <td width="99%"> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1">Please leave us a note so that we know you visited our site.</font></p> <p align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1">Love Dara, Adam, and Fallon</font></td> <td width="1%" align="right"> </td> </tr> <tr> <td colspan="2" height="27"><font face="Verdana, Arial, Helvetica, sans-serif"><img src="point2.gif" width="9" height="9"><a href="guestbook.html"><font size="1"><b>Back to Guestbook</b></font></a><b><font size="1"> | <img src="point2.gif" width="9" height="9"><a href="http://localhost/cgi-bin/guestbook.html?admin=enter">Administration</a></font></b></font></td> </tr> <tr> <td colspan="2"> <table border="0" cellspacing="1" cellpadding="4" width="95%" bgcolor="#FFCCCC"> <tr> <td colspan="2" bgcolor="#00FFFF"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Sign the Guestbook:</font> <input type="hidden" name="add" value="new"> </b></td> </tr> <tr> <td bgcolor="#EFEFEF" width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Name*:</font></td> <td bgcolor="#EFEFEF" width="460"> <input type="text" name="username" size="40" maxlength="40"> </td> </tr> <tr> <td bgcolor="#EFEFEF" width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">E-mail:</font></td> <td bgcolor="#EFEFEF" width="460"> <input type="text" name="email" size="40" maxlength="40"> </td> </tr> <tr> <td bgcolor="#EFEFEF" width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Homepage:</font></td> <td bgcolor="#EFEFEF" width="460"> <input type="text" name="url" size="40" value="http://" maxlength="45"> </td> </tr> <tr bgcolor="#EFEFEF"> <td width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Your Message*:</font></td> <td bgcolor="#EFEFEF" width="460"> <textarea name="message" cols="40" rows="9" wrap="VIRTUAL"></textarea> </td> </tr> <tr bgcolor="#EFEFEF"> <td width="179"> </td> <td bgcolor="#EFEFEF" width="460"> <a href="guestbook.html"> *** <input type="submit" name="Submit" value="Sign Book"></a> <input type="reset" name="Reset" value="Reset"> </td> </tr> </table> </td> </tr> </table> </form> <div align="center"><font face="Arial, Helvetica, sans-serif" color="#CCCCCC" size="1"><b>Guestbook Version 1.5<br> </b></font><b><a href="http://www.proxy2.de"><font face="Arial, Helvetica, sans-serif" color="#CCCCCC" size="1">http://www.proxy2.de</font></a></b></div> </body> </html> guestbook code <html> <head> <title>Guestbook</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt} input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt} A:hover {text-decoration: underline; color:red;} --> </style> <script language="JavaScript"> <!-- function JumpTo(page) { self.location.replace(page.menu.options[page.menu.selectedIndex].value); } //--> </script> </head> <body bgcolor="#FFFFFF" link="#003399" topmargin="15"> <form> <table border="0" cellspacing="0" cellpadding="2" align="center" width="95%" height="100"> <tr> <td height="44" width="94%"> <p align="left"> <font color="#0000FF"><a href="addentry.html"> <!--webbot bot="Navigation" S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" B-Include-Home="FALSE" B-Include-Up="FALSE" U-Page="sid:1001" S-Theme="Ice 0000" startspan --><a href="../../index.htm"><img src="../../_derived/index.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="Home" align="middle"></a> <a href="../../family.htm"><img src="../../_derived/family.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="See My Family" align="middle"></a> <a href="../../about%20me.htm"><img src="../../_derived/about%20me.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="About Me" align="middle"></a> <a href="addentry.html"><img src="_derived/addentry.html_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="Sign My Guestbook" align="middle"></a><!--webbot bot="Navigation" i-checksum="29614" endspan --></a> &n bsp; &nbs p; </font> <b><font face="Verdana, Arial, Helvetica, sans-serif" size="1"> <a href="/cgi-bin/guestbook.html?admin=enter">Administration</a></font></b></td> <td width="5%" height="44" align="right"> <br> <b><font face="Verdana, Arial, Helvetica, sans-serif" size="1"> </font></b> </td> </tr> <tr> <td width="94%" bgcolor="#FFCCCC"> <p align="center"><font color="#003399" size="7" face="Vivaldi"> Fallons Guestbook</font></td> <td width="5%" align="right"> </td> </tr> </table> <table border="0" cellspacing="1" cellpadding="5" align="center" width="82%"> <tr bgcolor="#BCBCDE"> <td width="32%" bgcolor="#00FFFF"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Name</b></font></td> <td width="40%" bgcolor="#00FFFF"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Comments</b></font></td> </tr> <!--begin --> </table> <table width="95%" border="0" cellspacing="1" cellpadding="3" height="35" align="center"> <tr valign="top"> **** <td> </td><href="addentry.html"> </tr> </table> <div align="center"><b> <font face="Arial, Helvetica, sans-serif" size="1" color="#CCCCCC"> <a href="mailto:hockeyman9474@aol.com?subject=from rosenbaumfam.com">contact webmaster</a></font></b></div> </form> </body> </html> Hello there, everyone! I'm new to the forums and also not the best one at HTML, but as I'd need some HTML for a project in school since it would be useful in what we're working on I thought I would ask you guys over here for some help, since what I've tested doesn't really worth out great and it's quite in a hurry right now. So, lets go! What I'd like to do is that in the first page, lets call it "The site where you choose music", there's gonna be a list of say 10 different songs, where you can choose to click in the box at the songs you would like to hear, could look something like this (just an example-picture): http://pici.se/pictures/PMYqqclCT.jpg What I'd like to do now is that the songs that I've chosen should follow when I click the "PLAY"-button to a new window, where the songs I've chosen will be listed. E.g. if I choose Song 1, Song 3, Song 6 and Song 8 in the list these should be the only ones to follow when clicking "PLAY", while the others doesn't. I know these might not be the hardest things to do, but I've had some problems due to the pressure in the project. Also, is there anything special I will need to do with the "PLAY"-button (besides from having the link to the site where the songs etc. will be placed) in order to be able to get the songs with me? Haven't worked with this too much. So, is there anyone out there with some spare time who would mind helping me out? Would be really appreciated. Anything from just pure small bits of help, to a full set of codes that would work out for me, depending on the difficulty/time it would steal from you guys. /Grelien ^_^ If there's anything unclear with my question please say so, tried to be as explaining as possible without making it too long (to prevent "TLDR") or too short. I could also post my current code if that would help out, but felt I'd wait with that if it's not necessary as it would make the post quite big. Hello everyone, newbie to this forum humbly seeking help. I'll got a javascript working to display an alt image on hover and at the same time an image box appearing at another place on the page (describing the link). After preparing the linked page I discovered that the link doesn't work. When I add "a href" within the code which already only has a "href" in the javascript the complex image cutting becomes apparent with a pixel or so space between each of the cuts. I had alt images working nicely, now I find something is very much a miss. Here is the code which delivers the two alt images well but doesn't link to the target page. "<tr><td><div id="NavigationImage3" href="about_us.html" onMouseOver="F_roll('NavigationImage3',1)" onMouseOut="F_roll('NavigationImage3',0)"><img id="NavigationImage3" name="NavigationImage3" src="images/b2-3a.jpg" onLoad="F_loadRollover(this,'images/b2-3b.jpg')" alt="Sample Text" onMouseOver="swap(3, 'imgDefault')" onMouseOut="swap(0,'imgDefault')"></a></td></tr>" Be very grateful if someone can help. Cheers, Mal from Cessnock (Aus) I am a novice at HTML / Coding and I'm just getting my feet wet when it comes to proper hands on coding rather than just the very simple aspects of editing say a forum theme or very, very basic HTML. I have this web template that I am trying to use, it's live he http://www.themeanstreets.net/revamp/index.html Essentially, I use MyBB 1.6.4. This template pulls recent posts from specific forums. I've found a Mod for MyBB to do this located he http://community.mybb.com/thread-62787.html What I can't figure out is how to put this all together to work. It seems that this web template which is PSD / HTML / CSS has the recent posts hand written / coded in. Like there's no sample code showing it pulling from any where. If there's any help or advice you can provide it would be so very greatly appreciated because I'm a day away from scraping this template that I really really love LOL Thanks! *******it won't let me upload the index file with the code and posting it here is too many characters. Here's a snippet of the code. Quote: <!-- post --> <div class="post"> <a href="#"><img src="images/posts/02.jpg" class="post-image" /></a> <h2><a href="#">Second post</a></h2> <div class="metadata"><a href="#">Lorem Ipsum Category</a></div> <div class="post_content"> <div class="post_brief">Lorem ipsum dolor sit amet, Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores </div> <div class="post_info"> <span class="author">Posted by <a href="#">Admin</a></span>, <span class="date">Apr 14</span> </div> <div class="post_comments"> <div class="number"><a href="#">159</a></div> <div class="comments"><a href="#">Comments</a></div> </div> </div> </div> <!-- post --> I am new to HTML/CSS. I was trying to make a simple page layout. Just for practice! Checkout the code! The problem I am facing that the "sidebar" is appearing. Please help me! -----------------------------------HTML file------------------------------------ <!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"> <title>First CSS Tutorial</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="myCSS.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <div id="header"> <br/><br/><center>This is header</center> </div> <div id="mainContent"> <br/> <h1>This is heading one</h1> <p>This is paragraph one. It contains the materials used for testing the heading 1.</p> <a href=2.html><p class="forNavigation"> Go to the next page>>></p></a> <h1>This is heading two</h1> <p>This is paragraph two. It contains the materials used for testing the heading 1.</p> </div> <div id="sidebar"> </div> <div id="footer"> </div> </div> </body> </html> ---------------------------------------CSS file--------------------------------- body{ background-color:green; } #wrapper { width: 786px; height: 1024px; margin: 0 auto ; background-color:white; } #header { width:786px; height:300px; background-color:pink; } #mainContent { width:595px; height:650px; background-color:red; } #footer { width:786px; height:74px; background-color:yellow; } #sidebar { width:186px; height:650px; color: orange; float:left; } h1 { color:white; margin-left:8px; } p { padding-left:10px; color:white; } .forNavigation{ color:blue; } Hi can someone who knows html please help me out? I have my webpage, http://users.igl.net/ash/index.html It has a javascript on it. I am trying to embed my homepage on my league site. so I write the code as follows <embed height="200" name="homepage" hidden="never" width="200" src="http://users.igl.net/ash/index.html" allowscriptaccess="true" /></embed> My homepage loads fine, but the javascript on doesnt load. Can someone suggest a better coding? Thank you. im making a layout for a band's myspace. on www.myspace.com/sunofmithra www.myspace.com/symptomofreality and www.myspace.com/iwrestledabearonce you will notice that there is a picture ABOVE the search bar (not on symptom of reality's but its good enough.) how do i get a background like that?? also, how do i put links in there, like iwrestledabearonce did with a video, and symptom of reality did with the send message, add to friends, etc. Thanks! P.S. Bare with me im not that good at html, i made an account here so i could LEARN about it more, and i also did not know where this would go really. |
|||||||