Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,148,866 members, 7,802,790 topics. Date: Friday, 19 April 2024 at 09:39 PM

I Need Help On Making My Web Page Responsive - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / I Need Help On Making My Web Page Responsive (3868 Views)

How Can I Install Phpbb Forum Using My Web Host> / Free E-book On Making $300 Weekly With Traffic Niche On Fiverr / Naija Youtuber Let Meet Here ( Ask me Any Ques on making $$$ from YouTube ) (2) (3) (4)

(1) (Reply) (Go Down)

I Need Help On Making My Web Page Responsive by Capacchino: 10:03pm On May 22, 2016
After designing my Web page using bootstrap template, my image appears ok on a desktop view but whenever I adjust d screen d image looses shape.. Pls how do I correct ds to ensure it responds to any screen size??
Re: I Need Help On Making My Web Page Responsive by yusufabayomio(m): 9:45am On May 23, 2016
Add this to your CSS file.

img {width:100%;}

2 Likes

Re: I Need Help On Making My Web Page Responsive by webdeveloperqx: 10:46am On May 23, 2016
Capacchino:
After designing my Web page using bootstrap template, my image appears ok on a desktop view but whenever I adjust d screen d image looses shape.. Pls how do I correct ds to ensure it responds to any screen size??

in addtion to appying , img{width:100%}, to make images responsive in all mobile formats,

take advantage of the image responsive class bootstrap makes available,

on the <img> tags, give it an attribute value of .img-responsive like this :

<img src="path_to_your_image" class="img-responsive">

i hope this helps.

bootstrap is mobile first responsive html,css and javascript framework. its MOBILE FIRST, starts your columns for xs .

thats col-xs-1-12.

4 Likes

Re: I Need Help On Making My Web Page Responsive by Dmayor7(m): 1:34pm On May 23, 2016
Capacchino:
After designing my Web page using bootstrap template, my image appears ok on a desktop view but whenever I adjust d screen d image looses shape.. Pls how do I correct ds to ensure it responds to any screen size??

add this....

img {

max-width: 100%;

height: auto;

width: auto\9; /* ie8 */

}


Hope it helps

3 Likes 1 Share

Re: I Need Help On Making My Web Page Responsive by Capacchino: 5:04pm On May 27, 2016
Tnx guys.. Ur suggestions were indeed helpful, its bn fixed already.. Bless u..

2 Likes 1 Share

Re: I Need Help On Making My Web Page Responsive by Capacchino: 5:09pm On May 27, 2016
I am a starting front end Web developer, I need all d right resources and information dt will project my career path. I also will not mind working with u guys the professionals so I can learn more. Pls ur feedback is essential for me.. Tnx..
Re: I Need Help On Making My Web Page Responsive by Dmayor7(m): 10:29pm On May 27, 2016
Capacchino:
I am a starting front end Web developer, I need all d right resources and information dt will project my career path. I also will not mind working with u guys the professionals so I can learn more. Pls ur feedback is essential for me.. Tnx..

Yeah www.w3schools.com is a good resource to go to..

Also you will find www.html.net awesome.....

1 Like 1 Share

Re: I Need Help On Making My Web Page Responsive by Capacchino: 2:51pm On May 30, 2016
Tnx Dmayor7...it has been noted..

1 Like

Re: I Need Help On Making My Web Page Responsive by Nobody: 10:48pm On May 30, 2016
I need a web designer to help do a little edit for my site.
Cojmail2000@yahoo.co.uk

1 Like

Re: I Need Help On Making My Web Page Responsive by romme2u: 6:11am On May 31, 2016
Capacchino:
Tnx Dmayor7...it has been noted..

i will recommend mozilla developer network //developer.mozilla.org and google developer network (web fundamentals) https://developers.google.com/web/ and make sure u master the tripartite before heading for frameworks.

............and u will be singing like drake "started from the bottom now i'm here"

1 Like

Re: I Need Help On Making My Web Page Responsive by Dmayor7(m): 2:09pm On May 31, 2016
Capacchino:
Tnx Dmayor7...it has been noted..

