www.webdeveloper.com
Results 1 to 3 of 3

Thread: Calling to a theme

Hybrid View

  1. #1
    Join Date
    Feb 2012
    Posts
    2

    Calling to a theme

    I am fairly new to CSS and have a question that is probably really easy to answer. I am setting up a site using a theme and noticed that there is already styling in the CSS for images. I have been trying to call to the styling, but have not had luck. I guess I was just curious about what I would do to call to this image style so that I could apply it to several images.

    I thought <img class="internal"> would work. but I was wrong. The css looks like this:


    img.internal { border: 1px solid #DAD5D5; padding: 5px; }
    img.internal { border: 1px solid #DAD5D5; padding: 5px; }
    img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{max-width:100%; height:auto; }
    .alignleft, img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;}


    The styling continues for about 15 more lines. I am not familiar with calls that don't start with a . or #. Again, I am new to CSS so any help with this would be appreciated.

    Thanks

    -Scott

  2. #2
    Join Date
    Feb 2012
    Posts
    2

    Other

    I kind of figured it out actually, but I was curious if you could call to multiple lines of css for one image?

  3. #3
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,213
    These are the same:

    img.internal { border: 1px solid #DAD5D5; padding: 5px; }
    img.internal { border: 1px solid #DAD5D5; padding: 5px; }

    Any CSS id/class for an element that appears last will be the one used if there are identical CSS style rules.

    This makes no sense: img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{max-width:100&#37;; height:auto; } Images also must maintain their proper aspect ratio to prevent distortion.

    This already floats left and floats remove that element/elements from the normal document flow: .alignleft, img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;} The browser's default is to align to the left unless changed.

    CSS Tutorials:

    Advanced CSS: http://www.yourhtmlsource.com/styles...vancedcss.html
    http://www.handycss.com/
    http://www.w3.org/Style/Examples/011/firstcss
    http://www.csstutorial.net/
    Dynamic Drive CSS Library: http://www.dynamicdrive.com/style/

    http://www.echoecho.com/css.htm
    http://htmldog.com/guides/cssbeginner/
    http://www.davesite.com/webstation/css/
    http://www.htmlcodetutorial.com/char...msupp_193.html

    LESS Is More: Make Your CSS Coding Easier with LESS: http://www.elated.com/articles/less-...ier-with-less/

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles