Questions about HyperText Markup Language (HTML), the main language for creating web pages and other interactive information that can be displayed in a web browser.

learn more… | top users | synonyms

1
vote
2answers
1k views

Animated gif in Photoshop only saves as html file

I created an animated banner ad in Photoshop CC and need to save it as gif. I used Timeline/Motion. When I "Save for Web" the second box from the top is set to "GIF". I click "Save" and the only ...
1
vote
1answer
64 views

Svg letters from Inkscape to html

I have done an infographic with Inkscape. When I put the img in the html I cannot see the letters. I convert them to path: path > object to path and it is solved. I suppose that I use a type of letter ...
3
votes
1answer
45 views

How to export html photoshop to public image host?

I'm looking to export my photoshop designs with both html and images that were sliced up. I'd like to automate the process to host the images in a public domain. I currently use Dropbox but I have to ...
-3
votes
1answer
30 views

Reliable method to extract fragments from an SVG in HTML/Javascript

I have a large SVG graphic containing several elements that I want to display across different parts of an HTML page. I'm using Illustrator. The reason I'm not putting them as distinct elements is ...
-2
votes
1answer
28 views

CSS: Is there any way to select an item to be hidden besides tag, class, or ID? [closed]

Here's my situation: I have a web-based app (Jira) that I'm using that I'd like to modify slightly by using my own code via the Stylish Chrome extension. In one column of the app, there are symbols ...
8
votes
5answers
4k views

Is programming a website for mobile first really necessary?

I've read through a number of sources which state mobile first design is almost essential, which I can't deny it does have obvious benefits such as faster load times for mobiles which generally have ...
-1
votes
1answer
28 views

How do I find out why there is a discrepancy between pixel measurement in Photoshop and code? [closed]

I created a design spec in Photoshop that called for 50 px of padding between two rows. When the developer sent me a screenshot of the requested design in code, the 50 px was way too large. What could ...
0
votes
1answer
64 views

How to hide html elements in mobile mode only

I'm working with the following code on my squarepace Pacific template via the html code injection (the code creates a white double lined border around the page): <head> <style> body { ...
7
votes
4answers
3k views

Responsive web design is based on screen resolution or screen size?

for mobile devices the resolution is actually big, only screen size is small. based on that: For websites design, do we target screen resolution (e.g 1080x1920)? And for mobile apps. do we target ...
-1
votes
1answer
30 views

Styling without linking in Dreamweaver

In Dreamweaver, is there a way to apply an external style sheet to a file without having to ad a link to the actual file in question? I would like to edit custom templates that don't have their style ...
0
votes
0answers
13 views

PSD/Sketch to HTML? + bootstrap [need guidance] [duplicate]

I'm a graphic designer and found love on web designing. I've been designing web, making mock ups for almost 2 years now, I really love web designing. But I have to admit, I still wonder how to ...
4
votes
7answers
2k views

How do you create a client website design mockup/image?

For all the graphic designers who do web design too: How do you produce client design mockups for review and then convert them into HTML/Wordpress etc? Are they created in Illustrator/Photoshop and ...
0
votes
1answer
107 views

Creating crystal clear gifs for web?

We're in the middle of a redesign and since we now have nicer looking dashboards, would like to utilize some gifs showing them in use. The problem is, whenever I save a gif out in photoshop, it ...
21
votes
8answers
12k views

Alternative to Lorem Ipsum (dummy text) for websites

Lorem Ipsum has been the known default for dummy text. Per a search the last discussion in regards to alternatives is two years old. I thought I would post a new thread on this topic. So, what are ...
3
votes
2answers
75 views

Does Photoshop also pull HTML? Or just CSS?

Im new to the most recent version of Photoshop, it has a cool feature I discovered where it takes the CSS of your design and copy's/paste's the thing into an editor. Where would you arrange the HTML ...
3
votes
2answers
21k views

Is there a “generate CSS/HTML” feature or plugin in Sketch app

I have found a script that does exactly that (generates CSS and HTML for the layers and offers an option of exporting those in % values) and cuts the work for the web-dev in half for Photoshop. Now I ...
2
votes
1answer
82 views

