SitePoint Sponsor

User Tag List

Results 1 to 11 of 11

Thread: CSS Web Page

  1. #1
    SitePoint Evangelist Ian R. Gordon's Avatar
    Join Date
    Feb 2004
    Location
    New York
    Posts
    474
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question CSS Web Page

    How can I create a complete CSS Web page?

    In addition, I am wondering how I can make this box, I want to create this box, I think its done with CSS and I want to know how I can create it using the correct CSS code, can someone help me?

    I have attached an example of what I am talking about. Oh! If someone can give me the correct CSS for customizing a dropdown menu for color and size that too would be appreciated.
    Attached Images Attached Images
    Ian Gordon
    CSS / XHTML / PHP Programmer
    http://www.iangordon.us

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,380
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Oh! If someone can give me the correct CSS for customizing a dropdown menu for color and size that too would be appreciated.

    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">
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    <!--
    select#menu1 {
     width:300px;
     background:green;
     color:red;
    }
    -->
    </style>
    </head>
    <body>
    <form id="form1">
      <select id="menu1" >
    	<option selected="selected">unnamed1</option>
    	<option>unnamed2</option>
    	<option>unnamed3</option>
    	<option>unnamed4</option>
      </select>
    </form>
    </body>
    </html>
    I'll try and answer the other question when your attachment show up unless you'd like to provide some code or a better explanation

    Paul

  3. #3
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    background:green;
    color:red;
    Off Topic:

    Merry christmas?

  4. #4
    SitePoint Wizard Dangermouse's Avatar
    Join Date
    Oct 2003
    Posts
    1,024
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Pa

    Off Topic:

    Blimey that came round quick

  5. #5
    SitePoint Enthusiast irishstu's Avatar
    Join Date
    Aug 2003
    Location
    Dublin Ireland
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    the border & title should be made using the fieldset & legend tags:

    http://www.htmlhelp.com/reference/ht.../fieldset.html

    http://www.htmlhelp.com/reference/ht...ms/legend.html

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,380
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Here's an example:
    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">
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    <!--
    select#menu1, select#menu2 {
     width:100px;
     background:#D8E4E7;
     color:#996600;
     border:none;
     vertical-align:middle
    }
    legend {color:#996600}
    #outer {
     background:#D8E4E7;
     width:250px;
     padding:10px;
     color: #993300;
    }
    fieldset {
     border-top: 1px outset #E1E1E1;
     border-right: 1px outset #E1E1E1;
     border-bottom: 1px outset #996600;
     border-left: 1px outset #996699;
     padding:5px;
    }
    -->
    </style>
    </head>
    <body>
    <div id="outer"> 
      <fieldset>
      <legend>Text Properties</legend>
      <form id="form1" action="">
    	<p>Heading : 
    	  <select id="menu1" >
    		<option selected="selected">unnamed1</option>
    		<option>unnamed2</option>
    		<option>unnamed3</option>
    		<option>unnamed4</option>
    	  </select>
    	</p>
    	<p>Heading : 
    	  <select id="menu2" >
    		<option selected="selected">unnamed1</option>
    		<option>unnamed2</option>
    		<option>unnamed3</option>
    		<option>unnamed4</option>
    	  </select>
    	</p>
      </form>
      </fieldset>
    </div>
    </body>
    </html>
    Hope that helps.

    Paul

  7. #7
    SitePoint Evangelist Ian R. Gordon's Avatar
    Join Date
    Feb 2004
    Location
    New York
    Posts
    474
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul do you think you could help me with correct coding in terms of design too?
    Ian Gordon
    CSS / XHTML / PHP Programmer
    http://www.iangordon.us

  8. #8
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,380
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Paul do you think you could help me with correct coding in terms of design too?
    I'll try my best What are you after?
    Edit:


    I'm just off to bed so leave a message and I'll get back tomorrow afternoon if that's ok. Or someone else will probably jump ion and help anyway.

  9. #9
    SitePoint Zealot cyberian's Avatar
    Join Date
    Oct 2003
    Location
    MA
    Posts
    126
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wow - that was good stuff. I had no idea CSS had those two calls - legend and fieldset. Learn somethin new every day.

  10. #10
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by cyberian
    Wow - that was good stuff. I had no idea CSS had those two calls - legend and fieldset. Learn somethin new every day.
    That's not CSS, that's HTML 4.0 (been around since 1997 ya know ).

  11. #11
    SitePoint Zealot cyberian's Avatar
    Join Date
    Oct 2003
    Location
    MA
    Posts
    126
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ugh. I knew I shouldn't post before 10am.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •