1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

anyone know about CSS Formating?

Discussion in 'Tech Support' started by Hector, Jul 24, 2014.

  1. Hector

    Hector Technician + Clan Leader
    Staff Member

    Joined:
    Aug 17, 2013
    Messages:
    6,651
    Likes Received:
    325
    hi all

    i have a colleague in work who has just published a book and has created a website. She is a very pleasant lady but is having issues with the site as there is no css formating. on her pc at home the site looks fine but on a phone or a diffrent computer with a diff size monitor it looks wrong. is anyone willing to help a damsel in distress?
     
  2. AlbinoMamba

    AlbinoMamba Konvict Guest

    Joined:
    Dec 17, 2013
    Messages:
    183
    Likes Received:
    0
    I can't help directly but I suggest picking up a book about CSS for beginners. This is how I learned how to use CSS and there are some really awesome books out there, available to buy in a store or if, like some poor people do, they prefer to get an illegal copy online. The book I recommend below is one that actually goes over the issues of getting a website to work both on the computer, phones, smartpads and even for people with bad vision or hearing. You don't have to go over the basics of HTML et cera and can just skip to the CSS part.


    Beginning HTML, XHTML, CSS, and JavaScript by Jon Duckett
     
  3. Doddsy

    Doddsy I am a wizard.

    Joined:
    Mar 9, 2014
    Messages:
    2,786
    Likes Received:
    103
    Oh god CSS >.> I have a few slight idea's about what the problem may be, can you tell me what exactly is messing up? The text? the layout etc..?

    anything 'In easy steps' by Mike McGrath is a good place to start as well!
     
  4. Crysis

    Crysis Veteran Member

    Joined:
    Jul 17, 2014
    Messages:
    356
    Likes Received:
    0
  5. Necrospunk

    Necrospunk Konvict Guest

    Joined:
    May 5, 2014
    Messages:
    374
    Likes Received:
    0
    http://www.w3schools.com/css/default.asp

    W3schools gives fine and dandy tutorials on css. It has everything about html, php etc. as well. If I'm ever forced to deal with a website I usually use this.
     
  6. Hector

    Hector Technician + Clan Leader
    Staff Member

    Joined:
    Aug 17, 2013
    Messages:
    6,651
    Likes Received:
    325
    i have passed the link along to her. ty for all the help ppl
     
  7. ARTSY

    ARTSY Member

    Joined:
    Jun 22, 2014
    Messages:
    27
    Likes Received:
    0
    tell her to make sure the background has a Width of 100% - width:100%; and the container has a width below 1000px, I recommend 960px also the container must be in the center so i recommend using margin-left: auto ;margin-right: auto ; so it is always in the center of the page.

    also under the <head> section in each HTML page make sure her style sheet is linked there.
    Example :
    <head>
    <title>hi</title>
    <link id="theme" rel="stylesheet" type="text/css" href="style.css" title="theme" />
    </head>

    and make sure their is a declaration showing that its HTML5, XHTML etc....

    Example:

    for XHTML 1.0

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    Hope this Helps :)
     
  8. Pizza Dog

    Pizza Dog Pokemon Poster

    Joined:
    May 30, 2014
    Messages:
    2,824
    Likes Received:
    0
    Exactly what I would had said.
     
  9. kyusaki

    kyusaki Member

    Joined:
    Sep 6, 2014
    Messages:
    56
    Likes Received:
    0
    XHTML is not needed anymore nowadays u only need.

    <!DOCTYPE html>
    <html>
    <head>
    <!--- reflinks -->
    <link rel="stylesheet" type="text/css" href="main.css">
    <title> Yes sir, i'm nice </title>
    </head>
    <body>
    <h1> Helluu </h1>
    <div> Hello </div>
    <!-- Insert Javascript here -->

    </body>
    </html>
     
  10. ARTSY

    ARTSY Member

    Joined:
    Jun 22, 2014
    Messages:
    27
    Likes Received:
    0
    mines was an example, I already know HTML 5 uses <!DOCTYPE html>
     
  11. VeinBe

    VeinBe Veteran Member

    Joined:
    Jan 2, 2014
    Messages:
    231
    Likes Received:
    0
    http://www.w3schools.com/ - All i got to say, and most likely what you'll only need. This site shows examples by code and preview. You can change the code and get a different preview at the site. It's basically livecode. I used this during one year in highschool.