/    Sign up×
Community /Pin to ProfileBookmark

Question about Responsive

Copy linkTweet thisAlerts:
Jan 16.2013

Hi,

I’m relatively new to all this and am picking it up as I go.

My question is this (for anybody that has time and is willing)

I have floated an image in a responsive theme and when viewed on a mobile phone, it’s still wrapping on or two words on the edge of the picture. How do I go about not wrapping the picture at all and just having the words appear in their entirety below the picture and give up on the wrapping?

I’m using an responsive html5 css3 yootheme ”Drive”.

Sorry for the newbie alert.

JW

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@Major_PayneJan 19.2013 — Did you try using the "float" CSS rule that works for you? May have to clear the float depending on your coding layout. Also, if you apply it to the image tag, you need to make the image tag a block level tag ( display: block; )

Floats:

float: right;

float: left;

Margins/padding may help, too.
Copy linkTweet thisAlerts:
@COBOLdinosaurJan 19.2013 — If you post a link, we could look at the code and perhaps offer suggestions.
×

Success!

Help @jhwest 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.8,
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,
)...