Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 11
  1. #1
    Senior Member Sean Thompson's Avatar
    Join Date
    May 2012
    Posts
    106
    Member #
    31720
    Look at my heading on this page. See how it is jumbled? I styled the text with an html call for font family, color, and size- the first time I've tried it. Anyways the lines of text are not equally spaced for the bigger font, so the result looks very crappy. How do I fix this? And what is the best way to style font for family, color, and size? I have the Thesis WP theme.

  2.  

  3. #2
    Senior Member Ganners's Avatar
    Join Date
    Feb 2011
    Location
    United Kingdom
    Posts
    415
    Member #
    27007
    Liked
    92 times
    HTML Code:
    font-family: arial, helvetica, sans-serif; /*You should specify fallbacks for non-windows users, even as simple as this*/
    color: red;
    font-size: 30px;
    line-height: 35px; /*The line height should be at least the font size*/
    Also, just google translated that... LOL
    Mark Gannaway Software Developer

    Recent Experiments
    - Backpropogation Neural Network language solving (http://ann.ganners.co.uk/)
    - Animated image to ASCII (http://google.ganners.co.uk/)
    - 3D Paper Characters (http://cybergame.ganners.co.uk/)
    - Anagram solving (http://roflol.co.uk/)

  4. #3
    Senior Member Sean Thompson's Avatar
    Join Date
    May 2012
    Posts
    106
    Member #
    31720
    Thanks that works. Any idea how to remove automatic line breaks? Idk why there is spacing above my heading and between the title and subtitle. http://comoexitaraunamujer.mx/como-p...en-10-minutos/ I want to space everything much closer together or perhaps without any spacing at all.

  5. #4
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Clear the blank paragraph tags and line breaks. That'll solve the spacing issue. It has nothing to do with your header/subheader.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  6. #5
    Member
    Join Date
    Jun 2012
    Location
    Posts
    33
    Member #
    31990
    Liked
    3 times
    add this to your css, right at the top. It's called a CSS RESET:

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }

  7. #6
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Won't solve the problem in this particular case, and that "CSS reset" (I really hate that term!) is flawed...anything to do with an ordered list should never have a list-style or a list-style-type "none". The whole point is that you're supposed to see the numbers.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  8. #7
    Member
    Join Date
    Jun 2012
    Location
    Posts
    33
    Member #
    31990
    Liked
    3 times
    Thats the Eric Meyer's CSS Rest. It promotes you to style everything yourself and not to rely on the various browser default styles.

    even OL numbering...

  9. #8
    Senior Member Ganners's Avatar
    Join Date
    Feb 2011
    Location
    United Kingdom
    Posts
    415
    Member #
    27007
    Liked
    92 times
    I see where you're both coming from here and agree with both but in practice agree with Jaycbrf4. I do use Eric Meyer's reset as well, but always reinstate ul and ol's list style towards the top of my main stylesheet. Seems pointless but the rule is not to mess with the meta I guess, override not edit; it's the open/close principle in essence for stylesheets.
    Mark Gannaway Software Developer

    Recent Experiments
    - Backpropogation Neural Network language solving (http://ann.ganners.co.uk/)
    - Animated image to ASCII (http://google.ganners.co.uk/)
    - 3D Paper Characters (http://cybergame.ganners.co.uk/)
    - Anagram solving (http://roflol.co.uk/)

  10. #9
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Quote Originally Posted by Jaycbrf4, post: 239901
    Thats the Eric Meyer's CSS Rest. It promotes you to style everything yourself and not to rely on the various browser default styles.
    I'm aware of what it is, and I understand the principle. That doesn't make it a be-all and end-all cascading style sheet, and it is a flawed piece of code. I would use maybe half of that, since it mentions tags that are deprecated shouldn't be used (e.g. the u tag) and a lot of it doesn't apply to most development (e.g. the applet tag). It's not a bad starting point, but as Ganners pointed out you'll have to mess with it quite a bit. It's like most code snippets online...use them as a base, not the final solution.

    Mind you, I also developed a version of it for my own use about a year before I had heard of Meyer's version and I continue to expand upon it, so for me personally Meyer's reset is useless. I, however, recognize that this puts me in a very small minority of people.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  11. #10
    Member
    Join Date
    Jun 2012
    Location
    Posts
    33
    Member #
    31990
    Liked
    3 times
    Not trying to be confontational about it, just suggesting it as a starting point for someone trying to learn CSS - If nothing has a default style, it encourages novices to write more css definitions.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

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

Search tags for this page

css page numbers jumbled

,

jumbled alphabet font styles

Click on a term to search for related topics.
All times are GMT -6. The time now is 07:47 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com