HTML - Design Problem

Hi there

Sorry, i don't know if this is the correct section of the forum to put this in.

What I really want to know is, how do you get webpages to look like this:

http://itunes.apple.com/us/album/lov...ign-mpt=uo%3D2

Can this be done using HTML and CSS alone?

I'm only referring to the design part of it, not what the page is able to do. Like play songs for example.

Thanks
Jackie xxx

Hey guys, This is my problem...--->

http://triplestarnews.com/needhelp.jpg

the original code is found on this page http://triplestarnews.com/main

any ideas??

thanks!

Eric

Hi

My latest design is 2 columns one for navigation the second for content.

My problem is with positioning.

I want to be able to add an image at the bottom of the navigation column which will always be at teh bootom no matter how big the content area grows.

The idea is my navigation will be at the top and the image or possibly images will be at the bottom.

Is there an easy way around this with CSS? i could use tables and have it align to bottom but i don't want to use tables if possible.

Any suggestions would be appreciated as the design is almost finished and i hope to make a start on coding this afternoon.

I will post the example code soon for you guys to see how i've put it together and hopefully will just be able to change one line or somthing for me.

CC_DESIGN

Im trying to copy the design of http://www.bluelounge.com but for the content instead of a page, i was trying to make it iFrame. Because i will be putting a streaming music on the Nav bar on the left, and its not going to be moving so its just stuck there while the iframe resizes and scrolls on different pages.

What im having trouble with is, i have no idea on how to code the iFrame so that its the main scroll bar and i dont know how to automatically resize it.

The main page for the iFrame is going to be the contents of a blog from blogspot.com

Can someone help me please? Thanks!

Here is what i want.

Hi:

Currently, I'm making my web pages 'by hand'. That is, I use an editor, and laboriously crank out and test my pages on IE, safari, FireFox and Opera.

But this is agonizingly slowwwwww !

What tools do *professional* webbers use to build sites ??

What would you folks here suggest as a useful tool for web-building that would speed up my building, but result in clean editable pages ?

(btw, I'm an expert database man, but quit a neophyte in web design.)

My 'forte' is building Windows business applications (Inventory, Accounting, etc, etc) using xBase database software (i.e., the xHarbour language).

I can hardly wait until I can get 'behind-the-scenes' and do database work to back up my (pathetic) designs.

Thanks for any hints.

-Mel Smith
Mesa, Arizona

I would like to know if any one would like to make a web site for me i cant pay you. But if you would like The experience and or practice I would really like the Help. It is a web site for a audio/visual production company based in Ontario that specialize in audio/visual production for live events, video post-production, video conferencing, special effects, audio recording, audio mastering, podcasting, and other services.

If you would like to help me post here or add me on msn at jacob.pn@hotmail.com thanks.

Hello,

I've been working on the design for this website - http://www.keison.co.uk/test/ .

The side menus are in javascript, which I realise is not a generally good thing, as this website's search engine rankings are important.

However, my way to combat this is to use the text links at the bottom of the page (specifically the Product Index) to list the other pages on the website, so that technically every single page can be indexed via standard text links.

My question is by doing the above, will this have any adverse effect on search engine rankings?

Any help is appreciated.

Hi!

I had my test webpage where i test my designs, scripts etc. working well but then my little brother change some stuff in both the html file and css file, I already fixed a lot but I don't know what's wrong now.

HTML Code:

<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ComBBAT  - FRC Team 21</title>
<link href="http://demo.combbat21.com/css/general.css" rel="stylesheet" type="text/css" media="screen, all"/>
<link href="http://demo.combbat21.com/css/img.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="http://demo.combbat21.com/css/print.css" rel="stylesheet" type="text/css" media="print"/>
<meta name="description" content="ComBBAT, Team 21 is a FIRST Robotics Competition team consisting of both Titusville and Astronaut Highschools in Titusville, Florida." />
<meta name="keywords" content="USFirst, robotics, titusville, brevard, florida, FRC, ASRC, boeing, FIRST, ComBBAT, team 21, govconnection, team, competition, FIRST, first," />
<meta name="author" content="Daniel Cuesta" />
<link rel="shortcut icon" type="image/x-icon" href="http://files.combbat21.com/website/images/favicon.ico" />
<!--[if IE]>
<style type="text/css"> 
</style>
<![endif]-->
<!--JAVASCRIPTS-->
<script type=text/javascript"" src="http://demo.combbat21.com/js/addfav.js"></script>
<script language="JavaScript1.1" src="http://demo.combbat21.com/js/slidehome.js"></script>
<script type="text/javascript" src="http://demo.combbat21.com/js/report.js"></script>
</head>
<!--|| -->
<body>
  <div id="container">
   <div class="br10"></div>
    <div id="top">
     <ul>
<li><a href="http://m.combbat21.com">mobile</a></li>
<li><a href="javascript: function('addfav')" >Bookmark us</a></li>
<li><a href="http://members.combbat21.com">login</a></li>
</ul>
             </div>
      <div id="header">
       <a href="../../../" id="logo" title="Home"></a>
        <a href="../../../" id="name" title="Home"></a>
         <a href="http://usfirst.org" id="first" title="FIRST" target="_blank"></a>
                                  </div>
              <div id="navbar">
 <ul>
  <li><a href="http://combbat21.com" id="n1" class="active">Home</a></li>
  <li><a href="first/">FIRST</a></li>  
  <li><a href="about/">About us</a></li>
  <li><a href="multimedia/">Multimedia</a></li>
  <li><a href="resources/">Resources</a></li>
  <li><a href="contact/">Contact us</a></li>
 </ul>
    </div>
    <div id="breaker"><!--
<span class="pathway">You are he </span><a href="../../../../">Combbat21.com</a>
<div id="search">
<form name="cse" id="searchbox_demo" action="http://www.google.com/cse">
  <input tabindex="3" class="txt" name="q" value="" title="Search" /><input type="image" id="searchB" name="submit" src="http://files.combbat21.com/website/images/search-button.gif"/></form>
-->
</div>
</div>
    <div id="rightcol">
          <ul>
            <li><a href="about/">about combbat</a></li>
             <li><a href="first/">about first</a></li>
            <li><a href="news/">news</a></li>
            <li><a href="blog/">blog</a></li>
            <li><a href="calendar/">calendar</a></li>
            <li><a href="donate/">donate</a></li>
            <li><a href="sitemap/">sitemap</a></li>
          </ul>
       </div>
       <div id="leftcol">
<a href="javascript:gotoshow()"><img src=".jpg" name="slide" border=0 width=100% height=100%></a>
<script> 
<!--
slideshowimages("http://files.combbat21.com/website/images/slideshow/1.jpg","http://files.combbat21.com/website/images/slideshow/2.jpg","http://files.combbat21.com/website/images/slideshow/3.jpg","food4.jpg","food5.jpg")
slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092","http://food.epicurious.com/run/recipe/view?id=100975","http://food.epicurious.com/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe/view?id=20010")
 
var slideshowspeed=2000
 
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
 
//-->
</script>
<noscript>In order to see the slideshow you must enable javascripts</noscript>
 
</div>
        <div id="content">
<a href="" onClick="window.print(); return false">
 <img src="http://files.combbat21.com/website/images/print.png" title="Print" alt="print button" class="tb"></a> 
         <h2>Welcome to combbat21.com</h2> 
<p>FIRST Robotics Competition Team 21 was started in 1996 to share and expand FIRST's vision with students of Astronaut and Titusville High Schools in Titusville, Fl. Our mentors, Scott Strickland from Boeing, James Rallo from Upper Mohawk Inc, Stephen Stout from ASRC Aerospace, Kevin Cunningham from USA, and Jeff White, assist the ever-expanding team of high school students design, construct, and program a fully functional ~120 lb robot and facilitate the development of important life skills such as teamwork, communication, and leadership. </p>
    </div> 
   <div id="sponsors">
    <p>The FIRST Robotics Team 21 gracefully thanks its sponsors:</p>
     <a href="" target="_blank" id="boeing"></a> 
      <a href="" target="_blank" id="govc"></a>
       <a href="" target="_blank" id="asrc"></a>
    </div>
    <div id="footer">
 <ul>
   <li><a href="/chforum">chief delphi forum</a></li>
   <li><a href="/mobile">mobile</a></li>
   <li><a href="link/">link to us</a></li>
   <li><a href="sitemap/">sitemap</a></li>
   <li><a href="sponsorus/">sponsor us</a></li>
   <li><a href="contact/">contact us</a></li>
  </ul> 
   </div>
    <div id="end">
<a href="javascript:popUp('http://www.demo.combbat21.com/report')">Report</a>
</div>
     <div align="center"><!--needed for ff-->
      <div id="bottom">
       <p>FRC Team ComBBAT 21. Copyright &copy; 2010. All rights reserved.</p>
    </div>
</div>
  </div>
</body>
</html> 

css:www.demo.combbat21.com/css/general.css
Thanks a lot to anyone that replies.

Hi all.

I don't have IE 6 or 7, but I have a major problem with the following page on both IE 6 and IE 7:
http://bartending.com/barmatch/index.php

Can anybody tell me what's wrong there? It looks fine on firefox and IE 8.

Thank you =)

