|
HTML - Simple Livestream Monitor Help?
I want to create a webpage that will allow a group of people to check a list of livestreams. (www.livestream.com)
In the art community i'm in, there are around 20 livestreams that aren't all on the current monitor list and the owner is away. The current list is pretty fancy with some javascript and css, but i'm just looking for a list of names that go down and next to it say "Online/offline" I'm just looking for a backup for when some streams aren't listed. ex Fribox - Offline Fribox2 - Online Fribox3- Online I don't know alot of code, enough to make a simple webpage, but i'm more than willing to learn and would love some help if possible. Edit: livestream API allows me to grab status from a xml file. How do I drop this information into my webpage? Similar TutorialsI am making a site that looks like this on a normal monitor: That is what I want it to look like on all monitors. But it looks like this on my widescreen monitor: I was wondering how I can center it on just widescreen monitors, or at least how I can make it look good and not change what it looks like on the non-widescreen monitors. Hey guys I wondered if you could provide any insight into the best method to ensure that a website will look wonderful regardless of monitor resolution. I'm trying to dip my hands into the wonderful world of design and need a few kick offs to get me going. Thanks, -Rich I am looking to upgrade my monitor to 20" widecreen, but I am a bit concerened about web design. At the moment I have a 17" TFT at 1280x1024 and I have to be really carefull when designing to make it fit 1024x768. Can anyone suggest an easy way to design for a different resolution on a widecreen monitor? thanks Hi guys, i put only one image in my page. but its not align of center of the screen. It aligned only horizontally. i want also vertically centered alignment. the image should align horizontally center and also vertically center align. how can it possible please send me the valuable solution or opinion. i gave one sample image. Hi, I have a few questions. I use Netscape Composer 7.2 to design my webpage (since it is free), and occasionally insert my own hand-written html code. 1. I have a 22" 16:9 wide-screen monitor. Why do websites waste all the space to the left and right of their content with either a background image or a single solid color? Many sites do this (but not google), such as: http://www.summitpropertiesgroup.com/about.php http://www.nytimes.com/ http://www.usatoday.com/ https://twitter.com/ Is it because they are all designed for small laptop monitors? Do most people have 17" desktop monitors these days? 2. What is the html code to shrink my webpage width to make my site look like these sites? Right now, my webpage is the width of whatever the monitor is. I assume I have to use one large table and set an absolute width to whatever?? 3. How do I verify that my website looks just as good on a 14" laptop monitor as it does a 25" desktop monitor without having to buy all these monitors or ask friends to use theirs? I am worried since I just hit the tab or space key on Netscape Composer when I want to indent in a certain manner, and I wonder how this looks to someone using a smaller monitor. I have 17" and 22" monitors myself so I know it looks good on those. I also put 640 x 480 pics side by side, with text typed on top of each pic. I am worried on a smaller monitor, only one pic may fit, and the text on top will be mixed up. Thanks for any help! Stephanie hello! i'm trying to get a 2000px x 3000px image to load horizontally centered on even the smallest monitor, making the visitor start in the image's middle top and scroll both horizontal & vertical. how can i do this without too much damage to my brain? thanks for the knowledge! berbes My site is showing expanded not looking nice in big monitors. Can anyone help please. I think it is a container or sidebar problems. pl see the attachment. I will appreciate your help. I have a to make web page containing 2 columns. This is done. Now what I would like to insert in the code is something like this: The 2 columns should be full screen on any resolutions. Something like the page would adapt to the monitor resolution. The percent would be 80% for the first column 20% for the se cond one. What I don't know - is how to do that. Would a table resolve this problem? What would be the code for this? Suggestion are well appreciated. Hi all, This is my first post and its so simple that i am a bit embarrassed to post it, I have created a page with a flash video on it, but the only problem is cant workout how to centre the video, some help would be greatly appreciated, Here is the code, http://www.ogeetek.com/dave_test/test.txt And here is the website http://www.ogeetek.com/dave_test/test.html Thanks in advance, Hey. So I'm pretty good at stuff in general, my problem is that I do not have extensive experience with HTML/CSS so I don't know the best way to do this, or where to look for a way to do this. Basically, I want my layout to be like this: http://people.virginia.edu/~eee2a/Welcome.html in that I want there to be gray space on the side and a middle that scrolls. super simple right? I just don't know how to do it, and I don't know the best keywords to use on google for it. Thanks. I'm trying to create something simple, I know how to do it in flash, but I can't get it in html, which is the way this needs to be done. I've attached a picture with an area in red. The area in red is the only area that needs to scroll, the rest of the image, the book area, needs to be static and not move. Can you help me? Hello tere. I have been coding in HTML for a long time, but I haven't done so in a year or so. I took a fat break from coding, since I found no use for it. Now I'm creating a website, and I seem to have forgotten all the easiest things I forgot how to move forms. I got a div that I call .content, how do I move it around so it for example is on the upper hand right corner instead of being below everything else? Ty I am designing a page for our store - everything is fine with the code except for one thing: the code for the left and main tables on the page. I am having to write a string of <br /> to create breaks between my merchandise pics and the bottom of the page. In addition, on the left table is a border line dividing the two tables running the length of the page. I know there is an easier way of writing this, but I am at a loss as to how. Any help would be most appreciated. Thanks. http://piratesisland.leadhoster.com/booty.html Hi All, Hopefully someone hear can help me please. I've created a search box and it displays fine in Firefox but it's not lining up right in IE Anyone got any ideas what I need to change? You obviously won't see the two images used in the search box here but you will see how the textbox and the "Search" link don't line up. The lines above and below these should join each other. Here's the code below: Thanks in advance, much appreciated. <!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>Untitled Page</title> <style> .SearchBox { margins:0px; padding:0px; width:300px; vertical-align:top; height:26px; } INPUT.SearchBarTextbox { position:relative; margins:0px; border-top: solid 1px #bababa; border-bottom: solid 1px #b8b8b8; border-left:0px; border-right:0px; height:20px; padding-top:3px; color:#888888; width:210px } a.SearchLink { color:#0087FF; height:20px; font-weight:bold; padding-top:1px; padding-bottom:4px; border-top: solid 1px #bababa; border-bottom: solid 1px #b8b8b8; background-color:#fff; text-decoration:none; } </style> </head> <body> <form> <br /> <div class="SearchBox"><img src="images/SearchBarLeft.gif" align="top" /><input id="Text1" type="text" class="SearchBarTextbox" value="What are you looking for?" /><a href="#" class="SearchLink">Search</a><img src="images/SearchBarRight.gif" align="top"/> </div> </form> </body> </html> If you look at my page you will see on the left hand side two links to subscribe to my entries and my comments. I would like the text next to the subscribe image to have both lines indented the same amount. In other words, I want the second line to not wrap underneath the image and instead start at the same place as the first line, just to the right of the image. I know this should be simple but somehow my brain is not finding the solution. I'm trying to create linked images based off URLs within my XML file. XML file: Code: <?xml version="1.0" encoding="ISO-8859-1"?> <projects> <list> <name1>Carrier Management</name1> <sharepoint1>https://portal.foorbar.com/sites/default.aspx</sharepoint1> <image1>../images/CarrierMgmt.jpg" border="0" alt="Carrier Management"</image1> </list> <list> ... XSL FIle: Code: <td> <a href='<xsl:value-of select="projects/list/sharepoint1"/>'> <img src='<xsl:value-of select="projects/list/image1"/>'> </a> <br/> <center><b> <xsl:value-of select="projects/list/name1"/> </b></center> </td> It's printing the < and > as text, not rendering then as HTML tags. Thanks. I have a code i am making for my nan so she can get to all her sites easy. But i want to to show up in tabs and it always shows up in a new window. Can cha edit it for me? Code: <style><!--body{background: black url(http://www.minutecity.com/images-for-myspace/background1/clouds/clouds_4.gif) fixed}--></style>
<p>
<a href="http://webmail.aliant.net">
<font siZe="15" Color="white" face="Boopee" Target="_self" ><b>Webmail</b>
</p>
<p>
<a href="http://facebook.com" Target="_popup" >
<font size="15" color="white" face="Boopee"><b>Facebook</b>
</a>
</p>
Is there a simple way to center a div horizontally? 'align="center"' works fine but it's deprecated. '<center>' works fine, but it's deprecated. 'text-align="center"' doesn't work. I've searched this site with 'center div,' and tried several things I didn't understand; none had any effect save one, which moved it to the right. This is such a basic thing, CSS ought to have a 'horizontal-align:center,' but of course it doesn't. I don't have a site for an example, as it is now I'm using 'align="center".' I',m going to rebuild it, and I'd like to get it right. Any and all help appreciated. Hey gang, I create very basic webpages for my old mobile phone so I can read on the go where ever I might be, sitting or moving, in light or dark. Some of my pages I transliterate Thai language and I am trying to use the char code Code: &# 331; without any luck. I realize the code is higher than the 255 ascii codes, but my Thai chars are all in the xxx range, but of course having the meta tag for charset="utf-8" in my head tags takes care of rendering these chars readable. Why then does &# 331; (w/out the space of course, it is only there so the char does not resolve in the post) not render, and how can I go about getting it to render readable? BTW: the char code &# 331; renders fine in Firefox on my laptop, it is on my older mobile that the char code does not render. But the Thai chars do render a-ok on the phone, so it seems strange this code cannot be resolved. Thanks, I appreciate any constructive feedback on this one. nap For a bold font - I switched from <b> to <strong> - is this the correct way? |
|||||||