Anytime...
Re: I Need Help On Making My Web Page Responsive by Capacchino: 4:52pm On May 31, 2016
Lol... Ok.. I will surely check it out.. Tnx
Re: I Need Help On Making My Web Page Responsive by Capacchino: 4:55pm On May 31, 2016
@ceejayo.. I can do dt for u.. Wat is it dt u hope to achieve in ur site?
Re: I Need Help On Making My Web Page Responsive by Nobody: 7:59pm On Jun 01, 2016
Capacchino:
@ceejayo.. I can do dt for u.. Wat is it dt u hope to achieve in ur site?
I want it change it's background colour
Re: I Need Help On Making My Web Page Responsive by Capacchino: 10:31pm On Jun 02, 2016
U can change it from d html tag if u want using <body bgcolor ="colorcode"> or u change it from ur css using
Body {
Background:colorcode;
}
Or background:url("url"wink ;
Re: I Need Help On Making My Web Page Responsive by Lordmykel(m): 6:50am On Jun 03, 2016
tongue it has already been fixed why move it to front page again Who is this Mod?? angry
Re: I Need Help On Making My Web Page Responsive by africanboy(m): 6:52am On Jun 03, 2016
@op, how about a link to the site. let us see what troubles you face
Re: I Need Help On Making My Web Page Responsive by pythonkid(m): 6:56am On Jun 03, 2016
We need to see the code in order to make corrections, you can upload your code using http://privnote.com
Re: I Need Help On Making My Web Page Responsive by SmileXtraone: 7:08am On Jun 03, 2016
If you reside in Benin City, this is the best time to get on the SMILE 4G LTE Network. Come on board Now while this promo lasts

1. Atel Kit with 20GB @ N9,800 (5GB anytime + 15GB MidNite over 3 months) : 15GB MidNite = Get 5GB bonus monthly when you recharge 5GB anytime bundle monthly.

2. Smifi kit with 70GB @ N16,800 (10GB anytime + 60GB MidNite over 3 months) : 60GB MidNite = Get 20GB bonus monthly when you recharge 5GB anytime bundle monthly.

3. Router offer with 160GB @ N25,800 (10GB anytime + 150GB MidNite over 3 months) : 150GB MidNite = Get 50GB bonus monthly when you recharge 10GB anytime bundle monthly.

Re: I Need Help On Making My Web Page Responsive by Nobody: 7:16am On Jun 03, 2016
Arrant nonsense, there are better threads that them refuse to move to FP.

1 Like

Re: I Need Help On Making My Web Page Responsive by OgbeniAnonymous: 7:19am On Jun 03, 2016
e b like say this OP and one of the moderators are family ooo
Re: I Need Help On Making My Web Page Responsive by Nobody: 7:27am On Jun 03, 2016
I make better programming thread here for all php developers - https://www.nairaland.com/3136801/chat-engine-html-android-client
them refuse to promote am.
I make this one sef - https://www.nairaland.com/3142123/how-build-one-on-one-chat-im

I thought they have banned our technical section from reaching FP ni o.

1 Like

Re: I Need Help On Making My Web Page Responsive by talk2hb1(m): 7:39am On Jun 03, 2016
dhtml18:
Arrant nonsense, there are better threads that them refuse to move to FP.
I dey wonder ooo, I posted a topic that could benefit people Mod no put am for sidepage self.
Here is my prediction for all this drop in internet data plan and how to take advantage of it in terms of businesses, opportunities, etc. http://www.qlickas.com/2016/05/31/a-peep-into-the-amazing-future-of-nigeria-ict/
Please post a nice feedback on my blog
Re: I Need Help On Making My Web Page Responsive by weldersmind(m): 8:19am On Jun 03, 2016
Capacchino:
@ceejayo.. I can do dt for u.. Wat is it dt u hope to achieve in ur site?

am having issue with my blog menu bar, the menu bar is vertical instead of horizontal. I tried to edit a template I downloaded to create a drop down menu but it was all mess up. pls help

http://todayindustry..com
Re: I Need Help On Making My Web Page Responsive by ps3o(m): 8:32am On Jun 03, 2016
this does not qualify to be on fp.
Re: I Need Help On Making My Web Page Responsive by DAvIt0(m): 8:33am On Jun 03, 2016
dhtml18:
I make better programming thread here for all php developers - https://www.nairaland.com/3136801/chat-engine-html-android-client
them refuse to promote am.
I make this one sef - https://www.nairaland.com/3142123/how-build-one-on-one-chat-im

I thought they have banned our technical section from reaching FP ni o.

This is just funny, a question on just making a page responsive is what's getting to the FP.

A simple googling would have answered this so well with the rate of mordern web developemnt tutorials coming up per second.
Re: I Need Help On Making My Web Page Responsive by marylandcakes: 10:08am On Jun 03, 2016
People don't waste your time, most of the moderators on this forum are biased, when you look on the front page nothing educational or skill improvement. I think Seun needs to start vetting his moderators. All you see on the front page are undignified accident pictures , nude pictures, and brutality of animals. Is it any wonder where you get utterances from so called educated people that appears Nigerians are still living in the Victorian era.
Re: I Need Help On Making My Web Page Responsive by 3RNEST(m): 12:32pm On Jun 03, 2016
learning....
Re: I Need Help On Making My Web Page Responsive by verabetsy(f): 5:27pm On Jun 03, 2016
Re: I Need Help On Making My Web Page Responsive by Capacchino: 8:50pm On Jun 15, 2016
@ weldersmind, i may av to see d code before I can consider a solution

(1) (Reply)

Payment Gateway Integration (interswitch / Mastercard / Visa) / MWWA2012: Mobile Web West Africa 2012 At Oriental Hotel, Lagos / Put Your Website Here And Receive Comments

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 27
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.