mufonix
-
Posts
3 -
Joined
-
Last visited
mufonix's Achievements
Newbie (1/7)
0
Reputation
-
Hey. I apologize in advance for being a complete noob. I am building a web page for work (with very little knowledge of how to build web pages) and I would like to add the top three news headlines from our rss feed to the homepage in the "what's new" section. (see: http://www.accwt.org/newsite2/blank.html)I downloaded rss2html from rss2html.com but as far as I can tell it can't be used to parse news headlines and insert them into your own website. Does anyone know of any resources where I might be able to learn how to do this?
-
well i think i fixed everything that needed fixing. thank you for the info.
-
Let me first apologize for the nature of my programming abilities. I have been working on creating a new layout for our website at work, but my knowledge of web design is somewhat limited. The old site is here: www.accwt.org I created this: www.accwt.org/newsite/index.htmlBut I was dissatisfied with that design. I wanted something centered with less space on the right. My boss also wants there to be orange in the page to represent the environmental problem we are trying to alleviate. So this is the most recent design I have: www.accwt.org/newsite2/blank.htmlI am have two questions I am hoping you all, as experienced designers, can help me with.1st) I would really like to have the links in the lower right corner of the header as they appear in firefox. However, they have given me some problems in camino and in some versions of IE in terms of not being in the correct lower right position of the header. For example, in camino they will appear bellow the header and sortof overlapping each ohter. Is there are more elegant way to do the coding that will keep them in that location and be cross compatible with other browsers?2nd) Because I am new to xhtml and css, does anyone have suggestions as to how I might make the overall css/xhtml more elegant and universally adaptable to different browsers, resolutions, and overwrited text sizes? I REALLY appreciate your feedback!Here is the code for the xhtml page: <!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><title>ACCWT Home Page</title><link rel="stylesheet" type="text/css"href="centerlayout.css" /><link rel="stylesheet" type="text/css"href="centerpresentation.css" /></head><body><!-- This is the main wrapper, it is an essential design element for the overall page, do not edit --><div id="wrapper"><div id="innerwrapper"><!-- All Items in the header are placed here. Do not edit unless you are adding or removing links! --><div id="header"><div id="imagepadding" style="padding:2px 3px 0 5px;"><img src="images/accwt.jpg" align="left" /></div><span class="header">Appalachian Coal Country</span><br /><span class="subheader">Watershed Team</span><span class="sublinks"><span class="class2"><a href="staff.html">Staff</a></span> | <span class="class2"><a href="contact.html">Contact</a></span> | <span class="class2"><a href="#">OSM Vista Site</a></span> | <span class="class2"><a href="#">Vistaweb</a></span></span><span class="links"><span class="class1"><a href="index.html">Introduction</a></span> | <span class="class1"><a href="goals.html">Goals</a></span> | <span class="class1"><a href="volunteer.html">Volunteer</a></span> | <span class="class1"><a href="sponsor.html">Sponsor</a></span> | <span class="class1"><a href="projects.html">Projects</a></span></span></div><!-- items in the left navigation bar go here --><div id="leftbar"> <div id="leftsub"> <div id="leftsubhead"> What's New </div> <div id="leftsubbody"> >> ACCWT Now on Youtube!<br /> >> Read More<br /> <br /> >> Announcing the 2007 Clean Streams Practicum<br /> >> Read More<br /> </div> </div> <div id="leftsub"> <div id="leftsubhead"> What are we doing? </div> <div id="leftsubbody"> <div id="staffimage" style="margin-right:auto; margin-left:auto; text-align: center; padding:5px 0 5px 0;"> <img src="images/index/staff.jpg" align="center" /> </div> >>Learn More! </div> </div> <div id="leftsub"> <div id="leftsubhead"> Search </div> <div id="leftsubbody" style="padding-top: 3px;"> <form id="searchbox_001600415084708438663:aw5t-jh_gg0" action="http://www.google.com/search"> <input type="hidden" name="cx" value="001600415084708438663:aw5t-jh_gg0" /> <input type="hidden" name="cof" value="FORID:0" /> <input name="q" type="text" size="20" /><br /> <input type="submit" name="sa" value="Search" /> </form> </div> </div></div><div id="content">CONTENT GOES HERE</div></div></div></body></html> Here is the CSS for the page structure: /* CSS Document */body { margin: 0; padding: 0; background-color: #E8E8E8; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; background-position: center;}#wrapper{ width: 781px; background-image: url(images/wrap.jpg); background-repeat: repeat-y; margin: 0 auto; position: relative;}#innerwrapper{ width: 771px; margin: 0 5px 0 5px; background-color:#FFFFFF; height: 1200px; position: relative;}#header{ width: 772px; background-color:#03529D; height: 85px; text-align: left;}/* left bar */#leftbar{ background-color:#DEDEDE; width:215px; float: left; padding-bottom:5px; margin-top: 5px; margin-left: 5px;}#leftsub{ background-color: #ffffff; width: 201px; margin:6px 6px 0px 6px; border: 1px solid #C2C2C2;}#leftsubhead { text-align: center; color: #ffffff; background-color: #FA891E; width: 193px; margin: 3px 3px 0px 3px; height: 19px; border-left: 1px solid #FA891E; border-right: 1px solid #FA891E;}#leftsubbody{ text-align: left; background-color: #ffffff; width: 193px; margin: 0px 3px 2px 3px; border-left: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; }/* left bar end */#content{ background-color:#FFFFFF; float: right; width: 535px; border: 1px solid #E8E8E8; margin: 5px 5px 0 0; text-align: left;} And here is the css for the design features: /* CSS Document *//* general fonts and global design features */h1 { padding: 0;margin: 0;}h2 { padding: 0;margin: 0;}h3 { padding: 0;margin: 0;}h4 { padding: 0;margin: 0;}h5 { padding: 0;margin: 0;}.class1 A:link {text-decoration: none; color: white;}.class1 A:visited {text-decoration: none; color: white;}.class1 A:active {text-decoration: none; color: white;}.class1 A:hover {text-decoration: underline; color: white;}.class2 A:link {text-decoration: none; color: #0A9AE1;}.class2 A:visited {text-decoration: none; color: #0A9AE1;}.class2 A:active {text-decoration: none; color: #0A9AE1;}.class2 A:hover {text-decoration: underline; color: #0A9AE1;}.cfont1 { font-weight: normal;}.imgright { float: right; margin: 2px;}.imgleft{ float: left; margin: 2px;}/* header */.header{ font-size: 29px; font-weight: bold; color: #FFFFFF; position: relative; margin-top: 5px; margin-left: 5px;}.subheader{ font-size: 20px; font-weight: bold; color: #FFFFFF; position: relative; margin-top:19px; margin-left: 5px;}.links { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 12px; position: absolute; margin-top: 34px; margin-right: 3px; right: 0;}.sublinks { color: #0A9AE1; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 10px; position: absolute; right: 0; margin-top: 22px; margin-right: 3px;}