How can you render an SVG path with only the d=“…” attribute?

In looking to add another SVG to our svg-def.svg file for our website, one would assume it wise to mirror the approach of a previous developer. In our case, the prior developer was able to entirely ...
0
votes
0answers
116 views

SVG showing as blank in html

I have the following SVG file , saved as XML , looks as follows: <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build ...
-2
votes
3answers
20k views

How to convert PSD file to Html

I am learning Photoshop, does Photoshop generates HTML and CSS files, I am a web designer and I am figuring out to convert the .PSD file to Html Css.
5
votes
2answers
553 views

What unicode character should I use to represent the fill bucket?

I'm designing a mockup paint editor for the web and I'm using unicode characters to represent all of the different tools. I ran into a problem when I got to the fill bucket - I can't find anything ...
0
votes
1answer
54 views

Unsharp PNG logo on website

I've an issue I've been struggelig with a while now. I've made a logo with Illustrator CC 2015 for my new website. The issue is that on most Windows computers, the logo looks unsharp, while on Macs it ...
8
votes
8answers
11k views

Is there a visual web editor based on bootstrap?

Bootstrap is a great framework, and I want know if there is a tool that gives you the possibility of dragging html components, re-sizing and moving them, changing colours, all while generating the ...
1
vote
3answers
644 views

How to create a PDF template and export as HTML/CSS?

I need a tool that allows me to design how a PDF file would look like in a web page. Something simple the image below, I would like to design using some visual tool, export to HTML/CSS and then just ...
1
vote
1answer
548 views

Why does Boostrap 3 use Helvetica Neue?

My understanding currently is: "Helvetica Neue" is Linotype font. That means it needs to be paid for and is not free to use. It is also a font that is not for web, it is for print. It will not render ...
0
votes
0answers
506 views

Importing HTML/CSS into InDesign layout?

I'm trying to convert an HTML page that has bold text / css in it into an InDesign document so I can lay it out for print in a newspaper in PDF format. Here is a link to the HTML page: http://...
0
votes
1answer
118 views

PSD to HTML/CSS ON PHP/MYSQL SCRIPT

I have an auction script that uses PHP/MYSQL. I'm not satisfied with the look and feel but like the the overall function. I was planning on having a graphic designer come up with PSD files to give the ...
0
votes
3answers
90 views

Email Campaign Unable to make it Responsive

i work for an advertising company and i create responsive email flyers. the image starts at a pdf and i put this into photoshop to slice and add URLs, once added i can save for web design and it ...
1
vote
0answers
36 views

Shuffle characters in the font file

I am looking for a way to simple shuffle english and cyrillic characters inside the select font. For example "R" should represent "H" and otherwise. Actually I need to shuffle all the letters. I will ...
3
votes
2answers
233 views

For web content, is it better to use an entity or the actual character?

I'm confused about the correct way to insert special typographic characters (like quotation marks and em dashes) when producing content that will be displayed on a web page. Is it better or preferred ...
-1
votes
1answer
113 views

How can I style this following form to Inline form? [closed]

SEE the link: http://samuelgeorgeo.com/cc/NEWDESIGN/ I have a site based on Twitter Bootstrap. I have two main elements on the page, the bottom one is a horizontal form. I would like the bottom div ...
0
votes
1answer
57 views

What are the best tools/processes for web design refinements / adding polish? [closed]

I'm working on a particular part of a web page right now and have a mocked-up design to work from. I've always been able to get everything blocked out in HTML and roughly looking how I like in CSS no ...
0
votes
2answers
661 views

Using Opacity of a Div without affecting The color of the Paragraph inside the Div

I have created a div with background color black, and written a p inside it with white. When I am using opacity in the div, the color of the p is also getting changed into gray. Is there any way to ...
0
votes
0answers
38 views

How to make full svg fonts (not just outerlines)

I am trying to make an handwriting animation in html. What I need is a .svg from the signature. I have tried to make this in inkscape, but when I use this svg only the outerlines will be drawn. Can ...
0
votes
1answer
59 views

