CODEWITHSUNDEEP
htmlcsshyperlink
user342355
user342355

Reputation: 11

CSS link (Basic help)

I am really struggling to use css to make a new homepage for my smugmug website.

I've managed to get this done:

<html style="height:100%">
<body style="height:100%;margin:0;">
<table style="height:100%;width:100%;vertical-align:middle">
<tr>
<td>
<div style="width:100%;text-align:center">
<span style="display:inline-block">WEDDINGS</span><span style="display:inline-block;padding:0 100px">PORTAITS</span><span style="display:inline-block">COMMERCIAL</span>
</div>
</td>
</tr>
</table>
</body>
</html>

and I want to be able to add a link to each word selection. I can't get my head around it, could anyone please help?

Also if anyone is familiar with smugmug, I paste the code into the theme css box and nothing happens when updating my website.

Thank you.

Upvotes: 0

Views: 102

Answers (1)

Happy Hippo
Happy Hippo

Reputation: 102

If you were to add a link around the following line:

<span style="display:inline-block">WEDDINGS</span>

place the link tag in front and after it, link tag being 

<a href="LINK TO WEBSITE OR PAGE HERE"> </a>

so it would look like this:

<a href="http://www.examplewebsite.com"><span style="display:inline-block">WEDDINGS</span></a>

If clicked on, anything between the tag will redirect them to the page.

As a side note, if you wish to make the linked page open in a new tab, use "target=_blank", like this:

<a href="http://www.examplewebsite.com" target="_blank"> </a>

Upvotes: 1

Related Questions