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.
-1
votes
0answers
27 views
Help Visualizing Data with Charts on Website [on hold]
I have been reading up on various different posts from this community on different methods for data visualization. I've found a lot of insightful commentary here. While I am not trying to express a ...
0
votes
0answers
22 views
Alternative to Flash MX with HTML5
I want to make an autorun for a CD/DVD, and my preference to do that is HTML5, But also Flash is acceptable.
Previously I used to do that with Flash MX, Which created Flash files dynamically and ...
0
votes
0answers
27 views
Mesure lineheight and margin bottom in one Photoshop textfield
What is your approach for measuring the lineheight + margin in a Photoshop file where the text is in one textfield. So H1, h2, h2-sub are all in one textfield.
What is the fastest way for this, when ...
0
votes
1answer
62 views
Design flexboxes with elements that have different scale factor
I have a page with flexbox elements. Elements have picture but as the picture is for different devices it has different scale factor. What is the best option for design to be still functional but ...
1
vote
1answer
318 views
Use an svg as clipping mask for div
I would like to use a svg as a clipping mask for a div, so that where the svg is placed you see the fixed background. I tried to explain it here:
The size of the svg should depend on the screenwidth.
...
4
votes
1answer
145 views
What are some classic decorative typography techniques?
I'm working on a website, and I'm using a drop cap/initial letter for the text body. I find this technique to be very eye-catching and beautiful to look at. Does anyone know any similar simple, ...
0
votes
1answer
318 views
Why is my img leaving a 1px unfilled space in a table cell?
I am writing some html to go in a mail to be sent to internal users programatically. They all use Outlook 2016. (Coding for Outlook is horrific, as simple things like CSS backgrounds don't work. As ...
2
votes
1answer
418 views
Pixel Width of characters in a font
Is there any easy way to figure out the width of each character in a font? I'm trying to line up two tables of data with data scraped from a website. The issue is that the text in one section of the ...
-2
votes
1answer
2k views
SVG image not displaying properly in HTML webpage
I'm trying to insert an svg image that I created in Inkscape into my html web page but for some reason I can't get it to render correctly.
Is there some sort of extra exporting step to get an SVG ...
0
votes
1answer
545 views
How can I extract all text content from Photoshop with all associated styles for backgrounds? (see example inside)
I have provided a lot of PSDs with lots of content to a coder. There were 50+ PSD and it took a team of 4 people 2 months to build them. Furthermore, the content was in Spanish and the coder doesn't ...
0
votes
1answer
228 views
how to scale artwork and content from mm to pixels
i'm making a template of a ticket of 80mm for a web app in Illustrator CC 2017, but now realize that when i go to export>save for web, the size of the artwork and content change to pixels, but not ...
-6
votes
1answer
50 views
0
votes
1answer
125 views
Is there an HTML/CSS version of the StarCraft 2 Menu buttons?
I am building a webapp and I want to modify one of the StarCraft menu buttons to add them to my webapp, (StarCraft is a Blizzard Entertainment Game). This is an example photo of one of the menu pages ...
0
votes
1answer
175 views
creating HTML emails [closed]
My background is in print media - I have been asked to create an email blast for a client - usually i would simply do this in mail chimp or some other email marketing platform, but the company that is ...
-1
votes
2answers
1k views
Favicon size in browser tab [closed]
I am creating a website and I have the logo. When I insert the logo in the HTML basically as a fav icon in the tab, it appears so small. The question can any body help to increase its size so it can ...
0
votes
1answer
67 views
CSS for HTML in photoshop
Is there any way to load html page to photoshop and make css for it in photoshop ? Or is there any other graphical program to make css not just by writing code ?
1
vote
2answers
113 views
How do I go about choosing image height on a background-cover div?
I have a slider on my page with the property background cover applied so it fits the whole thing. The slider also has a 50vh fixed height. The background always ends up cutting things from the image ...
-4
votes
1answer
173 views
.class selector syntax Is NOT valid.. What is the new valid form for CSS .class selectors?
So... I'm a newbie in CSS and just a moment a go I discovered something wierd!
This is the code i wrote...
li.list { float: left; } ... but it did not work. If I am being to unclear let me explain.. ...
-1
votes
1answer
858 views
Slice tool showing white lines on flyer
I created a flyer on Photoshop to send as a newsletter. So I used the slice tool to link certain parts of the flyer. When I sent a sample to my email, there are white lines around the images I linked ...
-2
votes
2answers
901 views
How to use Indian currency symbol in HTML? [closed]
I need to use the Indian Rupee symbol on a web page. I have applied the code ₹, but the output is ₹. How to display Indian Rupee symbol on a website as text?
1
vote
1answer
210 views
Inkscape svg in HTML
SVG does not always look sharp in HTML
I have an SVG icon made with Inkscape. The page size is width: 200px, height: 200px and the line size is width: 170px, height: 170px.
When I put it in a HTML ...
0
votes
1answer
211 views
how to change creative font in web design [closed]
I have created a newsletter in html & inline css.
When I change my font, it will change to the new font on my system. But when I open another system, the font has not changed.
How can I make ...
-4
votes
1answer
280 views
How to implement navbar list with shadow in html/css?
I have a design of navbar in mind that I want to implement for my web page. Please see the drawing I created using Inkscape.
I read the tutorial on w3.org and there is an example of adding padding to ...
4
votes
3answers
280 views
Width of unicode musical symbols vis a vis fixed width font
In my experience, the musical Unicode symbols for flat (♭) and sharp (♯) are not exactly the same width as the fixed width font that I am using, consequently columnar character alignment ...
5
votes
1answer
263 views
InDesign relink Index Markers
Working with Indesign Creative Cloud 2017, I've run into an issue. I was delivered files and the supplied IDML file has about 150 Index entries that I need to relink in the content. When I export ...
-5
votes
2answers
97 views
Minimalist website design for a software product
Is there a free HTML5 + CSS template for a website to display a basic company info and a software product?
1
vote
1answer
4k views
Exporting SVG paths to HTML to animate with JavaScript
I have a complex blueprint, which I've traced in Inkscape. I'm going to programmatically animate the path and also add some other effects with JavaScript. I can include the file using HTML (e.g. <...
0
votes
2answers
153 views
Create high-quality lightweight screencapture
We're building the features page for our web product (online investment management service). We'd like to showcase some of the features by displaying short clips of user interactions with that feature ...
6
votes
1answer
6k views
How to convert a circle to a path?
For example, when I save an SVG from illustrator and view the code, I see a <circle> element, for example,
<circle cx="131.6" cy="292.3" r="311.7" />
but I'd like for it to be a <path&...
2
votes
1answer
659 views
Website Designs with Round Headers?
Does anyone have any examples of live websites with round headers? Similar to this: http://www.nasty-creatures.com/
I'm working on something for a client and have come up with a design with a round ...
1
vote
1answer
514 views
Force line break on mobile - currently it breaks word in half
We’ve recently updated our website. Newer look better forms etc.
However with the new design there is one issues I can’t solve:
Headlines are not getting displayed properly on mobile. And by ...
4
votes
1answer
113 views
Where can I get regular webdesign exercise tasks?
Over the past year, my portfolio has become pretty leaned towards photography. I'm fresh out of university, so I don't have much client work to show. The thing is, while I can always find subjects to ...
4
votes
2answers
147 views
Dealing with a lot of repetition in data table
I have a table where a lot data is repeated (see the competition, players and date columns).
The endless rows of the same stuff draws the eye and makes it seem like the most important thing in the ...
0
votes
2answers
2k views
How to manage the font size between retina and the normal design
I am mocking up a one page website using sketch in macbook pro retina with the resolution of 1440width and 5120height. I see everything perfect once my design is done, but when I start coding the html ...
3
votes
2answers
566 views
svg image looks odd in html page
So I have two of the same images one is a SVG and the other one is a PNG. I used Inkscape to export the PNG from the SVG. The dilemma that I am stuck with is that on the SVG the blue lines go much ...
2
votes
2answers
489 views
Using Google Fonts with only CSS access?
In the free version of Cargo Collective, I'm able to edit the complete CSS, but not the HTML of my site. Assuming I stick to the free version and thus remain able to only edit/add to the CSS, is there ...
1
vote
2answers
3k views
How do I keep Apple Mail from resizing images in my HTML signature?
I created an HTML email signature for my company, and have everything working. It contains both text and an image containing HTML links to our website, and all looks well until I add it in the ...
2
votes
0answers
441 views
Any tool to automatically generate HTML layout structure diagram?
I usually post in StackOverflow, but this is more a layout/design question. I am trying to get an overview of the HTML structure of an application I am working on, and was looking for a tool to ...
9
votes
3answers
9k views
Setting font-weight vs bold font-family in CSS, which is more correct?
There are basically two ways of making a font bold in CSS: via the font-familyattribute and via the font-weight attribute.
Let's say i'm using the font Raleway for example and have loaded a Light, a ...
4
votes
1answer
383 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 ...
-2
votes
1answer
46 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 ...
-1
votes
1answer
52 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
1k 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 {
...
9
votes
5answers
5k 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 ...
3
votes
2answers
545 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 ...
-1
votes
1answer
84 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 ...
4
votes
7answers
3k 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
206 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
253 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
1k 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 ...
