How we can design responsive image in HTML?

Dear sir/madam
i m sangram from pune ... i need some halp ... i have a one templet not responsive ... please help me to make templet responsive
contact me on 8796535503..
thanks
sangram

Start reading books and articles on Responsive Web Design. Build Mobile first. Mobile users interact with their devices very differently from desktop users. Finger-friendly menus and forms are essential.
Responsive Web Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
Introduction to CSS Media Queries
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
Jump start your new projects with a Responsive Framework. There are many free ones you can download online.
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's Bootstrap FREE extension for DW
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Good luck!
❄ ☃ ❄Nancy O.

Similar Messages

I would like to know how to stretch a background image using HTML

Hello Seniors of Sun,
I gota small doubt in HTML, can any one please help me in solving it,
I would like to know how to stretch a background image using HTML? I have tried and tried to figure this out and cannot..
so any one kindly help me in this...
waiting for reply...

Please note that this is not an HTML forum.
You can use an image tag on a DIV positioned behind the rest of the page, so that could actually work. And if you want to use body:background, then look up an HTML/CSS reference and see if there are any other body attributes or CSS stuff that applies to the background image.

Java Application [Java Bundler]: how I can use an image? Which path?

Hi,
how I can use an image in my Java Application when I create the jar bundle with Jar Bundler? Which is the path of the file? I don't know if I got it across...

By image, do you mean an icon for your program?
If so, then you need to create the image you want using any graphical drawing program, then use a utility such as Img2icns to put the image into the correct format (.icns). Once you have this, you can drag it into Jar Bundler and IIRC it just works.
Bob

How I can put an image like a intro for a gallery?

I see a books with an image like a intro for a gallery or for a widget, example, in an page there is a imagen, I tap in the image and an gallery opens, how I can make this in my book? How I can put an image and when I tap in the image a gallery opens or a widget opens?

Hello Apple 4r1
You could do this in Keynote I am sure.
Create a simple two page Keynote document.
The first slide will have the "INTRO Image" once press this slide can then automatically open up the second slide with a transition automatically.The second slide can hold all the images on the one page and just play over time each image for a set amount of time each before end of time.
I hope that helps some what.
Another great little piece of software that builds widgets that can be used within iBooks Author is Hype from the app store.
Regards,
Nigel

How do I source an image with HTML in Adobe Muse?

Hello, I am wanting a horizontal slideshow for images and I got the code to work nicely in my muse website and all I need to do now if populate it with images. I have looked into the syntax for placing an image and I am not too sure how to handle the sourcing (as I've never done code before). It's to go something like this:
<img src="url" alt="some_text">
I have the images to place in the slideshow sized, cropped, and ready to go in, but I do not know how the input the syntax to "source" my images - they are just sitting in a folder in "my pictures" on my desktop. My workplace has a server where we all can access the same files...will that help? I've seen where people reference images in their code simply by typing the web address of their website with the image name at the end....which confuses me! -> how do I upload an image to my Muse website without it being seen and then reference it in a slideshow? That process doesn't seem to make sense. I'm lost! Help please!

Here are a couple o links that will help in your quest and will answer 95% of your questions.
http://www.w3schools.com/html/html_images.asp
http://www.htmlgoodies.com/primers/html/article.php/3478181/Basic-HTML-Images.htm
http://www.adobe.com/products/business-catalyst/faq.html
http://www.w3schools.com/js/default.asp
http://jquery.com/
The other 5% is how well will Muse play with all that. To that I cannot answer fully because I haven't tested every scenario. Again, the inherent nature of Muse is "designed" to stray away from custom coding. Also in your previous post it is a little unclear as to your where all your Muse folders/files are residing. IE: on your companies server or on BC or a bit of both. I know ultimately all your trying to do is point to something. Seems simple enough right? And there may in your developement come a time when you need the more advanced CMS features, which is why BC seems logical.
What you find along the way is that it can get more involved then you anticipated. Certainly if you can make it work then go for it. The problem is at times, while things can seem simple in theory, without sufficient practice employing those theories (the coding/the syntax) then any # of errors can happen leaving you scratching your head and cursing why you bothered in the first place. Another option is to rethink your strategy. Is it really all that important to have the uber cool linear continuous scrolling effect? Will this define my site? Can I implore some imagination and thinking and make it easier on myself by using the tool at hand (Muse) to it's max to achieve the end goal?
Just some food for thought but as previously stated if you can make it work then go for it. And if the mods or other users can be of more help than I, then that would be great as well!
Happy Holidays, good luck, and please report your findings :-)
Edit - With so much going on myself, I forgot to mention that (when you have all your i's dotted and t's cossed) you could try inserting the script into the html for head feature via the metadata tab in your page properties.
Message was edited by: GVD321

How do I keep an image or HTML item permanently centered?

I have been using Muse for a few months, but haven't figured out how to keep an image or HTML item centered regardless of the re-sizing of the browser window. Essentially I would like to 'Pin' the object not to one of the sides, but directly in the center and have it remain centered no matter what.
I had a digital conversation with a Muse representivtive and they suggested I use the align function and then lock the item, but I was unable to make this work in the desired manner and they left the conversation before anything was resolved.
http://kanyewest.com is a perfect example of what I am trying to do.
http://young--man.com is my website. For example, I would like to hard center the html object (YouTube video).
Any help would be greatly appreciated. Thank you in advance.

try this code
CSS
.exactCenter {
width:200px;
height:200px;
position: fixed;
background-color: #00FF00;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
HTML
<div class="exactCenter">
</div>
full source code..http://www.corelangs.com/css/box/center-div.html
More about css positioning...
http://www.corelangs.com/css/box/positioning.html
George

How i can insert an image into a pdf fiile, (ie: like an "object" on word)?

Hi
I want to put an icon from a image file in my pdf file, and when i will click on it, the image appears.
It is posible? How i can do that?
Thanks
Spanish:
quiero insertar en mi pdf, un icono relacionado a un archivo de imagen tipo jpg, y que al hacer clic sobre ese icono, aparezca la imagen relacionada. Como se hace?

Hi dan_p,
You can simply add a 'button' to the pdf and go to 'Properties> Options', select 'Layout as Label' and choose the desired icon.
Then click on 'Actions' tab on the same menu and 'Select Action' as 'Open a file' and Add the image location such that anyone who clicks on the icon button will display the corresponding image.
Regards,
Rave

How to drag and drop images on html page?

Is there a simple way to drag images on your webpage so that they are positioned at different coordinates?
I have an img whose CSS position is set to absolute and top and left are both set to zero. I would like to simply drag the image to another location in the design view and have it update the tag's style with the new coordinates.
The types of web pages I am building must use abosolute positioning extensively and having to hand code each position would be very inefficient.
Thanks!

If you are using CC then you can't; If you are using CS6 then:
Insert >> Layout Objects >> ApDiv
See this picture:
Once the APDIV is inserted, you can drag it whereever you it to be.
Good luck.

How we can upload multiple images in particular id in sharepoint

WE have some legacy systems in that we have multiple images for perticuler patient. How can i migrate that all related images into perticuler patient while uploading to share point site...can you help for the same
another issue is which task(component) is used for migrate the images into CRM destination---I mean which transformation is used for implementing ETL packages in ssis

Hi,
You have posted your question on the MS Project forum which is dedicated to the Microsoft scheduling and planning software. Eventhough most of us have basic/advanced knowledge on SharePoint, I suggest that you posted your question on the Sharepoint forum
http://social.technet.microsoft.com/Forums/en-US/home
Hope this helps,
Guillaume Rouyre, MBA, MCP, MCTS |

How I can change the image in the box of the imessage?

The image in the imessage box is a piano, I would like to change. Can anyone help me?

Then you need to add yourself to contacts, including the photo.Then open the Settings app > Mail,Contacts, Calendars and designate which contact is you (My Info)

How I can convert word file to html file

Hi all,
I need to convert word file to html File.. is there any 3rd party API ? please suggest me very soon.........
or else
suggest me easiest way to achive this problem...

Easiest way....
open up the document in Word, click on "Save as" and select "Web Page".
There are 3rd party APIs to read Word docs... but I don't know if they then allow you to export to HTML.
You may have to write that yourself.
Look up : http://jakarta.apache.org/poi/
regards,
Owen

Trying to find how I can edit an image to remove sections so that can print on coloured paper

Hi - trying to find a way to edit an image to leave blank areas that will appear the colour of the printer paper ?
Not sure if this makes sense - sorry but thanks.

Since most printers work by adding color (or not) to white paper, anything left white in the image will be the unmodified color of the paper. That's the easy part. The tricky part is making the other colors look right. (Blue ink on yellow paper will likely look green, for example.) White is hardest, unless you have a printer with white ink.

How to use add image in HTML tag

Hello frndz
i m working on text chat application in adobe air.using <mx:html/> tag for dispalying text and images(smiley).but the font size fo flex is diffrent and html diffrent.i mean i m using 10 font size but it looks too large on <mx:html/> component.is there any way to cast them in same size.
The second and major problem is that it can not add images to html tag.when i m giving images like:-private var txt:String="<img src='src\smily\tongue.gif'/>" .
it shows nothing but when i give images through http path it shows images on html componenet.
can any body explain me the problem.
Thanks And regards
Vineet Osho

thanks Alot René Bühling for your quick reply.but the link u mentioned ith reply is not working for me.
ok can u tell me how can i manage my flex font size 10 to <mx:html tag 's font size 10.
i think there is large difference between flex font and html font.so please guide me for that.
Thanks Alot
Vineet osho

How I can display images as table data?

Dear project Marvel,
I would like to display images as one of table data, but I do not know how to easily store image data into tables using htmldb and whether I can display the stored images. Does anyone knows how I can store/display images using htmldb? If I cannot do this easily then displaying image (which is stored somewhere else but) just looks like one of columns also fine to me.
Thanks in advance,
Rui

you can show those images inline in your report region if you call our "p" procedure in an image tag. so the example above has you creating a table that you then join to the wwv_flow_files view with a query like...
select htf.anchor('p?n='||f.id, f.filename) name,
f.doc_size, f.mime_type, m.upload
from my_docs m, wwv_flow_files f
where m.filename = f.name
...clicking on the links in the first column would return a page that just showed the associated image. if changed that anchor tag to an image one like so...
select '<img src="p?n=' || f.id ||'>' the_image,
f.doc_size, f.mime_type, m.upload
from my_docs m, wwv_flow_files f
where m.filename = f.name
...your images would then appear inline as opposed to on a separate page.
[Edited by: rmattama on Sep 25, 2003 1:22 PM]
i'm not sure how, but i'd earlier posted an incomplete answer to rui's question. i've fixed some of the above and added this below...
just fixed the html above so it renders correctly in this forum. sorry i didn't see that earlier. also, i'm not sure where the rest of my post went, but rui had also wanted to know what the wwv_flow_files was. that's a view to the table we use to store uploaded BLOBs like images, css's, and stylesheets. since you can only identify one document table in your DAD configuration, we give you this view to allow you access to that doc table that HTML DB owns.
fyi,
raj

Saving images from html email.

Hi.
Please help.
I can't save images from html email. I can save attachments, but how save images with in html?
I can't find it.

I can send if I use:
// Create your new message part
BodyPart messageBodyPart = new MimeBodyPart();
String htmlText = "<H1>Hello</H1>" +
"<img src=\"cid:memememe\">";
messageBodyPart.setContent(htmlText, "text/html");
// Create a related multi-part to combine the parts
MimeMultipart multipart = new MimeMultipart("related");
multipart.addBodyPart(messageBodyPart);
// Create part for the image
messageBodyPart = new MimeBodyPart();
// Fetch the image and associate to part
DataSource fds = new FileDataSource(file);
messageBodyPart.setDataHandler(new DataHandler(fds));
messageBodyPart.setHeader("Content-ID","<memememe>");
// Add part to multi-part
multipart.addBodyPart(messageBodyPart);
but if I try to read message (html and image inside it) sended from Outlook? i can't find images.
messageBodyPart.getHeader("Content-ID");
returned null.

How we can design responsive image in HTML?

Similar Messages

Maybe you are looking for