The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Tumblr HTML Help
austin_c
post Mar 16 2012, 05:08 AM
Post #1





Group: Members
Posts: 2
Joined: 16-March 12
Member No.: 16,722



Hey, I'm trying to make the all my images the same width, but I can't seem to get it. To my understanding I could use HTML as:
CODE
<div class="openLink">
   {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
</div>


but it may not be always consistent, therefore for CSS:
CODE
.entry img {
   max-width: 500px;
width: 500px;
     }


As I am a complete noob and this is not my code, I'm feeling lost like I'm in the ocean with a pegged leg and sharks swimming around me.

This is the code I'm using:

<
CODE
!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,initial-scale=1">

        <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        <!-- [url=http://static.tumblr.com/x0ukhl9/Se8lwlis5/styles.css]http://static.tumblr.com/x0ukhl9/Se8lwlis5/styles.css[/url] -->
        <!--#1--><link rel="stylesheet" type="text/css" media="screen" href="http://static.tumblr.com/x0ukhl9/vyXm0lsms/styles-lite.css"/><!--!#1-->
        <!-- css/jquery.fancybox.css -->
        <link rel="stylesheet" type="text/css" media="screen" href="http://static.tumblr.com/x0ukhl9/u2Llwlc1j/jquery.fancybox.css"/>
        
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}
        
        <!--[if IE]>
            <style type="text/css">
            .clearfix { zoom: 1; }
            </style>
        <![endif]-->

        <!-- js/libs/modernizr.custom.08999.js -->
        <script src="http://static.tumblr.com/x0ukhl9/fOqlwlc36/modernizr.custom.08999.js"></script>

        <!-- Boolean -->
        <meta name="if:Show Background Texture" content="1"/>
        <meta name="if:Light Colors" content="0"/>
        <meta name="if:Center Posts" content="0"/>
        <meta name="if:Center Small Images" content="0"/>
        <meta name="if:Show Archive Button" content="1"/>
        <meta name="if:Show RSS Button" content="0"/>
        <meta name="if:Show Search" content="1"/>
        <meta name="if:Show About Button" content="1"/>
        <meta name="if:Show Social Network Icons" content="1"/>
        <meta name="if:Show Reblogged From" content="0"/>
        <meta name="if:Show Tags" content="1"/>
        <meta name="if:Show Disqus Comment Count" content="1"/>
        <meta name="if:Show Disqus Comments" content="1"/>
        <meta name="if:Show Note Count" content="1"/>
        <meta name="if:Show Notes" content="1"/>

        <!-- Text -->
        <meta name="text:Title Caption" content=""/>
        <meta name="text:Search Placeholder" content="Search"/>
        <meta name="text:Archive Button" content="Archive"/>
        <meta name="text:RSS Button" content="RSS"/>

        <!-- Profile Links -->
        <meta name="text:Disqus Shortname" content=""/>
        <meta name="text:Dribbble Username" content=""/>
        <meta name="text:Forrst Username" content=""/>
        <meta name="text:Twitter Username" content=""/>
        <meta name="text:Flickr Profile URL" content=""/>
        <meta name="text:Skype Username" content=""/>
        <meta name="text:Facebook Profile URL" content=""/>
        <meta name="text:Google Plus URL" content=""/>
        <meta name="text:Vimeo Profile URL" content=""/>
        <meta name="text:Delicious Username" content=""/>
        <meta name="text:Last fm Username" content=""/>
        <meta name="text:Youtube Username" content=""/>
        <meta name="text:Google Analytics ID" content="" />
        <meta name="text:Copyright Text" content="" />

        <!-- Colors -->
        <meta name="color:Background Color" content="#202020"/>
        <meta name="color:Link Color" content="#217ed8"/>
        <meta name="color:Link Visited Color" content="#BBBBBB"/>

        <style type="text/css">
            body {
                background-color: {color:Background Color};
            }

            p a, .action a, .light p a, .light .action a {
                color: {color:Link Color};
            }

            p a:hover, .action a:hover, .light p a:hover, .light .action a:hover {
                color: {color:Link Color};
            }

            p a:visited, .action a:visited, .light p a:visited, .light .action a:visited {
                color: {color:Link Visited Color};
            }

            {CustomCSS}
        </style>
    </head>


    <body class="{block:IfShowBackgroundTexture}
                    bg-texture
                 {/block:IfShowBackgroundTexture}
                 {block:IfLightColors}
                    light
                 {/block:IfLightColors}
                 {block:IfCenterPosts}
                     centered
                 {/block:IfCenterPosts}
                 {block:IfCenterSmallImages}
                     centered-small
                 {/block:IfCenterSmallImages}">
        <div class="wrapper">
            <div id="content" class="clearfix">
                
                <div id="expander" style="display: none;">
                    <div class="wrap">
                        <div class="content clearfix">                            
                            {block:Description}
                                <p class="description">{Description}</p>
                            {/block:Description}
                        </div>
                    </div>
                </div>


                <div id="header">
                    <div class="content">
                        <div id="user-info" class="{block:IfTitleCaption}caption{/block:IfTitleCaption}">
                            <div class="content clearfix">
                        
                                <a href="/" title="{Title}" class="main">
                                    <img src="{PortraitURL-48}" class="portrait"/>

                                    <div class="info">
                                        <h1 class="title">{Title}</h1>
                                        
                                        {block:IfTitleCaption}
                                            <p class="caption">{text:Title Caption}</p>
                                        {/block:IfTitleCaption}
                                    </div>
                                </a>

                                {block:IfShowSocialNetworkIcons}
                                    <ul id="profiles" class="clearfix">
                                        {block:IfDribbbleUsername}
                                            <li><a target="_blank" class="dribbble" href="http://dribbble.com/{text:Dribbble Username}"></a></li>
                                        {/block:IfDribbbleUsername}

                                        {block:IfForrstUsername}
                                            <li><a target="_blank" class="forrst" href="http://forrst.com/people/{text:Forrst Username}"></a></li>
                                        {/block:IfForrstUsername}

                                        {block:IfTwitterUsername}
                                            <li><a target="_blank" class="twitter" href="http://twitter.com/{text:Twitter Username}"></a></li>
                                        {/block:IfTwitterUsername}

                                        {block:IfFlickrProfileURL}
                                            <li><a target="_blank" class="flickr" href="{text:Flickr Profile URL}"></a></li>
                                        {/block:IfFlickrProfileURL}

                                        {block:IfSkypeUsername}
                                            <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
                                            <li><a class="skype" href="skype:{text:Skype Username}?call"></a></li>
                                        {/block:IfSkypeUsername}

                                        {block:IfFacebookProfileURL}
                                            <li><a target="_blank" class="facebook" href="{text:Facebook Profile URL}"></a></li>
                                        {/block:IfFacebookProfileURL}

                                        {block:IfGooglePlusURL}
                                            <li><a target="_blank" class="google" href="{text:Google Plus URL}"></a></li>
                                        {/block:IfGooglePlusURL}

                                        {block:IfVimeoProfileURL}
                                            <li><a target="_blank" class="vimeo" href="{text:Vimeo Profile URL}"></a></li>
                                        {/block:IfVimeoProfileURL}

                                        {block:IfDeliciousUsername}
                                            <li><a target="_blank" class="delicious" href="http://delicious.com/{text:Delicious Username}"></a></li>
                                        {/block:IfDeliciousUsername}

                                        {block:IfLastfmUsername}
                                            <li><a target="_blank" class="lastfm" href="http://www.last.fm/user/{text:Last fm Username}"></a></li>
                                        {/block:IfLastfmUsername}

                                        {block:IfYoutubeUsername}
                                            <li><a target="_blank" class="youtube" href="http://youtube.com/{text:Youtube Username}"></a></li>
                                        {/block:IfYoutubeUsername}
                                    </ul>
                                {/block:IfShowSocialNetworkIcons}

                                <ul id="navigation">
                                    {block:Pages}
                                         <li><a href="{URL}">{Label}</a></li>
                                    {/block:Pages}
                                    
                                    {block:IfShowRssButton}
                                        <li><a href="{RSS}">{text:RSS Button}</a></li>
                                    {/block:IfShowRssButton}
                                    
                                    {block:AskEnabled}
                                        <li><a href="/ask">{AskLabel}</a></li>
                                    {/block:AskEnabled}
                                    
                                    {block:IfShowArchiveButton}
                                        <li><a href="/archive">{text:Archive Button}</a></li>
                                    {/block:IfShowArchiveButton}
                                    
                                    {block:SubmissionsEnabled}
                                        <li><a href="/submit">{SubmitLabel}</a></li>
                                    {/block:SubmissionsEnabled}
                                    
                                    {block:Description}
                                        {block:IfShowAboutButton}
                                            <li><a id="expand-about" href="#">About</a></li>
                                        {/block:IfShowAboutButton}
                                    {/block:Description}
                                </ul>

                                {block:IfShowSearch}
                                    <form action="/search" method="get" class="search">
                                        <input type="text" name="q" value="{SearchQuery}" placeholder="{text:Search Placeholder}"/><span class="search" onclick="$(this).parent().submit();" autocomplete="off"></span>
                                    </form>
                                {/block:IfShowSearch}
                            </div>
                        </div>
                        <div class="divider"></div>
                    </div>
                </div>
          
                <div id="body">
                    <div class="content {block:Permalink}permalink{/block:Permalink}" id="posts">
                        {block:Posts}
                            <div class="post clearfix {block:IndexPage}index{/block:IndexPage} {PostType}">
                                
                          
                                <div class="content">
                                    {block:Text}
                                        {block:Title}
                                            <h1>
                                                <a href="{Permalink}">{Title}</a>
                                            </h1>
                                        {/block:Title}
                
                                        <div class="body clearfix">
                                            {Body}
                                        </div>
                                    {/block:Text}
        
                                    {block:Photo}
                                        <div class="photo loading shadow">
                                            {LinkOpenTag}
                                                <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
                                                
                                            {LinkCloseTag}
                                        </div>
                                        
                                        {block:Caption}
                                            <div class="body clearfix">
                                                {Caption}
                                            </div>
                                        {/block:Caption}
                                    {/block:Photo}
                                
                                    {block:Photoset}

                                        {Photoset-500}

                                        {block:Caption}
                                            <div class="body clearfix">
                                                {Caption}
                                            </div>
                                        {/block:Caption}
                                    {/block:Photoset}
                        
                                    {block:Quote}
                                        <h1 class="quote {Length}"><a href="{Permalink}">&ldquo;{Quote}&rdquo;</a></h1>
                                        
                                        {block:Source}
                                            <div class="body clearfix">
                                                <p class="source">&mdash; {Source}</p>
                                
                                            </div>
                                        {/block:Source}
                                    {/block:Quote}
                                
                                    {block:Video}
                                        
                                        <div class="video shadow">
                                             {Video-500}
                                        </div>      
                                        
                                        {block:Caption}
                                            <div class="body clearfix">
                                                {Caption}
                                            </div>
                                        {/block:Caption}
                                    {/block:Video}
                                
                                    {block:Audio}
                                        <h1>{block:Artist}{Artist}{/block:Artist}{block:TrackName}{block:Artist} - {/block:Artist}{TrackName}{/block:TrackName}</h1>
                                        <div class="audio-player clearfix" rel="{PostID}">
                                            <div class="album-cover">
                                                {block:AlbumArt}
                                                    <a href="{AlbumArtURL}" class="fancybox" title="{block:Artist}{Artist}{/block:Artist}{block:TrackName}{block:Artist} - {/block:Artist}{TrackName}{/block:TrackName}"><img src="{AlbumArtURL}" class="cover"/></a>
                                                {/block:AlbumArt}
                                            </div>
                                            <div class="track inset">
                                                <div class="flash">{AudioPlayerBlack}</div>
                                                <div class="inner">
                                                    <div class="loaded"></div>
                                                    <div class="current"></div>
                                                </div>
                                            </div>
                                        </div>
                                                  
                                        {block:Caption}
                                            <div class="body clearfix">
                                                <p class="caption">{Caption}</p>
                                            </div>
                                        {/block:Caption}
                                    {/block:Audio}
                                
                                   &n

This post has been edited by austin_c: Mar 16 2012, 05:10 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th October 2014 - 06:14 AM