/    Sign up×
Community /Pin to ProfileBookmark

HTML Hypertext Links

Copy linkTweet thisAlerts:
Jul 25.2006

I’m new to HTML, so bear with me. Also I appologize if this is in the wrong section.

I’m trying to make hypertext links on my website, & they’re working fine. The problem is they are all lined up underneath each other & for the life of me I can’t figure out a code to put them next to each other in a straight line from left to right instead of over each other or centered & below my previous link.

Any help is greatly appreciated.

Thanks!

to post a comment
HTML

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@skilled1Jul 25.2006 — take out the <br> or put them all in the same <td>
Copy linkTweet thisAlerts:
@ray326Jul 26.2006 — Sounds like you're trying to make nav links or menus. Those are lists of links and should be coded as such in the HTML. Here's an article talking about making those list look like you need them to look.

http://www.alistapart.com/articles/taminglists
Copy linkTweet thisAlerts:
@HDRoadKing02authorJul 26.2006 — Thanks alot! I'll give it a try ?
Copy linkTweet thisAlerts:
@HDRoadKing02authorJul 26.2006 — Didn't have much luck accomplishing what I wanted to do.

Here's my coding I'm using, I want all the links to be in line from left to right at the top of the page under my Opening Heading, Right now they are under my opening heading, but are lined up to the left, one above each other, in line from top to bottom, I'm trying to get them left to right.


<p><a href="Url Link Here"><img style="width: 85px; height: 65px;" src="Image link here" height="250" width="125"><b><h3><i>Link Name</i></h3></b></p>

<p><a href="URL Here.htm"><img style="width: 115px; height: 75px;" src="Image Link" height="350" width="175"><b><font face="comic sans ms"><p>Link Name</font></b></p>

<p><a href="URL HERE"><img style="width: 115px; height: 75px;" src="Image Link Here" height="350" width="175"><b><h3><i>Link Name</i></h3></b></p>

Thanks for the Help!!
Copy linkTweet thisAlerts:
@ray326Jul 26.2006 — This is more like what the HTML should be. I don't understand what the discrepancy between your image sizes means. This is all untested.
[code=html]
<ul id="nav">
<li><a href="Url Link Here"><img style="width: 85px; height: 65px;" src="Image link here" height="250" width="125">Link Name</a></li>
<li><a href="URL Here.htm"><img style="width: 115px; height: 75px;" src="Image Link" height="350" width="175">Link Name</a></li>
<li><a href="URL HERE"><img style="width: 115px; height: 75px;" src="Image Link Here" height="350" width="175">Link Name</a></li>
</ul>
[/code]
The CSS looks something like:

ul#nav { list-style: none }

ul#nav li { list-style: none; margin:0 auto; padding:0; width:200px; float:left; }
Copy linkTweet thisAlerts:
@HDRoadKing02authorJul 26.2006 — I was just fooling around with the size of the images, hadn't adjusted them 100% yet.

Thanks for the help.
Copy linkTweet thisAlerts:
@pacerierAug 05.2006 — Didn't have much luck accomplishing what I wanted to do.

Here's my coding I'm using, I want all the links to be in line from left to right at the top of the page under my Opening Heading, Right now they are under my opening heading, but are lined up to the left, one above each other, in line from top to bottom, I'm trying to get them left to right.


<p><a href="Url Link Here"><img style="width: 85px; height: 65px;" src="Image link here" height="250" width="125"><b><h3><i>Link Name</i></h3></b></p>

<p><a href="URL Here.htm"><img style="width: 115px; height: 75px;" src="Image Link" height="350" width="175"><b><font face="comic sans ms"><p>Link Name</font></b></p>

<p><a href="URL HERE"><img style="width: 115px; height: 75px;" src="Image Link Here" height="350" width="175"><b><h3><i>Link Name</i></h3></b></p>

Thanks for the Help!![/QUOTE]


the H tags like h3 and the <p> tags which you have used creates a new line automatically, you can try adding
[code=html]
<style>
p {display:inline;}
h3 {display:inline;}
</style>
[/code]
or replace the <p> and <h3> tags with something else. you could actually omit those tags altogether as they are not needed especially with css styling of the elements to control display and flow
×

Success!

Help @HDRoadKing02 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.5,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...