Jump to content

Search the Community

Showing results for tags 'href'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 19 results

  1. Inquirer


    How do I make a download work? <a href="" download> What do I put into the href attribute? In the w3schools example, they use: <a href="/images/myW3Schoolslogo.jpg" download> Though how do I find the href attribute of a file? Say I was trying to make a download button for a word file. How do I do that? Thanks for helping a newbie!
  2. I'm using w3css, and want to create a number of panels on a page. Each will contain a brief summary of another page, and when the panel is clicked, the user should be taken to that other page. Here is a simplified extract from my current HTML. It looks how I want it to, but obviously nothing happens when you click the panel. <div class="w3-panel"> <h2>Panel Title</h2> <p>A summary of the page that the user will be taken to.</p> </div> This is what I've tried unsuccessfully so far: 1. Just adding "href=..." to the div. <div class="w3-panel" href="other-page.html"> .... </div> This makes no difference, the href seems to be ignored. 2. Using the <a> tag within the div. <div class="w3-panel"> <a href="other-page.html"> ... </a> </div> Clicking now works, but all the text is underlined like a standard hyperlink. It may be possible to amend the .CSS file to prevent underlining, but there are hyperlinks within text elsewhere on the page that I want to remain underlined. 3. Turning the panel into a button. <div class="w3-panel w3-button" href="other-page.html"> ... <div> Clicking works, but the text is centred and doesn't wrap. So by default the panel becomes very wide, and if I try to control the width, the end of the line of text isn't visible. Thanks!
  3. Hi, XSL I want to make a simple display text(Google) and when i click it should redirect to https://www.google.com; How to implement this in xsl?
  4. i have a piece of code - <a href="https://goo.gl/2qQsCf"><img src="/wp-content/uploads/2019/06/car-wreckers-review.png"></a><a href="tel:00000000"><img src="/wp-content/uploads/2016/08/call-1.png" alt="Call: 00000000" onClick="goog_report_conversion('tel:00000000')"></a> I want to align them horizontally right now both images align up and down. I want it to be side by side. Please if someone can help with the code. Thanks
  5. Hi, I am building a website in wordpress! Even though im very new to coding HTML, CSS and Java, i am trying! My problem is that i want to make a slideshow based for ads, so every picture need a individual link! Can anyone tell me how thats done? Thank you
  6. iwato

    href="?value = ..."

    I recently stumbled on still another piece of code to which I am not accustomed <a href="?edit=<?php echo $row['obs']; ?>" onclick="return confirm('sure to edit !'); " >edit</a> How does one read the phrase ?edit= in plain English? Roddy
  7. hello, i am working with jquery, thake a look at my jsbin code. when you click on the smile icon there popups a screen. Now the IMG field should be the IMG SRC. For some reason i cant get it to display the IMG SRC, any ideas?? https://jsbin.com/lelaxam/1/edit?js,output kind regards
  8. JSFiddle Basically, I have this list inside a collapsible div, and I would like to follow the href="#bc" when I click/tap. When it isn't collapsible it works just fine. I'm using JQuery Mobile, and any help would be greatly appreciated.
  9. JSFiddle <div data-role="collapsible" data-theme="a"> <h3>Bard</h3> <ul data-role="listview" data-theme="a"> <li><a href="#bc">Cantrips</a></li> <li><a href="#b1">Level 1</a></li> Basically, I have this list inside a collapsible div, and I would like to follow the href="#bc" when I click/tap. When it isn't collapsible it works just fine. I'm using JQuery Mobile, and any help would be greatly appreciated.
  10. Hello all, I am relatively new to HTML and am having a problem that I don't know the best way to solve. Please can anyone help. I am creating an HTML5 web page with a sticky header that contains copyright information that needs to always remain visible at the top of the page. I successfully created the header using the fixed position attribute. The header is a constant size, the full screen width, and remains visible throughout. When the page is scrolled the text scrolls up under the header. That, in itself, is not a problem. What is a problem, however, is when there is a link using the <a href="yyyyy.html#xxxxx"> tag. The display jumps to the link, but the link text is now displayed at the very top of the screen, under, and consequently hidden by, the fixed header. Is there a way to either: 1) Make the bulk of the web page only use the space below the header, or 2) Make the jump to the link display not at the top of the screen, but lower by the height of the header. My only other consideration is that I would like to do this in a manner that has the most backward compatibility. The web pages I am creating might need to be displayed world wide on older systems. So, even though I am currently testing HTML5 I am actually trying not to take advantage of new HTML5 features. Many thanks in anticipation, Roy
  11. y h

    a with href

    Hi, I wanted two a:focus each one with a specific color. If I added a-footer for ex. I can't use href with it anymore so how to manage two a:focus with href a:hover,a:focus {color: #e87352;font-weight:bold;text-decoration: none;}a:active{background-color: transparent;}a-footer{color: #3bbec0;}a-footer:hover,a-footer:focus {color: #000;font-weight:bold;text-decoration: none;}a-footer:active{background-color: transparent;} If I used a-footer to have different colors then a I can't anymore use href ex : "< a-footer href...>"Does anyone have an idea how can I do it???
  12. I have the below code in a page of my website. All appears to work fine, except the centering of the hfer link in the last heading. The centralization of the other headers works fine. Does this mean that because I have a href link that i have to change code. Have tried a number of options but nothing seems to work? Any advise appreciated. <%@ Language="VBScript" %> <!DOCTYPE html> <html lang="en"> <head> <link href="Site.css" rel="stylesheet"> <title>Welcome</title> </head> <body> <br> <br> <br> <br> <br> <br> <h1 style ="text-align:center;font-size: 400%;color: #808080;background-size: auto; background-color: #000;background-position: center"> Welcome to SimpleSheet 101</h1> <br> <br> <br> <h2 style ="text-align:center;font-size: 300%;color: #000;"> The No:1 Home Budget Management Tool</h2> <br> <br> <br> <h3<b><a href="Default.cshtml" style ="text-align:center;font-size: 200%;color: #000;text-align: right"> Please Click here to enter site</a></b></h3> </body> </html>
  13. Hello. I'm having problem with data-transition in jQuery mobile If I use this code without having "id" parameter in the href : $('#allList').append('<li><a href="#DeadlineDetail" data-transition = "flow" >'+ allDeadline.class +'<br>'+ allDeadline.duedate+' '+ allDeadline.duetime+'<br>'+ allDeadline.description +'</a></li>'); The data-transition can work normally But if I add the "id" parameter to the href like this so there will have no data-transition animation $('#allList').append('<li><a href="?id='+allDeadline.id+'#DeadlineDetail" data-ajax = true data-transition = "flow" >'+ allDeadline.class +'<br>'+ allDeadline.duedate+' '+ allDeadline.duetime+'<br>'+ allDeadline.description +'</a></li>'); Do u have any solution for this ? Thanks alot
  14. I have an Input form type radio, and I have a link to this form in another page; What i'd ilke to do, is that when people press this outside link and go to the form, one of the options be checked.
  15. This may be an HTML or PHP problem, or Java as well. I am trying to write an alphabetical index from inside a php file. Here's what I'm trying to accomplish: PHP script searches the My SQL table A link is generated out of each itemOn clicking on the link, a php variable is setand the script moves on. I need information for a function that the onClick refers to. I've only found rudimentary examples, and none are any help. So, I'm sending the problem to you. tim
  16. hi this is my code....how to get click value from href and then show a picture on div layer....?? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><style>#layer{ top:0; left:0; height:100%; width:100%; position:absolute; background-color:blue; display:none; opacity:0.5; color:red;}#asd{ color:red; }</style><script type="text/javascript" language="JavaScript"><!--function HideContent(d) {if(d.length < 1) { return; }document.getElementById(d).style.display = "none";}function ShowContent(d) {var img=new Array();img[0]="a.jpg"; img[1]="b.jpg";img[2]="c.jpg"; if(d.length < 1) { return; }document.getElementById(d).style.display = "block";}function ReverseContentDisplay(d) {if(d.length < 1) { return; }if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }else { document.getElementById(d).style.display = "none"; }}//--></script> </head><body><div><a onclick="ShowContent('layer'); return true;" href="javascript:ShowContent('layer')" name="show1" title="show1">[show>>>>> 1]</a><a onclick="ShowContent('layer'); return true;" href="javascript:ShowContent('layer')" name="show1" title="show2">[show>>>>> 2]</a> </div><div id="layer" >Content goes here.<a onclick="HideContent('layer'); return true;" href="javascript:HideContent('layer')" ><img src="" id="show1"/>[hide>>>>>> 1]</a></div> <!--<a onmouseover="ReverseContentDisplay('layer'); return true;" href="javascript:ReverseContentDisplay('layer')">[show/hide]</a>--> </body></html>
  17. I have a form that contains the following fields: Address City State Zip I convert this to FullAddress with: Dim FullAddress As StringFullAddress = Address & " " & City & " " & State & " " & Zip I am outputting to Outlook and want to create a link to Bing Maps with: "<br><A HREF=http://www.bing.com/maps/?v=2&where1=" & FullAddress & "&sty=b>Bing Maps</A>" Somehow the A HREF function truncates the string to the first space contained in the FullAddress. So if the address read "5822 Cranston, Portage, MI 49002", the actual output hyperlink is: http://www.bing.com/...v=2&where1=5822 Instead of what I want it to do which is : http://www.bing.com/maps/?v=2&where1=5822 Cranston, Portage, MI 49002 &sty=b I realize that HREF may not like spaces but my field Address has the street number and address in the same field instead of separate fields.
  18. Ok, first let me explain what I try to do. I have a menu with some items containing a submenu. The submenu's should open when a parent is clicked and contains submenu's, and when traveling to another page (from the item clicked, for example a parent of submenu item), the submenu should remain active and visible. Now when I click on a parent item the submenu quickly blinks but is closed even as fast as it opens. I want the submenu to remain open when clicked on a parent that has a submenu, so users can easily navigate. So, here is the code I have so far: <div id="topnav"> <ul> <li> <a href="index.html">Home</a> </li> <li> <a href="#">Over Meves</a> <ul class="submenu"> <li><a href="#" class="suba">Historie</a></li> <li><a href="#" class="suba">Onze mensen</a></li> <li><a href="#" class="suba">Werkzijze</a></li> </ul> </li> <li> <a href="vervolg3.html">Disciplines</a> <ul class="submenu"> <li><a href="vervolg.html" class="suba">Klimaatbeheersing</a></li> <li><a href="#" class="suba">Elektrotechniek</a></li> <li><a href="#" class="suba">Sanitaire techniek</a></li> <li><a href="#" class="suba">Energiebesparingstechniek</a></li> <li><a href="#" class="suba">Bouwfysica en geluid</a></li> <li><a href="#" class="suba">Diensten energiebesparing</a></li> </ul> </li> <li> <a href="#">Expertise</a> <ul class="submenu"> <li><a href="#" class="suba">Woningbouw & Utiliteit</a></li> <li><a href="#" class="suba">Zorg & Welzijn</a></li> <li><a href="#" class="suba">Milieu & Energie</a></li> <li><a href="#" class="suba">Beheer & Onderhoud</a></li> <li><a href="#" class="suba">EPA & EPC</a></li> <li><a href="#" class="suba">Legionella beheersing</a></li> </ul> </li> <li> <a href="#">Contact</a> <ul class="submenu"> <li><a href="#" class="suba">Adres & route</a></li> <li><a href="#" class="suba">Werken bij</a></li> </ul> </li> </ul> </div> The javascript: var ddmenuitem = 0;function jsddm_open(){ jsddm_close(); ddmenuitem = $(this).find('ul.submenu').css('display', 'block');}function jsddm_close(){if(ddmenuitem) ddmenuitem.css('display', 'none');}$(document).ready(function(){ $('#topnav > ul > li').bind('click', jsddm_open) $('#topnav ul li a.suba').click(function(e){ if ($(this).attr('class') != 'active'){ $('#topnav ul li a.suba').removeClass('active'); $(this).addClass('active'); } }); $('a').filter(function(){ return this.href === document.location.href; }).addClass('active') $("ul.submenu > li > a").each(function () { var currentURL = document.location.href; var thisURL = $(this).attr("href"); if (currentURL.indexOf(thisURL) != -1) { $(this).parent("ul.submenu").css('display', 'block'); } });}); And the css: #topnav ul{list-style: none;padding: 0;margin: 0;}#topnav ul li{float: left;margin: 0;padding: 0;}#topnav ul li a{padding: 5px 15px;color: #00537F;text-decoration: none;display: block;font-weight: bold;}#topnav ul li a:link{color: #FFF;text-decoration: none;}#topnav ul li a:visited{color: #FFF;text-decoration: none;}#topnav ul li a:hover{color: #FFF;text-decoration: underline;}#topnav ul li a.active{text-decoration: underline;color: #FFF;}/*#topnav ul li:hover .submenu{display:block;}*/#topnav ul li ul.submenu{float: left;padding: 4px 0;position: absolute;left: 0;top: 24px;display: none;background: #e0e0e0;color: #00537F;}#topnav ul li ul.submenu a{display: inline;color: #00537F;padding: 4px 8px;}#topnav ul li ul.submenu li{border-right-width: 1px;border-right-style: solid;border-right-color: #00537F;}#topnav ul li ul.submenu li:last-child{border-right-style: none;}#topnav ul li ul.submenu a:link{color: #00537F;}#topnav ul li ul.submenu a:visited{color: #00537F;}#topnav ul li ul.submenu a:hover{text-decoration: underline;color: #00537F;}#topnav ul li ul.submenu li.active{text-decoration: underline;color: #00537F;}#topnav ul li ul.submenu a.active{text-decoration: underline;color: #00537F;}
  19. OK, I'm new. I've adapted some pages for our local club by brute force and ignorance, and achieved both XHTML and CSS validation. Sample here - http://www.titchfiel...ultsFinal1.html Now I'm trying to learn CSS properly, so back to page 1. I was changing one little bit of CSS (below the 'body' section) at a time, when suddenly the 'body' section in the CSS page is no longer recognised, all the rest is. So I type out again the missing section, save (leaving the original in place), and it works - but only if I leave both copies in. These are copied and pasted from the CSS file, I can't see any difference between the two, or why it should need both. What's going on, please? body (the orignal){background-color:#cde6ff;background-image:url(images/bg_body.png);background-repeat:repeat-x;padding-top:100px;} body (re-typed replacement){background-color:#cde6ff;background-image:url(images/bg_body.png);background-repeat:repeat-x;padding-top:100px; } It might be worth mentioning that I always seem to have trouble making the initial 'link href' work - the last time I had to copy a set of existing HTML and CSS files into the directory, that appeared to give the link a nudge, so it then worked. The full CSS page is below,if required - v/* Default CSS *//* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */@charset "UTF-8"; body {background-color: #cde6ff;background-image:url(images/bg_body.png);background-repeat: repeat-x;padding-top: 100px;}body{background-color: #cde6ff;background-image:url(images/bg_body.png);background-repeat: repeat-x;padding-top: 100px;} h1{color:#ff0000;font-size:3em;font-family: "Arial Black", Arial, sans-serif;text-align:center;} p{font-family: "Palatino Linotype", Baskerville, serif;color:#616161;line-height:150%;margin-top:10px;margin-left:80px;font-size: 1.5em;} h2{color:#ff0000;font-weight:normal;font-family: "Palatino Linotype", Baskerville, serif;font-size:2.2em;border-bottom:2px white solid;background :url(images/bullet_flower.png) no-repeat ;padding: 0 0 2px 80px;margin: 0;} .intro{color:#0000ff;font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;margin-left: 20px;margin-bottom:25px;} .bold{font-size: 1.5em;color: #000000;font-weight:bold; }
  • Create New...