Questions tagged [html]
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.
160
questions
1
vote
0
answers
79
views
Is there a way to export SVG files from Adobe XD without id's?
When exporting (for example) icons from Adobe XD as SVG files, the code contains ID's that are for me unnecessary. When I want to use the SVG files for instance inline in an HTML file, it will give ID ...
- 11
1
vote
2
answers
54
views
Snappy transitions
I am currently working on Rob Dey's Upskill Crash Course on web development. Everything is going well but I had a question about the animation of my logo. Here is my code:
.navbar-default .navbar-...
- 11
0
votes
1
answer
34
views
How can I align code in code listings in HTML?
I would like to have a code listing with alignment in HTML. This is an example of how it is supposed to look:
In this example, the beginning of the second line is aligned with the beginning of the ...
- 51
0
votes
0
answers
92
views
Adobe Animate - HTML5 Canvas - ComboBox styling and alternatives
I'm using a ComboBox in an HTML5 Canvas JavaScript movie.
Not particularly happy with the ComboBox - hard to style in code, it's slow, and looks clunky and very Flash like and dated.
Anyway I have ...
- 101
0
votes
1
answer
102
views
Is there a name for this kind of font?
Is there a name for this kind of font that you used to find on cable bulletin boards?
If I wanted to imitate this on a website, which font would you recommend?
- 109
3
votes
1
answer
342
views
How do I fix missing opacity masks in rendered svg files on the HTML5 Canvas [closed]
I'm currently working on a project that is using the HTML5 Canvas API and I'm encountering a few problems, one of which is disappearing opacity masks used to add texture to an element in Adobe ...
- 45
1
vote
2
answers
544
views
Figma Emailify Plugin, How to Add a Hyperlink to an Image? Can't add 0% Opacity text layer for some reason
I am using the Emailify Plugin for Figma and noticed that I cannot add a Link to images/ icons. I want to add a clickable URL to each of the social media icons. There is another question from a year ...
2
votes
0
answers
267
views
What font is Firefox using for `system-ui`?
I'm trying to work out what font my Firefox is using for its system-ui CSS property value, which is used on pages that specify system-ui in their font stack (specifically, I first saw it on my ...
- 121
2
votes
1
answer
62
views
Is HTML and CSS a viable choice for storing print designs?
CSS supports paged media via print media queries. HTML has been created to support hypertext documents only but since then evolved and has a wide wariety of tags that when used with modern CSS, can be ...
- 365
0
votes
1
answer
67
views
How to embed sliced PSD image with hyperlinks into Drupal CMS?
Is it possible to slice an image in Photoshop, add hyperlinks to certain image areas and embed it into a Drupal CMS page?
I am new to this, but looks like it's possible to add a source of HTML code in ...
- 313
0
votes
0
answers
36
views
Easy Image Hosting
Sorry for the most basic question. I'm looking at the code for my first website right now.
I'm just creating a portfolio page for my Illustration works, as an excuse to learn.
I want someone else to ...
- 11
0
votes
1
answer
417
views
In Photoshop - how to Export As webP format in different scales
Until today, when I wanted to export image in few scales I would:
File -> Export -> Export As -> then add the sizes I want and select the format (png, jpg, etc..) and click Export All
Now I ...
- 101
-1
votes
1
answer
377
views
How to remove background size from svg file made with illustrator?
I am experimenting with making svg files in illustrator and using them in my html website. But the problem is when i paste my svg code in my html file it has the background size of the artboard of ...
- 1
1
vote
1
answer
161
views
Why svg blur dosen't work in html or browser?
I'm using Figma editor and I tried to blur element, in the editor everything looks fine, then I export it into SVG. I see that there are tags that should make my element blur <feGaussianBlur in=&...
- 113
0
votes
2
answers
74
views
Portfolio web site with adobe illustrator
I do a lot of interface design in Adobe Illustrator. I'd like to use my designs to create a portfolio web site.
Is there a simple way to build a website directly with the Illustrator files?
Any ...
1
vote
2
answers
128
views
Programmatic circle diagram approach/technology
I'd like to make something like this programatically.
http://www.feelingswheel.com/
Does anyone have a suggestion? Could you approach this programmatically with Illustrator, Inkscape, HTML5, or Three....
- 11
0
votes
2
answers
154
views
I need a tool to design SVG for HTML
Basically, a lot of SVG editors, even Inkscape, insert tons of random stuff into the file that is not needed to render it correctly inside an HTML.
I want to be able to copy the source of the file, ...
- 109
0
votes
1
answer
463
views
Best workflow for both google HTML5 banner ads and animated GIFs
We have recurrent product campaigns and we are moving on to HTML5 banner ads from just plain GIFs but we are still keeping both formats as some of our target audience is on old systems.
I am looking ...
- 11
0
votes
1
answer
96
views
Can I use freepik web element in website? [closed]
Can I convert PSD web elements like a pricing plan to HTML and use it free in the commercial website without attribution?
for example this component :
- 13
0
votes
2
answers
59
views
Different color contrast between same image
This is how to original image look like: 805px x 204px
And here is how to show the image later which scaling: 265px x 67px
Here is how to call the image on HTML:
<img id="logo" src="Photo/my-...
- 15
0
votes
2
answers
1k
views
Convert png into svg and then use it in html between svg tag
I have web portfolio with images for the websites I worked on. For responsiveness I think SVG would be a better choice so that it does not lose any quality when browser is resized. For that reason I ...
- 101
23
votes
3
answers
9k
views
What is the convention to indicate "the same value as above"?
I have received a table of data to put on an html page. Many values in the second column are repeated for a few rows. The author indicated this by using starting double quotes (“), probably ...
- 333
0
votes
0
answers
466
views
Exporting Standalone Interactivity in Adobe Animate
I'll preface this by saying I'm not sure of much of the vocabulary involved here - so I might not know the term I need to be asking about. Nor am I sure that here is the best place to ask it.This is ...
- 553
0
votes
1
answer
182
views
Relative coordinates in animateMotion path
I cannot figure out why the blue ball1 in the following example does not "move to" the point on the path specified in #wire from its starting positions to mimic the path animation of the pink ball2. ...
- 1
0
votes
1
answer
83
views
how to hide Access to media files in a directory, if we have the full URL for a file
how to hide Access to media files in a directory, if we have the full URL for a file.
How to,
I make an online store, so to download one of the files in my store, I have to log in first, then it can ...
- 1
0
votes
1
answer
65
views
How do you animate the height of a path in SMIL? attributeName="height" doesn't seem to work
I've been trying to animate a simple path (i.e. circle) with
<animate attributeName="height" values="100;0" dur="1s" begin="0s"/>
...this works if I slap it onto a shape (e.g. rect), but ...
- 25
0
votes
0
answers
282
views
Graphic appears blurry in Chrome and oversharpened in Firefox
I exported the images on Adobe XD. For some reason the graphics on my page appear blurry in Google Chrome and Microsoft Edge and oversharpened in Firefox. Also in Google Chrome when I go inside the ...
- 61
3
votes
1
answer
2k
views
Setting the Viewbox so that the inline SVG will "Snap" to the size of the containing element?
I created this simple inline SVG by saving as "Optimized SVG" in inkscape. Prior to saving I set the size to 200X200px.
<div style="width: 200px; background-color: red;">
<?xml ...
- 729
-1
votes
1
answer
51
views
Question on graphic designer positions in which one needs to know even HTML and CSS [duplicate]
About graphic designer positions where it needs to know HTML and CSS, what are all the projects one needs to be able to do with HTML and CSS in order to be employable?
- 65
0
votes
1
answer
55
views
Suggestion for learning method [closed]
Currently I am studying graphic design, in my personal time am learning Html and Css, and I want to learn UX.
What should I do? To stick with html and css and those are enough or learn a UX software?
- 3
0
votes
2
answers
3k
views
Rowspan in the last row of the table with CSS and without CSS
I am trying to draw the below image
I am not able to get the image by using table in html. I have tried using rowspan but it just distorts the table and doesnot create the required result. How can I ...
2
votes
0
answers
257
views
Comic style scheme
I would like to build a scheme in comic style.
I found the CSS markup that I like (https://codepen.io/mp/pen/ldAFs)
It seems like the following tags do the job
border-width: 3px 4px 3px 5px;
...
- 121
0
votes
1
answer
78
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 ...
- 111
1
vote
1
answer
723
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.
...
- 13
4
votes
1
answer
277
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, ...
- 421
0
votes
1
answer
2k
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 ...
- 331
2
votes
1
answer
8k
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 ...
- 121
-3
votes
4
answers
21k
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 ...
- 101
1
vote
2
answers
2k
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 ...
- 484
0
votes
1
answer
1k
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 ...
- 3
-6
votes
1
answer
56
views
0
votes
2
answers
453
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 ...
1
vote
1
answer
870
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 ...
- 21
0
votes
2
answers
6k
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 ...
- 11
0
votes
1
answer
109
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
2
answers
130
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 ...
-3
votes
1
answer
348
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
1
answer
2k
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
2
answers
1k
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?
- 45
1
vote
1
answer
447
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 ...
- 765