How can I correctly insert you an SVG image in Dreamweaver CC HTML5 page
HI people,
I'm working on my first site sensitive design. Pretty easy so far, but I'm having a hard time to understand how to insert the SVG in a HTML5 page (Bootstrap and XML).
This is the code I use to insert the SVG that I created and exported in Illustrator.
< div class = "making the scale svg container" > < a href = "index.html" >
< svg viewBox = "0 0 60 55" class = "making the scale svg" preserveAspectRatio = "xMidYMin" > < img src = "images/logo - v3.svg" alt = "tag alt here" / > < / svg > < /a >
< / div >
And it's the CSS
. Scaling-svg-container {position: relative;} Height: 0; width: 100%; padding: 0; padding-bottom: 100%; {/ * substitute this line other than the square format of * /} .scaling-svg {position: absolute; height: 100%; width: 100%; left: 0; top: 0 ;}}Everything works except I get the following error when I run the HTML validator in Dreamweaver CC. It seems to be this line < img src = "images/logo - v3.svg" alt = "tag alt here" / >
I spent hours looking for documentation on this in the Adobe site and elsewhere. What I've read the SVG doesn't scale correctly unless it is in the viewBox.
I don't get the error of Validation of Dreamweaver CC if I leave a 'simple' insert/image in Dreamweaver CC, but you do not get the viewBox, which of course helps you control the image.
Thanks for the help,
Sylvia
You use the tag
Tags: Dreamweaver
Similar Questions
-
When you type, the cursor jumps around. How can I correct this situation?
When you type, the cursor jumps around. How can I correct this situation?
It is a very common problem when users become familiar with a new laptop. Either your palm/wrist/cuff/bracelet is touching the touchpad as you type or the touch pad sensitivity is set too high and reacts to strong strikes.- Someone to watch you while you type to see if you accidentally touch touchpad of the notebook.
- Go to the control panel mouse configuration and reduce the sensitivity of the touchpad.
- Make sure you use the latest version of the driver from the manufacturer of the laptop for the touchpad and update if a new becomes available.
- Disable the touchpad entirely in favor of a wireless laptop mouse.
As noted previously, this is a very common problem and users are usually completely unaware they do even when it is pointed out to them. -
How can I correct - fatal execution error (0x7927f22e)
How can I correct - fatal execution error (0x7927f22e). I started having this popup after automatic update of Windows. Also get error message MsiExec message saying that no debugger is found. What happened and how do I fi? Thanks for help.
Hi JimSrB,-Do you remember the number of the Knowledge Base article (KB) updates that have been installed recently?(0x7927f22e) Fatal execution engine error is due to corruption in Microsoft .net Framework.Try to repair Microsoft .net Framework and check if it helps.Write about the State of the question once you try this method. -
How can I correct an error of protection of digital copyright on Windows media player 9 or 11?
Hi felixowl,
1. when exactly you get the error message?
2. What is the exact error message?If you get this error when trying to read the DVD with Windows Media Player, then follow the steps mentioned in this article and check the result: http://support.microsoft.com/kb/308012
For more information, see http://support.microsoft.com/kb/925705
Visit our Microsoft answers feedback Forum and let us know what you think.
-
I just installed the new free app cloud Creative Suite Master CS6 on my Mac (version 10.8.4) with Intel Core i7 3.4 GHz and 24 GB of memory. The cloud installation went well. However, the cloud has 8 updates all failled because of an error "errors encountered during installation. (U44M1P7) »
How can I correct this situation?
You can try the solutions in the following two knowledge base article:
http://helpx.Adobe.com/Creative-Suite/KB/error-u44m1p7-installing-updates-CCM.html
http://helpx.Adobe.com/Photoshop/KB/Photoshop-CS6-updates-Don ' t - install.html
-
How can I correct the CSRSS process. EXE virus
How can I correct the CSRSS process. Virus EXE with win 7 I have tried a number of fixers and notthing worked
How can I correct the CSRSS process. Virus EXE with win 7 I have tried a number of fixers and notthing worked
some ideas here.
-
How can I correct the problem on the computer fan noise laptop vaio sony SA
How can I correct the problem on the computer fan noise laptop vaio sony SA
Hi Davidra,
Download and install if no update is available about the issue using exactly the model of your computer, here: http://esupport.sony.com/US/p/select-system.pl?DIRECTOR=DRIVER
Try the steps here:
https://us.en.KB.Sony.com/app/answers/detail/A_ID/34181
If the problem persists, contact Sony Service support here: http://esupport.sony.com/US/p/service.pl
Note: If my post answered your question, please mark it as an "accepted Solution".
-
How can I stop "would you like to store your password" pop ups?
How can I stop "would you like to store your password" pop ups?
See this
-
How can I correctly write the syntax format to enable check on in the command prompt
How can I correctly write the syntax format to enable check on in the command prompt
How can I correctly write the syntax format to enable check on in the command prompt
Type
check /?
to see the correct syntax (the same as for any other command console). -
How can I correct I tunes problem = error code 42404?
How can I correct I tunes problem = error code 42404?
How can I correct I tunes problem = error code 42404?
Post in the forums of Apple iTunes?
Otherwise - use something like Revo Uninstaller (trial version) to make a more aggressive removal of ALL Apple software. Reset. Install the latest version of the web page.
-
How can I correct eye wandering in Photoshop CS6
How can I correct eye wandering in Photoshop CS6
Copy the other eye and use it.
-
How can I change the size of the image on my TV screen?
original title: screen sizeHow can I change the size of the image on my screen? I connected my laptop to my TV via a HDMI cable. I don't see the bottom top or side photo ei portionso: can not see the bar of tasks or x box. I lowered the resolution of the screen to something 720. but did not change the size of the screen
Hi kimhealy
You have set display up-to-date drivers installed?
Method 1:Step 1 :
To resolve the problem, you can check if uninstalling and reinstalling then the display driver allows.
Also check if you have any exclamation point or cross the marks on the sides of display devices listed in Device Manager.a. click Startand then click Control Panel.
b. click system and Maintenance, click Systemand then click on Device Manager.
Note If Control Panel is in Classic view, double-click System, and then click Device Manager.
If you are prompted for an administrator password or a confirmation, type the password, or click allow.c. in the Manager device, expand display driver, display devices, right-click and then click on Properties and on the driver tab, click Uninstall.
d. When you are prompted to confirm that you want to remove the device, click OK.
e. restart the computer.
After the computer restarts, the drivers will be installed automatically.
Step 2:If the problem persists I suggest you to check if you install the latest updated driver on the manufacturer's Web site to help you.
You can also check out the link below and check if you get an updated video driver. You can install updates in optional updatesvideo card driver.
http://Windows.Microsoft.com/en-us/Windows-Vista/update-a-driver-for-hardware-that-isn ' t-work correctly
Method 2:
If you are on windows media center, you can also refer to the link below and check.http://Windows.Microsoft.com/en-us/Windows-Vista/how-do-I-improve-the-image-on-my-monitor-or-TV
See also below the link-help
http://Windows.Microsoft.com/en-us/Windows-Vista/connect-your-computer-to-a-TV
I hope this helps.
-
How can I get my account HP Connect give me credit for the pages that they have counted print which did not actually print because the computer did not communicate on the printer correctly.
Hello @Gunth,
Welcome to the Forums of HP's Support. I guess when you are referring to the credits of the page you want to say that the instant the ink program. I would like to help.
This isn't something that can be controlled from your connected HP account. You will need to speak to a representative of the competent Department of ink instant. (A congratulations to move things in the right direction would be appreciated). The question now is how to communicate with the instant the ink service.
Here is the solution/answer:
The following link will give you the phone number for the different departments of the ink instant.
Simply choose the one that applies to your country of residence.
-
How can I put ONLY 9 tabs, NO 15, on the new tab Page?
How can I put ONLY 9 tabs, NO 15, on the new tab Page?
(First OFF... Please do not read this as being written by an angry person.) I'm just frustrated with the browser that I liked for years. I hope someone can help me)
For a long time, I had my Firefox (version 33.0.2 - even if I don't remember getting mentions "update") defined so that every time I clicked on the tab new symbol '+' to create a new tab (which has the "new tab Page" on that), the NINE inch nails would be shown for my SELECTION and PIN sites. I LOVED!
Yesterday, I opened Firefox and NOW when I click on the '+' to open the new tab Page... FIFTEEN thumbnails appear, 5wide x 3down, (and to be honest I probably would have the habit of 15! ha).
Here's the PROBLEM: NONE of the thumbnails are "compressed". They ALL have "liberated" up yellow icon to the left and clicking on does nothing to remedy this of course. Other that THAT, everything else behaves normally. (that is to say moving the thumbnails, deleting, swap... I just can't pin THEM!)
FINALLY, I prefer my 9-repositionable decals on the new tab Page.
I went through ALL the options on the side, upside down and backwards, and I just get more frustrated.
Can someone help me?Hello
If you can see all your tiles, you can change your settings in settings page:
- In the address bar, type Subject: config and press enter. The subject: config "this might void your warranty!" warning page may appear.
- Click on I'll be careful, I promise! to keep the comments: config page.
- Search for browser.newtabpage.columns and change it to 3, or however many columns you like
- Note: browser.newtabpage.rows allows you to change the number of desired lines as well
You can also set a fixed number of tiles with the following extensions:
-
How can I register a keyword to every image in a group of photos.
How can I register a keyword to every image in a group of photos.
Select the photos you want, do a right click and info and type the keyword
LN
Maybe you are looking for
-
I want to close my account iTunesMatch. Best regards Terje Norheim
-
So I woke up one morning and I've been texting my friends. I left on a conversation and entered another, and I realized that the whole conversation was gone except for a single message. I went in another conversation and another and realized that all
-
Satellite U400-150 - always needed, even to start supervisor password
Satellite U400-150 /PSU45E, the cooler BIOS v4.0, just been flashed (23/07/2009). Well, I have a problem with the password at startup. I need to password, which should be _only_ required to enter the "BIOS". When I set the supervisor password (user i
-
East - the Pavilion 20 it be upgraded to the 5 GHz wireless card?
The HP Pavilion 20 can be improved to support the 5 GHz wireless card?
-
Facial recognition stop working?
The screen for the postage of size photos, where you can mark and or determine if the program has identified correctly, stop working. What should I do to get it working again? Please someone help me!