SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Evangelist
    Join Date
    Jul 2001
    Location
    London, UK
    Posts
    475
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Application for css

    I am just begining to learn about css, can anyone recommend an application that can make the css code.

    Would be nice to play around with effects in a wusisug editor which then produces the code.
    Add your web design / hosting companies to my directory - Web Hosting Directory
    Want to join our panel of experts? - Hosting Forums ( top right of forums -expert drop down box for more info ).

  2. #2
    SitePoint Guru sowen's Avatar
    Join Date
    Feb 2001
    Location
    Stockport, UK
    Posts
    729
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I really like Topstyle (http://www.bradsoft.com/topstyle/index.asp) there is a free lite version, after about 1/2 an hour using that I bought the pro version, its great.

  3. #3
    SitePoint Evangelist
    Join Date
    Jul 2001
    Location
    London, UK
    Posts
    475
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Can it do table styles

    Ive been trying to work out how some websites use a nice dotted line around their tables or just one side of the table. I guessed they must be using css?
    Add your web design / hosting companies to my directory - Web Hosting Directory
    Want to join our panel of experts? - Hosting Forums ( top right of forums -expert drop down box for more info ).

  4. #4
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You still need to know CSS in order to use the program. It's basically just a visual interface.

    To do that line, you could use this:
    Code:
    #foxyBox {
      border-right: 1px dashed #000000;
      height: 200px;
      margin: 0px auto 0px auto;
      width: 200px;
    }

  5. #5
    SitePoint Evangelist
    Join Date
    Jul 2001
    Location
    London, UK
    Posts
    475
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Well...

    I did use this css on my website but the blue line is not dotted it is a solid line?

    Webpage here http://www.hostcompanies.com/fixedtestbegin.htm
    Add your web design / hosting companies to my directory - Web Hosting Directory
    Want to join our panel of experts? - Hosting Forums ( top right of forums -expert drop down box for more info ).

  6. #6
    SitePoint Wizard silver trophy redemption's Avatar
    Join Date
    Sep 2001
    Location
    Singapore
    Posts
    5,269
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    some sites use a graphic for that dotted line thing... i also want to know how this can be done using CSS

  7. #7
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Re: Well...

    Originally posted by TimNiceButDim
    I did use this css on my website but the blue line is not dotted it is a solid line?
    It's dashed for me. What browser are you using?

    TimNiceButDim, you should also consider streamlining your page's <head> section. You've got like three style sheets, two JS blocks... it's ugly. I did the work for you below. Just copy and paste.
    Code:
    <style type="text/css">
    <!--
    
    input, select, textarea {
      background-color: #ffffff;
      border: 1px solid #000000;
      color: #333399;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 11pt;
    }
    
    td {
      color: #333399;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 11pt;
    }
    
    .table {
      border-right: 2px dashed #333399;
      margin: 0px auto 0px auto;
    }
    
    .two {
      background-color: #000000;
      color: #ffffff;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10pt;
      font-weight: bold;
    }
    
    -->
    </style>
    <script type="text/javascript">
    <!--
    
    function formHandler(form){
    var URL = document.form.site.options[document.form.site.selectedIndex].value;
    window.location.href = URL;
    }
    
    function MM_callJS(jsStr) { //v2.0
      return eval(jsStr)
    }
    
    // -->
    </script>

  8. #8
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by redemption
    i also want to know how this can be done using CSS
    I posted how to above, but all you need to do is this:
    Code:
    .yourLine { border: 1px dashed #000000; }


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
  •