Web Designing - Page 2
   

       The Horse Forum > Life Beyond Horses > Hobbies

Web Designing

This is a discussion on Web Designing within the Hobbies forums, part of the Life Beyond Horses category

     
    LinkBack Thread Tools
        11-17-2008, 03:34 PM
      #11
    Weanling
    Welcome bedouin!

    Thanks for the tips Jahanzeb!! Nice site you've got there too!
    How can I get ahold of a CSS program??
         
    Sponsored Links
    Advertisement
     
        11-17-2008, 04:59 PM
      #12
    Yearling
    CSS is not a program, it's a language. It allows you to setup some default layouts for the page and then from there on you can work on that page. For example, If I have to create a web page for your horse. I would create a header, navigation and footer in CSS, meaning I would be setting up layout sizes, colors etc.

    Once setup I will then have a skeleton on which I will be able to put the text on.

    It's more like setting up rules/format for your site.

    The budgeted site I showed you, has a same buttons, header size, footer size, navigation site. So even if the site was empty it looks consistent.

    That is what you need.

    Here is the sample code how CSS looks like.

    Code:
    <html>
    <head>
    
    <style type="text/css">
     Body {background-color: yellow}
     H1 {background-color: #00ff00}
     H2 {background-color: transparent}
     P {background-color: rgb(250,0,255)}
    </style>
    
    </head>
    
    <body>
    
    <h1>This is header 1</h1>
    <h2>This is header 2</h2>
    <p>This is a paragraph</p>
    
    </body>
    </html>
    Paying attention at the background color code, CSS starts with <style> tag. Hence <style type="text/css">.

    Here are some hints/tips on CSS.

    CSS tips & tricks

    I will try and find some sample sites for you to try.



    Regards
         
        11-17-2008, 11:05 PM
      #13
    Weanling
    Isn't HTML the same?? Because that is what I have worked with...
    **confused**
         
        11-18-2008, 04:31 AM
      #14
    Yearling
    HTML is not the same as CSS. CSS is a style which you use within HTML.

    For example if you look at the code for background color, under HTML it would be

    Code:
    
    <body bgcolor="#000000">
    <body bgcolor="rgb(0,0,0)">
    <body bgcolor="black">
    The above is an HTML tag to change the background colour, in this case to black.

    Whereas if you want the same background colour in CSS, you will code like this

    Code:
    <style type="text/css">
     Body {background-color: black}
    </style>
    The above does the same thing as of HTML however the coding is totally different. Additionally all the HTML tags needs to be within <HTML> </HTML> whereas the CSS needs to be within <HTML><Style> </Style></HTML>.

    So in other words CSS is a simple mechanism for customising the formatting of a Web page, by defining fonts, colours of titles, paragraph spacing, etc. I.e. A skeleton of the web page. A precise formatting so you can keep the consistency between pages and styles.

    Ok another way of explaining is like this. You have hair, Hair is like HTML but you style your hair differently everyday, like sometimes you create curles, sometimes you straighten them. Creating curles, straightening etc is like CSS. So the base is same however the styling is different.

    Do I make sense now? Or did that just confused you even more .

    Regards
         
        11-18-2008, 11:52 AM
      #15
    Foal
    What simple understandable advice could you possibly give -me as a totally no computer html person- when I ask you:

    "I want to change the color of text but somehow the program wont allow me in the way I should / would expect. The color stays the same, in this case orange, while I want to change it in olivegreen.
    Can I make a change in the html codes?
    Although I took a look and saw the right colour codes.
    The strange part is: I can change the colour of some text in the same page , but there is text that want allow me to change them. It is an amazing miracle.
    What to do?"
         
        11-18-2008, 11:57 AM
      #16
    Yearling
    I am not sure what you meant by changing one color but not allowing to change other. Are you sure it is a text and not a text on an image (Image text).

    Usually if you have text and you want to change the color of it. Highlight the text in preview mode, while highlighted click on the HTML code tab, this will highlight the code for that text. Change the colour of that into whatever you like.

    Is that what you have already done?

    Regards
         
        11-18-2008, 12:07 PM
      #17
    Foal
    O.

    Ok you gave me some inspiration!
    I have to try this out this evening! ThanX.

    And,...
    ArabianAmor,
    ThanX for this thread and for the warm welcome!
         
        11-19-2008, 06:14 AM
      #18
    Yearling
    Did it work bedouin?

    Did it change the colour?

    Regards
         
        11-19-2008, 06:30 AM
      #19
    Foal
    I just deleted the part and did it as for the first time.
    Somehow there must have been a fault in the page, but I couldn't find out. The html codes seemed right and tell me anything strange.
    Just deleting and all over again and it worked!

    Still in one of the pages I have this "last changed, " and the way of above trick doesn't work. The cell itself seems to have a life on its own and I cannot change the conditions of the cell itself. I can change text and color but not the size of the cell in working page,...
    This frustrates me
         
        11-19-2008, 06:34 AM
      #20
    Yearling
    You sure it is not set to "fixed" instead of "floating"? Check the settings of the cell by right clicking on it --->Properties (I am guessing the settings, it might be different in your program).

    Regards
         

    Thread Tools



    All times are GMT -4. The time now is 03:02 PM.


    Powered by vBulletin® Version 3.8.5
    Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
    Search Engine Friendly URLs by vBSEO 3.6.0