Is this possible with html & css [closed]

can this be done? If so what way would you take to accomplish it.
7
votes
3answers
36k views

Email signature hell--How to include a logo image and have it stay sharp?

I found a couple useful threads on this forum with respect to the issues posed by (displaying) images in email signatures-- here, for example-- and I've searched all over the web, but still have not ...
3
votes
1answer
3k views

Get rid of thin white lines between shape 'joins'

I've created an icon made out of basic lines/shapes in Adobe Illustrator, then make it one solid, continuous shape. I want to use this icon as a pre-loader on a website, the idea being each 'segment' ...
0
votes
2answers
299 views

PSD to HTML&CSS - my margins are wrong

I am having trouble with replicating exact margins from the PSD in CSS. Whenever I measure a margin with a select tool I get, for example, 32px. Then I put this in my CSS code: div { margin-top:32px; ...
0
votes
1answer
413 views

Is there a free service/website/method of testing an HTML email in a specific client?

I have designed an HTML email template for a client and it works fine everywhere except, according to the client, Outlook 2013. I don't have access to Outlook 2013 but it would be very helpful if I ...
-1
votes
2answers
168 views

design website from psd when our screen resolution is less than psd

I have got psd of 1800px width from my client that needs to be converted to HTML but my screens are of highest resolution 1366px only. what is best way to design this type of psds? Is there any tools ...
0
votes
3answers
592 views

what are “PSD to HTML” Jobs

I'm a graphic designer usually do logo and banner design work. I recently got a work from my client to make PSD's for the website. So i want to ask that what exactly he will be expecting from me? I ...
0
votes
2answers
160 views

how to maintain the image quality in browser

I have designed an arrow shape image(100px*25px) in Photoshop. I am using that image in HTML label background. I have written CSS to change image width dynamically.but its sharpness changing when ...
3
votes
3answers
15k views

How do I make it so my website footer is always at the bottom of the page (but not sticky)? [closed]

I'm fairly good at getting stuff to work nicely as I come from a coding background, but I'm lacking in the design/visual department. I'm building a website for a friend and one of the things he wants ...
1
vote
2answers
2k views

How to create a responsive sprite sheet animation in css?

i've been trying to do this for hours but so far i haven't made any progress. I have a site with a few animations in it, some will be activated on click and some on hover. something similar to the ...
1
vote
1answer
459 views

SVG font-weight changes when rendered in html

I have a logo in SVG format that I am using on a UI Prototype I'm creating using HTML5. I created the SVG using Inkscape. Today I noticed the logo's font-weight has changed, and I can't seem to change ...
0
votes
2answers
281 views

How to convert an array of HTML colours into into a picture? [closed]

I have an array of colors, for example: A=[['#ff00ff', '#00ff00', '#ffff00', '#00ff00', '#0000ff', '#00ffff', '#00ffff'], ['#0000ff', '#0000ff', '#00ffff', '#00ff00', '#ffff00', '#...
-1
votes
1answer
151 views

How to design a powerpoint slide and convert it into web page?

Is there any website, tool, software to convert a powerpoint or word page to a html web page
1
vote
1answer
221 views

Strange ID when save a file as SVG in Illustrator

I drew a map of a floor with offices in Illustrator, and I need to named each office floor. But the names have numbers or special characers such () and +, i.e. 360 (IVO+IMR+IEC) And when I save it as ...
0
votes
1answer
261 views

Can we export an HTML Page to a PDF without disturbing the links?

I am looking to covert a HTML page to a PDF and wanted to have some expert advices. The sample of the HTML page is here www.srishtiindia.com/teamlease
4
votes
3answers
567 views

Do and don't do with styling <html> and <body> tags

When I look at some CSS style for a web page, I typically first look at styling the <html> and <body> tags and then I look at other sub-elements. The styling of <html> and <body&...
1
vote
3answers
5k views

How to measure the distances in .psd

I already asked here a question about font types, which used in .psd layout, but I have another problem: how to measure all distances between objects if in .psd these objects have .png format? I need ...