/    Sign up×
Community /Pin to ProfileBookmark

Resizing Images ~Jzhang172

Copy linkTweet thisAlerts:
Oct 02.2014

Hi everyone, new to this forum, nice to meet everyone!

I have a question about resizing images. I’m looking to resize a couple of images, around 10. I know you can do it individually but it clutters and there’s gotta be a better way to size them all. I’m learning on my own right now so I took a website and taking code here and there and trying to learn from it.

[CODE]<div class=”feat-wrap sizeS”>

<div class=”line one”>
<a href=”http://walluck.com/brightly-city-the-night.html” title=”Featured wallpaper” class=”thumb” style=”left:-132px”><img src=”C:UsersJasonPicturesWallpaperswallpaper-866348.jpg” alt=”Featured thumbnail” class=”file”></a>

<a href=”http://wallbase.cc/wallpaper/1113416″ title=”Featured wallpaper” class=”thumb” style=”right:-132px”><img src=”C:UsersJasonPicturesWallpaperswallpaper-895593.jpg” alt=”Featured thumbnail” class=”file”></a>
</div>
<div class=”line two”>
</div>
</div>[/CODE]

This is what I’m looking at. I know you can do it in CSS but I am looking to do it with just pure HTML. Was also hoping someone could tell me about “div class”, I know class is an attribute but I’m not sure exactly what that line does. Thanks alot!

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@rtretheweyOct 02.2014 — You seem to be confused about the nature of CSS or, perhaps, how difficult it is to learn. The 'class' attribute, for example, designates a CSS class. It allows your stylesheet to include a single rule for all elements that use that class name, which simplifies creating your web pages. You could use a class attribute on your <img> tags and have a CSS rule in your stylesheet that defines the width and/or height in one line.

Do yourself a favor and go find an online CSS tutorial. You're going to need to understand CSS eventually, and if you start now it will come to you much easier.
Copy linkTweet thisAlerts:
@jedaisoulOct 02.2014 — And forget dynamic resizing of image on-the-fly, except perhaps limited to 2:1 ratio or so. Images should always be optimized for the web, particularly any large ones, and those on the home page.
×

Success!

Help @jzhang172 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...