search

joshcase / code-blue-admitme

A simple web interface for generating admission notes as if they were to fit straight into a patient’s paper chart.
1 stars 0 forks source link

Copying picture for anaestheticwiki not recognised #1

Open Gramericana opened 3 years ago

Gramericana commented 3 years ago

Hi all, first time commenter so forgive me! Having trouble with CodeBlue Chapter 4 on the anaesthetics wiki - I can't copy the image from the codeblue folder on sublime text into my anaesthetics wiki code page (have tried screenshotting/pasting even into a new file, to clearly no avail). No right clicking seems to work; only pastes a blank grey box when I then upload it into my own version of the folder. Any ideas? Thanks!

joshcase commented 3 years ago

Hey there, no forgiveness necessary! All skill levels welcome here.

Normally I'd suggest that you post this issue in the AnaestheticsWiki repository, but given that we're here now, we might as well stay put.

You should move the image in your operating system's folder app (Finder on Mac or Windows Explorer on Windows). Simply go to the source folder, click the file, save it to the clipboard with the keyboard shortcut Ctrl + C. Then head to the destination folder, click the empty space in the folder, and paste it with Ctrl + V.

The other thing that might be happening is that the folder is being moved correctly, but the link to the image in your HTML is not correct. If the browser can't find the image at the specified path, it will yield a blank grey box where the image should be.

Verify that the image src attribute is exactly correct:

<div style="background-color: rgb(246, 246, 246); width: 200px; text-align: center;">
    <img src="img/syringe.png" style="height: 100px; width: 100px;">
    <h1 style="font-size: 20px;">AnaestheticsWiki</h1>
    <div><a href="index.php">Home</a></div>
    <div><a href="drugs.php">Drugs</a></div>
    <div><a href="intubation.php">Intubation</a></div>
    <div><a href="lumbar_punctures.php">Lumbar Punctures</a></div>
</div>

Furthermore, you can verify that the file is recognisable in the browser by navigating to localhost/wiki/img/syringe.png. If you can see the image there, you know XAMPP and the browser can find the file at the appropriate location. If you can't see the image there, let me know - it might mean you need some settings changed in your XAMPP configuration to allow file access.

Gramericana commented 3 years ago

Thanks Josh! Much appreciated! Will post under the right section from now on...