Light and Love and Healing to you all,
-Patrick Arden McNally

Can any one help me how to design web for mobile. I design a web by Frontpage, look beautiful in PC but can not read in mobile. Thanks in advance

Bottom image pulls up nicely on FF and Safari. However there is a thin line that breaks the 2 background images.

Try on IE9

http://www.seahosting.net

Please help

If for user to use the web browser to open the text file in local drive, read the text file contents and plot the line graph base on the data in the text file, what is the most suitable design to use ?
first i think of use the php to read the dynamic data , but php request to install the appserver, too complicate for user.
if i use purely html, with some plug in like flash, is it possible to read the dynamic data in the text file and plot to the flash ?

please advice me, many thanks.

Hi,

I would like to design a table just like in the Image. I am new to web design. I also want to display the text same as the one in the image, ie., Vertical text.. Can someone please help me out.

Thanks
Rajagopalan.

How do I begin coding a web design PSD? Any decent tutorials?

I know that one could use Adobe Fireworks and slice up the images, but I don't have Fireworks.

Hello! I need a website built and have very basic knowledge of html. I will be selling t-shirts and need a professional looking web page. I want the customer to be able to select a variety of options for each t-shirt, starting with size. Once size is picked, the available options for colors will reduce to the available colors for that size t-shirt. Once color is picked, the available options for the type of shirt will reduce whatever types of red XL t-shirts I have in stock (v-neck, button up, tee, etc). As well as t-shirts I will also be selling other product, which will just be added to cart, with no customization. I would also like a shipping estimate for the customer's cart based on their zipcode.

I also need a referral program added into the site. I want to be able to give some my url with their code in the string that will automatically add 30% of the profit they generate on my site. Note: this is profit made from each product, not revenue. I want them to be able to be able to check their balances quick and easy.

This is the basic layout I would like, if you have any other ideas feel free to implement them or ask my opinion. I will choose the design that I feel is: a.) simple to use and edit, b.) looks professional, c.) user friendly.

Thank you for your time and their will be more chances at making money from your home in the future.