Cannot complete <img src and <a href> |
Cannot complete <img src and <a href> |
htmlisneeded |
Nov 12 2018, 04:54 PM
Post
#1
|
Group: Members Posts: 3 Joined: 12-November 18 Member No.: 26,744 |
Seeking assistance. The first item, I cannot seem to add a photo. When copying News.jpg from the picture properties in my computer than adding it to the HTML img src, the picture does not appear. The second issue is how can I add <a href="mailto:JohnDoe@Help.com">your anchor text</a> to the html <p><button class="button">Contact</button></p>?
Can any provide suggestions or help? The htlm I am attempting to complete is below. </style> </head> <body> <h2>Meet The Team</h2> <p>We are led by a team of dedicated executives and colleagues around the world. .</p> <p><button class="button">Contact a Committee Lead.</button></p> </div> </div> </div> <div class="column"> <div class="card"> <img src=" News.JPG" alt="John Doe" style="width:100%"> <div class="container"> <h2>John Doe</h2> <p class="title">Art Director</p> <p>Some text that describes me lorem ipsum ipsum lorem.</p> <p>JohnDoe@help.com</p> <p><button class="button">Contact</button></p> </div> </div> |
Christian J |
Nov 12 2018, 05:37 PM
Post
#2
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
When copying News.jpg from the picture properties in my computer than adding it to the HTML img src, the picture does not appear. The spelling must be identical, including case (.jpg vs .JPG). QUOTE The second issue is how can I add <a href="mailto:JohnDoe@Help.com">your anchor text</a> to the html <p><button class="button">Contact</button></p>? See http://htmlhelp.com/faq/html/links.html#button-link (but note that mailto links only work if the user's computer has an email client installed, and not with online webmail services). |
pandy |
Nov 12 2018, 11:47 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
I'm pretty sure the file name doesn't start with a space.
CODE <img src=" News.JPG" alt="John Doe" style="width:100%"> ^^^ The path must also be correct. Is the image in the same folder as the HTML? |
htmlisneeded |
Nov 13 2018, 12:02 PM
Post
#4
|
Group: Members Posts: 3 Joined: 12-November 18 Member No.: 26,744 |
Thank you guys. I was able to add the HTML image. However I am still having trouble with linking an email address to the button html I have.
Hi Christan J, how can I add the below to the html to yesterdays post? I truely appreciate the help. Thank you. 6.7. How do I create a button which acts like a link? This is best done with a small form: <FORM ACTION="[URL]" METHOD=GET> <INPUT TYPE=submit VALUE="Text on button"> </FORM> |
pandy |
Nov 13 2018, 01:17 PM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
You can't. A can't be used with BUTTON.
You need to use a form. Like so. CODE <form action="mailto:JohnDoe@Help.com"> <button type="submit" class="button">your anchor text</button> </form> But you could just as well use an ordinary submit button. Or you could use JavaScript with BUTTON. But mailto is unreliable as it is, so no need to make it even more so by using JS. |
pandy |
Nov 14 2018, 12:57 PM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Hey, I remembered wrong. You can't put a link inside BUTTON, but it seems you can put a button inside a link. I could have sworn neither was allowed.
So you CAN do it like this. HTML <a href="mailto:JohnDoe@Help.com"><button type="submit" class="button">your anchor text</button></a> Sorry for misleading you. |
htmlisneeded |
Nov 28 2018, 11:39 AM
Post
#7
|
Group: Members Posts: 3 Joined: 12-November 18 Member No.: 26,744 |
Thank you Pandy! It works!! Thank you for the follow up truely appreciate it!
|
Lo-Fi Version | Time is now: 25th April 2024 - 01:30 AM |