Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation since 09/25/2020 in Posts

  1. You can add a <meta> robots tag to the page telling search engines not to index the page. <meta name="robots" content="noindex nofollow">
    2 points
  2. Hi All! I'm the coding projects manager at [link removed] and I'm very thrilled with W3Schools' latest developments. These signed-in learning paths and forums are great! I'm from New York, and Ruby on Rails is what I/we code with the most. But I'm excited to be learning more here at W3Schools. If any of you are interested, we have a bustling and supportive coding community at [link removed] --- we are the world's first not-for-profit social media community, where we help our members worldwide DIVE for their big BREAKs in life. I hope you'll come check it out--not only are we always looking for new members, but we're always looking for new volunteers to join our official team! Nice to meet each of you! -Monroe
    2 points
  3. Just get started on your 10,000 hours. I used the w3schools tuits for my start.
    2 points
  4. Let's set a few things up first. Firstly, in HTML create the image tag with an id and some alt text: <img id="image" src="image.png" alt="image-text"> Next, in JavaScript let's assign the image tag to a variable. Doing so will make it's alt property accessible for later use in the div tag: // assign the img tag by id to the "img" variable let img = document.getElementById("image"); Now let's create an empty div in HTML, with an id of "alt-text". You can do this entirely in JS, but let's use HTML for this example. Add it just below your img tag from the first step: <div id="alt-text"></div> Next, in JavaScript let's create a variable to reference the empty div and a function to set the text and background colour of the div: imgFunc = () => { // assign the empty div to a variable let altDiv = document.getElemenetById("alt-text"); // set the text of the div to the alt property from the img variable created earlier altDiv.innerHtml = img.alt; // set the background colour of the div altDiv.style.backgroundColor = "blue"; } Now, there are better ways to set the text, but innerHtml is a quick way to demonstrate. Explore the options available to you on the W3Schools website. I've gone with blue here as the background colour, but you can choose whatever colour you want. Finally, let's add a mouseover event to the img tag from the first step, and use it to call our function: <img id="image" src="image.png" alt="image-text" onmouseover="imgFunc()"> And that's it.
    1 point
  5. The code will need to be updated so that you are handling the data in the callback function. It actually cannot work identical to PHP's function because it's asynchronous. This would work: <script> function file_get_contents(filename, callback) { fetch(filename).then((resp) => resp.text()).then(callback); } function handleResponse(data) { // Do something with the data here console.log(data); } file_get_contents('https://mediainfo.tf1.fr/mediainfocombo/L_LCI?context=MYTF1&pver=4014002', handleResponse); </script>
    1 point
  6. The max-width rule applies to all screen widths up to the number specified in the rule. If you want to remove the styles from smaller screens then you have to use min-width as well. @media screen (min-width:401px) and (max-width: 900px){
    1 point
  7. <html lang="en"> <head> <!-- SEO --> <meta content="Test, PHP, JS" name="keywords" /> <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport"> <meta content="ie=edge" http-equiv="X-UA-Compatible"> <meta content="DHIF19 Test" name="description"> <meta charset="UTF-8" /> <!-- Fonts --> <link href="https://fonts.gstatic.com" rel="preconnect"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <!-- Bootstrap --> <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" rel="stylesheet"> <script crossorigin="anonymous" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script> <style> * { font-family: Montserrat, sans-serif; margin: 5px; } </style> <title>DHIF19 | Beispiel 2</title> </head> <body> <?php // 1. Erste Abarbeitung (Assoziatives Array Ausgabe) print_r($_POST); // 2. Zweite Abarbeitung (Berechnen einer Potenz) // Button btn1 ist der "Schreibe-Button" // Ich mache hier Number 1 und Number 2 global, ist leichter fuer mich $num1 = $_POST['num1']; $num2 = $_POST['num2']; if (isset($_POST["btn1"])) { $result = pow($num1, $num2); echo "<br>" . "Die Potenz ergibt folgendes Ergebnis: " . $result; } if (isset($_POST["btn2"])) { $file = fopen("daten.txt", "a+"); fputs($file, $num1); fputs($file, " und "); fputs($file, $num2); fputs($file, " wurden eingelesen!"); fputs($file, "\n"); fclose($file); echo "<p>Im iFrame spiegeln sich die Daten ab, die eingegeben wurden: </p>"; echo "<iframe src='daten.txt' name='show' frameborder='0' style='width: 25%; height: 25vh;'></iframe>"; echo "<br>" . "<a href='table.php'>Hier zur Table Datei</a>"; } // Hier machen wir eine random Number zwischen 1 und 20 einfach so :) // KW Logik - Wenn man Button 3 drueckt, dann muss bei Action ja table.php stehen, ums zum funzen zu bringen ;) $randomnumber = rand(1, 20); if (isset($_POST["btn3"])) { print_r($_POST); echo "<br>"; echo "<br>"; if (empty($_POST["num1"]) || empty($_POST["num2"])) { echo "<p style='text-align:center;'><strong>[-]</strong> Vergessen, Werte einzutragen!</p>"; } else { echo "<div class='container'>"; echo "<table class='table table-striped table-hover'>"; echo "<thead>"; echo "<tr>"; for ($i = 0; $i < $_POST["num1"]; $i++) { echo "<th style='text-align: center;' scope='col'>(-‿-)</th>"; } echo "</tr>"; echo "</thead>"; echo "<tbody>"; for ($i = 0; $i < $_POST["num2"]; $i++) { echo "<tr>"; for ($j = 1; $j < $_POST["num1"] + 1; $j++) { echo "<td style='text-align: center;'>", $randomnumber, "</td>"; } echo "</tr>"; } echo "</tbody>"; echo "</table>"; echo "</div>"; } } ?> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <!-- SEO --> <meta content="Test, PHP, JS" name="keywords" /> <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport"> <meta content="ie=edge" http-equiv="X-UA-Compatible"> <meta content="DHIF19 Test" name="description"> <meta charset="UTF-8" /> <!-- Fonts --> <link href="https://fonts.gstatic.com" rel="preconnect"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <!-- Bootstrap --> <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" rel="stylesheet"> <script crossorigin="anonymous" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script> <style> * { font-family: Montserrat, sans-serif; } #filename { width: 40%; } #num1, #num2 { width: 15%; } button { margin-top: 1.5em; } </style> <!-- JS --> <script> const makealert = () => { alert("Mashallah, hier ist ein Alert mit Pfeilfunktion, das kann der KW nicht hahah") } </script> <title>DHIF19 | Beispiel 1</title> </head> <body> <!-- Simple HTML Datei ohne besondere Angaben --> <div class="container"> <h3 style="margin-bottom: 1.3em; margin-top: 1.3em;">Formular</h3> <form action="welcome.php" method="POST"> <div class="form-group"> <label for="filename">Dateiname</label> <input type="text" class="form-control" name="file" placeholder="Dateiname" id="filename"> </div> <div class="form-group"> <label for="num1">Zahl <strong>a</strong></label> <input type="number" class="form-control" name="num1" placeholder="Gib eine Zahl ein" id="num1"> </div> <div class="form-group"> <label for="num2">Zahl <strong>b</strong></label> <input type="number" class="form-control" name="num2" placeholder="Gib eine Zahl ein" id="num2"> </div> <button type="submit" name="btn1" class="btn btn-primary">Schreibe</button> <button type="submit" name="btn2" class="btn btn-primary">Inhalt</button> <br> <button type="submit" name="btn3" class="btn btn-primary">Tabelle</button> <button name="btn4" onclick="makealert()" class="btn btn-primary">JS Button</button> </form> </div> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> </head> <body class="container" style="background: <?php if (isset($_POST["hintergrund"])) echo $_POST["hintergrund"] ?>"> <h2>Coole PHP Übung</h2> <p>Hintergrundfarbe wird geändert</p> <form action="<?php echo $_SERVER["SCRIPT_NAME"]; ?>" method="POST"> <div class="form-group"> <label for="name">Name:</label> <input type="text" class="form-control" placeholder="Name" name="name" id="name"> </div> <div class="container"> <label for="quantity">Wert:</label> <input type="number" id="wert" name="wert" min="1" max="20"> <input type="submit"> <p>Hintergrundfarbe</p> <div class="form-check"> <label class="form-check-label" for="radio1"> <input type="radio" class="form-check-input" id="radio1" name="hintergrund" value="#FF1234" checked>Rot </label> </div> <div class="form-check"> <label class="form-check-label" for="radio2"> <input type="radio" class="form-check-input" id="radio2" name="hintergrund" value="#FFFF00">Gelb </label> </div> <div class="form-check"> <label class="form-check-label" for="radio3"> <input type="radio" class="form-check-input" id="radio3" name="hintergrund" value="#8FEC95">Grün </label> </div> <div class="form-check"> <label class="form-check-label" for="radio4"> <input type="radio" class="form-check-input" id="radio4" name="hintergrund" value="#FFA000">Orange </label> </div> <button type="submit" class="btn btn-primary" name="absenden">Submit</button> </form> </div> <?php print_r($_POST); // define variables and set to empty values $name = $email = $gender = $comment = $website = ""; if (isset($_POST["absenden"]) && isset($_POST["hintergrund"])) { echo "<p><em>Neuer Hintergrund</em></p>"; } // $name = $_POST["name"]; // $wert = $_POST["wert"]; echo "<br><a>Name: </a>"; if (isset($_POST["name"])) { $name = $_POST["name"]; echo " $name <br>"; $fptr = fopen("cooleAusgabe.txt", "a+"); fputs($fptr, $name . "\n"); fclose($fptr); } echo "<br><a>Wert: </a>"; if (isset($_POST["wert"])) { $wert = $_POST["wert"]; echo " $wert <br>"; $fptr = fopen("cooleAusgabe.txt", "a+"); fputs($fptr, $wert . "\n"); fclose($fptr); } echo "Eingabe: " . $name . " Wert: " . $wert; echo "<br><br><br><a>Alle Eingaben: </a><br>"; $filepointer = fopen("cooleAusgabe.txt", "r"); while (!feof($filepointer)) { $zeile = fgets($filepointer); printf("%s", $zeile); } fclose($filepointer); ?> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="https://fonts.gstatic.com" rel="preconnect"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet"> <!-- Bootstrap --> <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" rel="stylesheet"> <script crossorigin="anonymous" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script> <title>Fontsize-Changer</title> <style> * { font-family: Montserrat, sans-serif; } #exampleFormControlTextarea1 { width: 30%; } </style> </head> <body> <h2 style='text-align: center; margin: 1.5em;'> <strong> Change Fontsize </strong> </h2> <div class="container"> <form action="<?php echo $_SERVER["SCRIPT_NAME"]; ?>" method="POST"> <div class="container"> <p></p> <div class="form-group"> <label for="exampleFormControlTextarea1">Change Fontsize</label> <textarea class="form-control" id="exampleFormControlTextarea1" rows="1" name="size"></textarea> <small>You can write all possible ways to change a font-size</small> </div> <br> <button type="submit" class="btn btn-primary" name="submit">Submit</button> </div> </form> </div> <p style=" font-size: <?php if (isset($_POST["size"])) echo $_POST["size"] ?>; text-align: center;"><mark style="background: cyan"> ... Change me ...</mark></p> </body> </html>
    1 point
  8. Javascript has a feature where you can access any object's properties or methods using square brackets and a string inside. window.alert() is the same as window["alert"](). myClass.value is the same as myClass["value"]. Since the square bracket notation uses a string instead of an identifier, you can put a variable containing a string within the square brackets.
    1 point
  9. I think it should work if you use strings instead. Selecting methods dynamically is going to be pretty confusing to anybody who has to maintain your code. I think it's a practice which should be avoided. ... ... constructor(){ this.config = { "branch": "branchA" }; this.classVar = {"a":1} } main(){ this.classVar["b"] = 2; this.branchB(); this[this.config.branch](); } ... ... var myClass = new MyClass(); myClass.main(); myClass.config.branch = "branchB"; myClass.main();
    1 point
  10. A have a list in Python : numbers = [ 5, 7, 2, 6, 1, 3, 44,14, 9 ] how to do a function to sort (ascending or descending) this list, but putting even numbers first, odd numbers in second place? ( see result below) sorted_numbers= [ 2, 6, 14, 44,1, 3, 7, 9]
    1 point
  11. You have defined a function, but are not calling it. The code in a function only runs when the function is called. See the "function invocation" section in the Javascript tutorial: https://www.w3schools.com/js/js_functions.asp
    1 point
  12. If you assign a jQuery result to a variable, you do not need the $() function to use it. This should work, though I haven't tested it so there might be a mistake somewhere. ( function( $ ) { var modal = $('#myModal'); var img = $('.myImg'); var modalImg = $('#img01'); var captionText = $("#caption"); img.click(function(){ modal.show(); modalImg.attr("src", $(this).attr("src")); captionText.html($(this).attr("alt")); }); var span = $(".close").first(); span.click(function(){ modal.hide(); }); } ( jQuery ) ); I do not see any good reason to convert Javascript to jQuery. jQuery is far less efficient and isn't natively built into browsers, requiring a download of an external file before it can run.
    1 point
  13. https://www.w3schools.com/tags/tag_doctype.asp
    1 point
  14. Apart from where it will only show the last option everytime. (.= required to append each option) $statelist .= "<option value='".$states."'>".$states."</option>";
    1 point
  15. .flip-card-back { background-color: #2980b9; color: white; transform: rotateY(180deg); display: flex; justify-content: center; flex-flow: column; }
    1 point
  16. If you want to separate two pictures in same row the Margin Property allow you to give space between two picture . Here is the code <html> <head> <title>IMAGE</title> </head> <body> <img src="/image/Screenshot_2.png" alt="old car" style="margin: 10px;width: auto;height:300;" > <img src="/image/Screenshot_1.png" alt="car1" style="margin: 10px;width: auto;height:300;" > </body> </html> I hope this will helps you.
    1 point
  17. edit profile button, upper right hand corner of your profile page
    1 point
  18. It's working in notepad. <html> <head> </head> <body> <img src="http://qnimate.com/wp-content/uploads/2014/03/images2.jpg"/> </body> </html> If there is still problem then use the latest version of notepad. Hope it helps.
    1 point
  19. Actually, to remove the password from the generated HTML, just cut out everything and only keep these lines: <script language="JavaScript1.2"> orig = unescape( /* ... ... ... ... */ ); orig1 = orig1.replace(/mmm/g,"\r\n"); document.write(orig1); </script> <noscript>JavaScript must be enabled in your browse in order to see protected page.</noscript>
    1 point
  20. orig_pass = prompt("Please enter password",""); To remove the password prompt, just replace the above line with whichever fixed value you want. orig_pass = "XYZ"; This code is not very good, the variables aren't properly declared and they're using outdated attributes. If you're intending to hide your source code from people, I will have to warn you that it is impossible. If the browser is able to read the source code then so can anybody.
    1 point
  21. Greetings My forum status just got approved. I have some knowledge of HTML, CCS, JavaScript, Java and C++. I'm on this site to kept up with my knowledge of Web development and maybe learn some new things. I'm from the Midwest of USA and right now its freezing here!!
    1 point
  22. I recommend doing the tutorials in the order HTML > CSS > Javascript. If there's something you don't understand you can always come back to review it later. This kind of knowledge builds up gradually over time.
    1 point
  23. I haven't checked but they most likely use AJAX to load a piece of content from the database and populate a box with it. There is Javascript and server-side code involved, it's not exactly simple.
    1 point
  24. I have been dabbling for some time and still consider myself a newbie. If I can lend a hand in any way I will. But I would suggest taking Niche's advice and just get on with it. I would also suggest starting simple and build on that. At the moment, I am doing a Tribute page project which is part of the curriculum on Free Code Camp. But if you want my advice, in terms of learning to code and build websites, w3schools is number 1 for learning. Others are ok, but you will always find yourself coming back here. The tutorials here are clearer and concise and much better to understand. Just using w3schools will increase your working knowledge and understanding of coding. Good luck! Jayne🤠
    1 point
  25. It is exactly the space left for hanging letters. This space appears beneath all inline and inline-block elements. Horizontal space to the left or right of inline elements is just the browser representing whitespace.
    1 point
  26. You have got it the wrong order. the container should follow header,, .row should be child of container, then lang (col that is 100%) wide) should be child of .row. The container should be 100% width, not 82% as you have it, once that is done change .lang to .lang { /* float: right; */ /* margin: -24px 5px 0 0; */ text-align: right; display: block; margin: 0 25px; } .container { /* width: 82%; */ margin: 0 auto; max-width: 1100px; } <div class="container"> <div class="row"> <div class="lang"><a href="https://www.mikroviologos.gr/">GR</a>/<a href="https://www.mikroviologos.gr/en">EN</a></div> <aside class="col-6"> <div id="block1"> <ul> <li><a href="https://www.mikroviologos.gr/en/laboratory-structure">Laboratory Structure</a></li> <li><a href="https://www.mikroviologos.gr/en/equipment">Equipment</a></li> <li><a href="https://www.mikroviologos.gr/en/photos">Photos</a></li> <li><a href="https://www.mikroviologos.gr/tmimata-exetaseis">Departments – examinations</a></li> <li><a href="https://www.mikroviologos.gr/proliptikes-exetaseis">Preventive examinations</a></li> <li><a href="https://www.mikroviologos.gr/politiki-poiotitas">Quality policy</a></li> <li><a href="https://www.mikroviologos.gr/asfalistika-tameia">Social Security funds</a></li> </ul> </div><!--block1--> <div id="block2"><h2>Blood sampling from children</h2><hr><p>Our laboratory has extensive experience in blood sampling from newborns, infants and older children and treats them with particular sensitivity</p></div> <div id="block3"><h2>External quality control</h2><hr><p>Results: <a href="https://www.mikroviologos.gr/files/aimatologia.pdf" target="_blank">Hematology</a>, <a href="https://www.mikroviologos.gr/files/kliniki-himeia.pdf" target="_blank">Clinical Chemistry</a>, <a href="https://www.mikroviologos.gr/files/ormones-karkinikoi-deiktes.pdf" target="_blank">Hormones and Cancer Indexes</a></p></div> <div id="block4"><h2>Job Vacancies</h2><hr><p>If you are interested in working at our laboratory, you could either bring us your C.V. or send it through our website’s <a href="https://www.mikroviologos.gr/en/contact-form">contact form</a> </p></div> </aside> <div id="content" class="col-12"> <img id="mc" src="https://s.mikroviologos.gr/image/microscope.jpg" alt="Microbiology Laboratory in Kavala, microbiologist Haris Karahristianidis" width="656" height="395"><p>The microbiology laboratory of Haris Karahristianidis, Biopathologist (Microbiologist) has been operating since the beginning of 2005 in Kavala, in the city center. Located at a key point, with easy access from the villages of our prefecture, as well as from other prefectures, we offer medical services with validity and accountability.</p> <p>Our well-equipped laboratory with state-of-the-art analysers, combined with our specialised and highly trained personnel, guarantee reliability and security.</p> <p>Consistency, support, professionalism and the human factor are the key elements of our laboratory's health services in order to meet your needs whenever it is necessary.</p> <header class="rule"><h2 class="news">Latest news</h2></header> <div class="newsrow"> <div class="floating-box"><span class="newsdate">November 26, 2018</span><br>Our laboratory was certified today according to the standards of ISO 9001: 2015 by TÜV Hellas<br></div> <div class="floating-box"><span class="newsdate">July 28, 2017</span><br>Our laboratory equipment was supplemented with the bloodless transdermal neonatal bilirubin meter Dräger JM-105<br></div> <div class="floating-box"><span class="newsdate">June 6, 2017</span><br>Doutsaridou Fotini’s diploma thesis titled <a href="https://www.mikroviologos.gr/arthra/ilikia-kai-parametroi-spermatos">Age and Seed Parameters</a> was added to our website’s articles<br></div> <div class="floating-box"><span class="newsdate">February 9, 2017</span><br>The Roche Cobas e 411 analyzer was added to our laboratory equipment, which is <a href="https://s.mikroviologos.gr/files/FMF_official_certificate-early_weeks.pdf" target="_blank">certified</a> by the <a href="https://fetalmedicine.org" target="_blank">FMF</a> for PAPP-A measurements and free-HCG in the first trimester of pregnancy. We will also increase the number of examinations we perform and reduce the delivery time of the results.<br> <a href="/exoplismos#e411">More ...</a></div> </div><!--content--> <a href="/en">News archive</a> </div><!--row--> </div><!--container--> </div> After that is done, the lang element being placed at top, will remain at top, whatever view, removing the 82% will make aside and #content fit within device area and not force #content to extend beyond right edge of screen.
    1 point
  27. Hi. Didi you use the media query for that? If yes then use below code for less than 1000px browser width: .lang { float: right; margin: -79% 4px 55px 0; } Hope it helps.
    1 point
  28. ... and what it is all about and when to use it. I like it ...😃 Sorry for my excitement, but I decided to bite the bullet and start building a website. More for practise at this stage. So I decided to look at CSS Responsive Web Design ... I liked that it uses HTML and CSS ... a good starting point🤔 Anyway just thought I would share my excitement!😜🤠
    1 point
  29. In this context, I mean start writing code especially for reasons that interest you! The bigger the variety of ideas you try to write code for, the more valuable your code skills will be to you and the people that will want to hire you. Speaking for myself, the key to becoming confident as a coder is the willingness to make mistakes. Lots and lots of mistakes. It's just as easy for you to produce challenging, mistake producing code situations, as it is for employers. So, don't wait around for some one to hand you a job. Make one for yourself and be willing to tackle lots of mistakes. Making mistakes is the primary way people get to own what they learn. Most likely, you've only worked on code problems that have already been answered by someone else. Now it's time to ask yourself questions that lead to projects that you can show potential clients or employers. Self taught coders should naturally be able to create self taught code projects. As for my portfolio, I don't have one. Never occured to me to make one. I invented a way to use code to measure how much people overpay for their purchases and how much they're underpaid for their work. It's a job I'll be working on the rest of my life. So, I'm fortunate that I don't need a portfolio. BTW, those discoveries were made while I was looking for DIY projects to sharpen my self taught code skills. So, never stop learning and neither will I ! Qapla!
    1 point
  30. If you plan to do everything client side, just start creating. Then, just save your work in a way that lets you share it. If you plan to do some things server side, you'll need to set up a localhost before you start creating. Then, just save your work in a way that lets you share it. What kind of computer OS do you use?
    1 point
  31. Nope. Not yet. Paste the actual text of your code using the code tags. That will make your code visible in your post. You keep posting the file. It's usually always very bad practice to click a button connected to a file from an unknown source. We want to see your work an a completely SAFE environment. Please post the text, not the file, using the <> tags. IF IT'S TOO LONG, edit out the irrelevant parts. EDIT: We need to see something with a format like this: <!DOCTYPE html> <html> <head> <style> img { float: right; } </style> </head> <body> <h1>The float Property</h1> <p>In this example, the image will float to the right in the text, and the text in the paragraph will wrap around the image.</p> <p><img src="pineapple.jpg" alt="Pineapple" style="width:170px;height:170px;margin-left:15px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum.</p> </body> </html>
    1 point
  32. The first slash is directory root for more subfolders before images folder.
    1 point
  33. Hello, I am new here just started the Python tutorial a few weeks ago.
    1 point
  34. Right, it has nothing to do with coding, its magic! Sorry! You are on the wrong forum try https://blackwitchcoven.com/ If it was coding and you actually provided the code, we might have been able to help, but a vague question will result in a multitude of possible answers of which the most likely answer is its pointing to the wrong directory, it can't find what it is coded to look for, so it fails. But! All this nothing you want to hear so i will now depart, Abracadabra!
    1 point
  35. If you use media queries the idea is for every device width extra small, small mobiles, medium/tablet, desktop, extra large desktop, you have to define using media queries the size of parent element holding the images, if you use only one that size can be carried on to the rest, depending on min-width, max-width queries you use and how you positioning the order, one has sizes in ascending order, the other descending order. I personally don't think you require it for this, just extend full width, and let the images stack themselves naturally, you can add margins, or use justify-content: to space themselves evenly, and align-item: to center. You might just use media queries to adjust image sizes or spacing depending on device, but that's it. With the slow revision update, you do clear history? ctrl-F5, if your host caches content on the server, temporary turn it off! must be option for that! DON'T rely on Dreamweaver preview, always view through a actual browser. Use F12 web developer tools to make changes live! (some browser have ability to store the changes you made, so you can copy changes to your css file) use mobile toggle toolbar, which gives you the ability to view changes in many device sizes, (portrait and landscape).
    1 point
  36. Which safari? Windows?, ignore they stopped supporting safari for windows ages ago.
    1 point
  37. /*This refers to browser viewport width*/ @media screen and (max-width: 575px) { /*this should refer to a selector of element/s, class/s, id name to apply style display block, as you normally would ie*/ div, .classname, #idname{ display: block; } }
    1 point
  38. is that's what do you mean https://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_background7
    1 point
  39. Because i still didn't get what do you mean well, could you take a look at the link below, and tell me whether is has what you're looking for or not https://www.w3schools.com/html/html_images_picture.asp
    1 point
  40. You can use it like this: window.open('https://www.w3schools.com', '_blank');
    1 point
  41. Kindly send an email to lava_0208@hotmail.com
    1 point
  42. Hello, I'm Dugualla... I use Microsoft Impressions HTML editor. I do use and check my code but I am not an expert by any means. I am an artist and I do sell drawings and paintings. I am having some trouble with bookmarks and hyperlinks. I have posted a question in the HTML forum. Dugualla
    1 point
  43. Good day to you all am Mensch Emmanuel by Name. Am from Biafa Land in West African Country Nigeria. Website Programming is among my skills. Am so happy to meet you all and i also love to new friends,I mean professional developers. Thanks You.
    1 point
  44. Hi, guess I'll introduce myself as well: I'm Jurgen, from Belgium. I'm actually by skill a strength and conditioning coach (which I do as a side-hustle), and always have mostly worked lower management and sales jobs, but through sheer circumstances am now also working on websites. However I'm still a very big amateur, so expect frequent questions about sometimes very basics things hahahahahah.
    1 point
  45. Hi I've written one article on Introduction to Python . Do read once and suggest me if yoy have any feedback.
    1 point
  46. If you understood, then you would be doing it correctly. Please stop to read carefully, I've explained it very clearly. The link (or button) needs an href attribute. That attribute has a URL pointing to the page and position to which you want to go. The hash is the important part of the URL. You can call it "bottom", or "end" or "anything", it doesn't matter what you call it, it's just an identifier for a part of the page. Here's your button: <a class="button hexagon" href="#abcdefg">Chcete se dozvědět více?</a> This piece of code has to be at the very end of your code, as far down on the page as you can put it. This is where the browser will go when you click on the button <span id="abcdefg"></span> You'll notice I used a <span> instead of a <div>. That's because it doesn't matter, you can use anything you want as long as the ID attribute has the right value. Here's a page in the W3Schools tutorial which explains exactly how to do it if you read carefully. Read the "HTML Links - Create a Bookmark" section: http://www.w3schools.com/html/html_links.asp
    1 point
  47. URLs have the following components: http://www.example.com/path/file.html?a=value#target http:// Protocol: Tells the browser how to communicate with the server. www.example.com Host name: Tells the browser where on the internet to go. /path/file.html Path: Tells the server what file was requested. ?a=value Query string: Tells the server what information is requested. #target Hash: Tells the browser where on the page to go The component we're dealing with here is the hash. When you click on a link with a hash in it (<a href="page.html#something">) it scrolls you down to the element that has an id attribute with the specified value. If the hash is "#target" then it will scroll to <anything id="target"> If the hash is "#bottom" then it will scroll to <anything id="bottom"> In these examples "<anything" refers to the name of the element, it could be <div>, <h1>, <p>, <span> or any other element. The only important part is the id attribute.
    1 point
×
×
  • Create New...