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
votes
0answers
17 views

How to put together a block of text and a gallery of thumbnails?

I'm having a practical question, and I would like to ask for help... I have this block of text on the left and I need a gallery of 3 images (thimbnails) be placed in a row on the right. Thing is, I ...
4
votes
7answers
1k 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 ...
3
votes
2answers
63 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 ...
0
votes
1answer
96 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 ...
0
votes
0answers
40 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
1answer
39 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 ...
5
votes
2answers
480 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
48 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 ...
0
votes
1answer
133 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
122 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: ...
0
votes
1answer
71 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
65 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
3answers
351 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
0answers
32 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
228 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 ...
0
votes
1answer
52 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 ...
4
votes
4answers
1k 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 ...
0
votes
0answers
37 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
52 views

Is this possible with html & css [closed]

can this be done? If so what way would you take to accomplish it.
0
votes
2answers
303 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
2answers
184 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
232 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 ...
0
votes
0answers
165 views

Turn special characters to unicode values on InDesign export

Using a predefined InDesign file for blog posts and website content development I would like to be able to export all special characters as their unicode value but I'm having trouble finding a ...
-1
votes
2answers
122 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
2answers
125 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
2answers
11k 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 ...
0
votes
0answers
704 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 ...
0
votes
2answers
249 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', ...
0
votes
0answers
29 views

Dreamweaver import only workflow

I want to create a work environment on Dreamweaver where changes made to the code files outside of Dreamweaver will be updated inside Dreamweaver, but any changes I make inside Dreamweaver will not be ...
-1
votes
1answer
137 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
3
votes
1answer
2k 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' ...
1
vote
1answer
182 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
3k views

White border around transparent PNG after Illustrator export?

I created a logo in Illustrator CC and after I 'Save for Web' using PNG-24 with a transparent background and put it in my website html there is a thin white stroke around the logo. This is definitely ...
0
votes
1answer
222 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
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
362 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 ...
4
votes
3answers
481 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 ...
1
vote
3answers
2k views

What is the PSD to HTML best practices with HTML5?

I'm getting quite confused with all the different methods of converting from psd to html 5. I'm trying to practice converting PSDs to HTML so i get enough experience. There are a ton of complicated ...
1
vote
3answers
4k 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 ...
1
vote
4answers
314 views

Will my web site's type in the web browser look exactly as it does in Photoshop?

Are there specific web font guidelines to use in Photoshop files for web design? I am having issues with line spacing and fonts not showing correctly in HTML.
3
votes
3answers
12k 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 ...
4
votes
1answer
96 views

How to typeset units in HTML

What is the correct way to set type units in HTML? Stuff like 2km Do I just put the unit right after the value as above? Or is there a special short space? If so how do I prevent a line break ...
-1
votes
3answers
111 views

How is mozilla.org homepage design acheived? [closed]

https://www.mozilla.org/en-US/ Can anyone comment how the below is acheived? 1) the sliding image album in the homepage 2) Shadow behind thumbnails in https://www.mozilla.org/en-US/products/ If it ...
7
votes
3answers
29k 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 ...
-2
votes
3answers
17k 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.
1
vote
2answers
305 views

Change HTML tag styles with GREP in InDesign

I have some HTML in a text and I would like to apply a character style to the HTML tags: <p>This is some <strong>HTML</strong> I want to use.</p> I want to only change the ...
-1
votes
1answer
141 views

What can I use to capture a screenshot of an entire web page? [duplicate]

I tried to capture the whole webpage using this screenshot tool but I am unable to capture the images. This is the url of the webpage: http://dabblet.com/gist/f1450f041e18287ce211
1
vote
0answers
1k views

Coding Google material design “chip” (contact thumbnail) in CSS [closed]

I am creating a website and i will be using an element like the contact "chips" in Google Material design. What would the HTML/CSS code be for this? I have tried certain bits of code but I can't ...
1
vote
3answers
1k views

How can I set the height of my website to be the same height as the visible browser window, with no vertical scrolling?

I want to design a portfolio website, and I don't want it to scroll vertically. What are the dimensions for this kind of website, like the standard browser height? How can I create a website that's ...
3
votes
2answers
4k views

Optimizing hero/intro photos on mobile and XXL displays

I have a few questions regarding trendy super-large photo headers. I've seen them called "hero" images, but just so we're clear, I'm talking about designs like this one: A large photo is used as a ...