Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I am facing problem to make image responsive in Newsletetter means HTML Email.
I can make that image responsive in Browser but failed to do when I send that HTML as emailer into outlook version. That emailer needs to be responsive in mobile and tablet as well.
Though your question is really broad, I will try to give you information to get started.
Email templates is HTML from back in the 90s. That means, you create code, meant to work on prehistoric browsers (You can test your templates in IE6, or Microsoft Word for example. If it works in there, you've made a pretty good template).
Above information straight away proves to be the problem with what you are asking. How are you going to make something responsive, from the time that responsive wasn't in any way connected to the web?
Though responsive didn't exist back then, max-/min-width did exist back then, which will probably be the way to go.
For some examples you might want to check out this link (Zurb Responsive Email Templates) or this link (HTML Email Boilerplate).
Apart from that, we aren't really able to help you, given that you haven't shown us the work you have done so far.
Edit: And tagging it CSS3 is also not very handy, since I don't think ANY email client supports it.
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 5 years ago.
Improve this question
I'm trying to build a HTML email using foundation for emails which seems to have worked well however, I have discovered that outlook 2007+ doesn't like floats, does anybody know of a good alternative?
At the moment my elements are full width instead of floating to the left/right as they should!
Many thanks
I have done a few email marketings in the past months and I can say to you that the best way to build an email marketing is by having some notion of tables and spacers.
Here is a link for a basic tutorial about what I'm saying: Simple Steps For Email Marketing
An email marketing is basically a sequence of table inside tables with a few blank tds usually by the class of spacer.
So here goes some tips that will make it work across all email clients having the tutorial I sent in mind, although I will state that I have never used foundation:
You will need to structure every part of your email inside tables.
Work with all your CSS inline.
Get used to creating spacer (blank tables) to simulate margins that you may then hide in mobile versions.
You need a service that lets you simulate how your email will look in every platform.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 6 years ago.
Improve this question
I was able to create a web site 10 years ago with Microsoft Frontpage without learning anything, today with a copy of Adobe Dreamweaver CS6, I can't even figure out a way to change the font size of a simple text. CSS is the thing, so I went through the CSS tutorials in w3 and I get it now. It's a good idea, but It is also a good idea to kill creativity, ie all sites like similar, see screenshot below. It sucks floppy disks.
My questions will be:
Does web 2.0 really kill creativity?
Is there a "modern" web design application that I don't need to go into these CSS thing?
Is there a way to create a circular navigation menu like this using css? I want to have this menu in the middle of the page, and with a button on the corner to activate it.
No it doesn't
You don't have to use CSS. You can use inline styles,
but it won't be right. Using the CSS is a good coding practice and
you just need to learn it better.
Yes. If you google it, you'll find several links. Here is just some examples:
https://css-tricks.com/building-a-circular-navigation-with-css-clip-paths/
http://www.cssscript.com/pure-css-circle-menu-with-css3-transitions-transforms/
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Maybe I'm not using the correct terminology because I can't seem to find an appropriate answer. I have built a header and a footer using html and css. This will not change from page to page and so I want to make it the template and simply change the content in between the header and the footer for each page of my website. I know I could simply copy and paste the code but if I wanted to change the header for some reason I would then have to change the header on each of my pages! Super inefficient. Coding is all about reuse. surely there's a way to do what I'm saying. Help me web developers!
You could do one of many things:
Use PHP files and require() the headers and footers in the main page, though you'll have to use a server on your localhost to test the pages.
You could maybe take a look into creating single page applications, using AJAX.
AJAX Introduction here.
You could go a step further and pick one of the very popular JavaScript MVC frameworks.
Read more about them here.
Finally, you could also do it the "old way" and use iframes, but that is honestly bad practice and will bring more harm than good.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
I am using Dreamweaver, but now I am thinking about trying another program. I am kind of new to html and css, but I feel I have kind of control using html and css3. Now I am learning how to creative responsive webdesign using bootstrap.
Might be a stupid and simple question; When I want to create a new html page, I can choose "create a responsive page using Boostrap". If I just select html and makes a css sheet, will I still be able to make a responsive design? Thinking about using "insert" and then choose "Bootstrap Components".
I have made pages with bootstrap templates now. It's ok and I am managing to style the template. Still I feel more comfortable making it from scratch. I feel I am learning more and have more control doing it this way.
--
I guess I should just stick to Dw, but I want to learn more. I am kind of a learning-by-doing-girl and want to try out another program. I like the ability to use "Show code and design" in Dw, so a program with this included would be great.
Which programs have this capability?
I have downloaded Atom, and I know you can refresh the website to see the result, but that means I have to connect the site to a server? Right now I don't want to connect the site to a server of different reasons.
You should try out a standard text editor like Sublime Text or Atom. Do your code editing there and open your page in the browser. Refresh to see changes as you make them.
I like Notepad++.
The problem with programs like DreamWeaver is that they can instill some pretty bad habits in novices. You are absolutely right in wanting to learn without it first.
The reason I like Notepad++ is that it has great code highlighting, one of the things I think draws people in to DW, too.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I have created an email marketing.
A different HTML with styles inline and all good practices of email marketing creation (that are very different from usual web development practices).
After struggling a little bit with this, I had a good html to be sent by email.
One problem, though... The people that receive the email will have to print its content and bring it back to me.
The best way I found was to select the content of the email and print it, but the content loses its styles, colors, etc.
I would like to know if there's a better way to print the email content. Maybe a link with some css... I really don't know.
As I didn't find clear info on this subject on the web, any help will be appreciated!
Thanks in advance!
Email design is hard enough without trying to make it print friendly as well. If the need to print is common practice for you, I would suggest including a hyperlink somewhere in your email to a web hosted version that is print friendly.
If it is something like a coupon they are printing, you could also take that opportunity to customize it more, add the fine print or any other info you'd like to omit from the email itself.