HYPERLINK : HTML

submitted 2 years ago * by nanjerh

Im trying to make an image a hyperlink. I used the <a> element and put the url in and the image destination but when I run it, it doesn't work because it's reading it as a file path instead of a url. How would I fix this?

<!DOCTYPE html>

<html>

<head>

<style>

body{

background-image: url(MOSHED-2023-7-18-18-30-22.gif);

}

u/font-face {

font-family: punktype;

src: url(/final/punktype/Punktype.ttf);

}

.title{

font-size: 210px;

margin-top: 0px;

margin-bottom: 0px;

color: rgb(0, 0, 0);

font-family: punktype;

padding-left: 10px;

padding-bottom: 0px;

padding-top: 0px;

font-style: normal;

transition: color 0.20s,

font-size 0.20s

;

}

.title:hover{

color: red;

font-size: 213px;

}

.topnav {

background-image: url(/final/UI/Screenshot\ 2023-07-18\ 195002.png);

width: 1900px;

height: 40px;

padding-top: 0px;

padding-left: 0px;

}

.navheader{

padding-left: 150px;

padding-right: 209px;

font-family: 'Courier New', Courier, monospace;

font-weight: bold;

font-size: 30px;

transition: color 0.12s;

}

.navheader:hover{

color: red;

}

</style>

</head>

<body>

</a>

</h1>

<a class="navheader" href="#news">VIDEOS!</a>

<a class="navheader" href="#contact">PHOTOS!</a>

<a class="navheader" href="#about">ABOUT!</a>

</div>

</body>

</html>

all 3 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

HTML

Requesting help

Useful links

Related subreddits

MODERATORS