Hi!
I want to have three links on one line.
I can get the three links but the underline doesn't seem to break
between them.
Any ideas?
Here is a code attempt ...
<!DOCTYPE html>
<html lang="en">
<body>
<h2>Metaphysics in process ...</h2><br>
<ul>
<li><a href="https://en.wikipedia.org/wiki/Meta">Meta? </a>
<a href="https://en.wikipedia.org/wiki/Physics">
Physics? </a>
<a href="https://en.wikipedia.org/wiki/Metaphysics"> Metaphysics?</a><br/><br></li>
</ul>
</body>
</html>
Thank You!
On 2/20/2021 12:09 PM, Dale wrote:
On 2/20/2021 11:50 AM, Dale wrote:
Hi!
I want to have three links on one line.
I can get the three links but the underline doesn't seem to break
between them.
Any ideas?
Here is a code attempt ...
<!DOCTYPE html>
<html lang="en">
<body>
<h2>Metaphysics in process ...</h2><br>
<ul>
<li><a
href="https://en.wikipedia.org/wiki/Meta">Meta? </a>
<a href="https://en.wikipedia.org/wiki/Physics">
Physics? </a>
<a
href="https://en.wikipedia.org/wiki/Metaphysics">
Metaphysics?</a><br/><br></li>
</ul>
</body>
</html>
Thank You!
did some web search ...
if you as   between the links there is space between the links on
the same line
Thank You !
have to add a semi-colon after  
works without it for me, but doesn't clear the W3C checker
I can get the three links but the underline doesn't seem to break
between them.
<ul>
<li><a href="https://en.wikipedia.org/wiki/Meta">Meta? </a>
<a href="https://en.wikipedia.org/wiki/Physics"> Physics? </a>
<a href="https://en.wikipedia.org/wiki/Metaphysics"> Metaphysics?</a><br/><br></li>
</ul>
On 2/20/2021 11:50 AM, Dale wrote:
Hi!
I want to have three links on one line.
I can get the three links but the underline doesn't seem to break
between them.
Any ideas?
Here is a code attempt ...
<!DOCTYPE html>
<html lang="en">
<body>
<h2>Metaphysics in process ...</h2><br>
<ul>
<li><a
href="https://en.wikipedia.org/wiki/Meta">Meta? </a>
<a href="https://en.wikipedia.org/wiki/Physics">
Physics? </a>
<a
href="https://en.wikipedia.org/wiki/Metaphysics">
Metaphysics?</a><br/><br></li>
</ul>
</body>
</html>
Thank You!
did some web search ...
if you as   between the links there is space between the links on
the same line
Thank You !
<ul>
<li><a href="https://en.wikipedia.org/wiki/Meta">Meta? </a> <a href="https://en.wikipedia.org/wiki/Physics"> Physics? </a> <a href="https://en.wikipedia.org/wiki/Metaphysics"> Metaphysics?</a><br/><br></li>
</ul>
<li><a href="https://en.wikipedia.org/wiki/Meta">Meta?</a></li>
<li><a href="https://en.wikipedia.org/wiki/Physics"> Physics?</a></li>
<li><a href="https://en.wikipedia.org/wiki/Metaphysics">Metaphysics?</a></li>
</ul>
li {
display: inline-block;
font-size: 20px;
padding-right: 30px;
}
li:last-child {
margin-right: 0;
}
On 2021-02-20, Dale <dale@dalekelly.org> wrote:
I want to have three links on one line.
I can get the three links but the underline doesn't seem to break
between them.
<li><a href="https://en.wikipedia.org/wiki/Meta">Meta? </a>
<a href="https://en.wikipedia.org/wiki/Physics"> Physics? </a>
<a href="https://en.wikipedia.org/wiki/Metaphysics">
Metaphysics?</a><br/><br></li>
Put each link in its own <li> element and use CSS to format the list as a single line.
On 20/02/2021 16:50, Dale wrote:
Change your code to this:
<ul>
<li><a
href="https://en.wikipedia.org/wiki/Meta">Meta? </a>
<a
href="https://en.wikipedia.org/wiki/Physics"> Physics? </a>
<a
href="https://en.wikipedia.org/wiki/Metaphysics">
Metaphysics?</a><br/><br></li>
</ul>
<ul>
<li><a href="https://en.wikipedia.org/wiki/Meta">Meta?</a></li>
<li><a href="https://en.wikipedia.org/wiki/Physics">
Physics?</a></li>
<li><a
href="https://en.wikipedia.org/wiki/Metaphysics">Metaphysics?</a></li>
</ul>
Then use this css:
li {
display: inline-block;
font-size: 20px;
padding-right: 30px;
}
li:last-child {
margin-right: 0;
}
In message <dso46h.d65.17.1@news.alt.net> Dale <dale@dalekelly.org> wrote:
I can get the three links but the underline doesn't seem to break
between them.
Why would it? You have nothing between the links
<ul>
<li><a href="https://en.wikipedia.org/wiki/Meta">Meta? </a> >> <a href="https://en.wikipedia.org/wiki/Physics"> Physics? </a>
<a href="https://en.wikipedia.org/wiki/Metaphysics">
Metaphysics?</a><br/><br></li>
</ul>
Put a nbsp; after the "</a>" Also, this is not the way to do this, you
are abusing the li tag.
I want to have three links on one line.
I can get the three links but the underline doesn't seem to break
between them.
<li><a href="https://en.wikipedia.org/wiki/Meta">Meta? </a>
<a href="https://en.wikipedia.org/wiki/Physics"> Physics? </a>
<a href="https://en.wikipedia.org/wiki/Metaphysics">
Metaphysics?</a><br/><br></li>
I want to have three links on one line.
I can get the three links but the underline doesn't seem to break
between them.
Hi!
I want to have three links on one line.
I can get the three links but the underline doesn't seem to break
between them.
Any ideas?
Here is a code attempt ...
<!DOCTYPE html>
<html lang="en">
<body>
<h2>Metaphysics in process ...</h2><br>
<ul>
<li><a href="https://en.wikipedia.org/wiki/Meta">Meta? </a>
<a href="https://en.wikipedia.org/wiki/Physics"> Physics? </a>
<a href="https://en.wikipedia.org/wiki/Metaphysics">
Metaphysics?</a><br/><br></li>
</ul>
</body>
</html>
Thank You!
I don't prefer inline styles, just a whole one for my site
I did get it to work using ... ... between links
On 2/20/2021 1:59 PM, Tom Furie wrote:
On 2021-02-20, Dale <dale@dalekelly.org> wrote:
I want to have three links on one line.
I can get the three links but the underline doesn't seem to break
between them.
<li><a href="https://en.wikipedia.org/wiki/Meta">Meta? </a>
<a href="https://en.wikipedia.org/wiki/Physics"> Physics? </a>
<a href="https://en.wikipedia.org/wiki/Metaphysics">
Metaphysics?</a><br/><br></li>
Put each link in its own <li> element and use CSS to format the list as a
single line.
I prefer a single CSS for my site
I did get it working using ...
between the links
Hi!
I want to have three links on one line.
I can get the three links but the underline doesn't seem to break
between them.
<a href="https://en.wikipedia.org/wiki/Meta">Meta? </a>
<a href="https://en.wikipedia.org/wiki/Physics"> Physics? </a>
<a href="https://en.wikipedia.org/wiki/Metaphysics"> Metaphysics?</a><br/><br></li>
On 2/20/2021 1:07 PM, Lewis wrote:
In message <dso46h.d65.17.1@news.alt.net> Dale <dale@dalekelly.org> wrote: >>> I can get the three links but the underline doesn't seem to break
between them.
Why would it? You have nothing between the links
<ul>
<li><a href="https://en.wikipedia.org/wiki/Meta">Meta? </a> >>> <a href="https://en.wikipedia.org/wiki/Physics"> Physics? </a>
<a href="https://en.wikipedia.org/wiki/Metaphysics">
Metaphysics?</a><br/><br></li>
</ul>
Put a nbsp; after the "</a>" Also, this is not the way to do this, you
are abusing the li tag.
I did find
what is the "abuse"?
it checks using W3C Validator ...
On 2/20/2021 11:50 AM, Dale wrote:
I want to have three links on one line.
I can get the three links but the underline doesn't seem to break
between them.
if you as   between the links there is space between the links on
the same line
On 2/20/2021 1:33 PM, 😉 Good Guy 😉 wrote:
Change your code to this:
<ul>
<li><a href="https://en.wikipedia.org/wiki/Meta">Meta?</a></li>
<li><a href="https://en.wikipedia.org/wiki/Physics">
Physics?</a></li>
<li><a
href="https://en.wikipedia.org/wiki/Metaphysics">Metaphysics?</a></li>
</ul>
Then use this css:
li {
display: inline-block;
font-size: 20px;
padding-right: 30px;
}
li:last-child {
margin-right: 0;
}
I don't prefer inline styles, just a whole one for my site
I did get it to work using ... ... between links
I prefer a single CSS for my site
I did get it working using ...
between the links
You are not producing an unordered list, you are using the UL and LI
tags to produce a layout on your screen. That is the role of CSS, not
HTML.
You should really first learn how HTML works at all.
On 2/20/2021 6:58 PM, Arno Welzel wrote:
You should really first learn how HTML works at all.
I might be a hack but I have been at it over 25 years
someone of it for work applications
On 2/20/2021 8:50 PM, Lewis wrote:
You are not producing an unordered list, you are using the UL and LI
tags to produce a layout on your screen. That is the role of CSS, not
HTML.
an ordered list was numbered I think
I'm a CSS beginner
my style sheet doesn't do much other than allowing for
1) different layout for computer, laptop/notepad, and smartphone
2) automatic resizing of elements to fit screen
got most of this from W3Schools
I remember when W3C had online learning, 25+ years ago
On 2/20/2021 6:58 PM, Arno Welzel wrote:
You should really first learn how HTML works at all.
I might be a hack but I have been at it over 25 years
someone of it for work applications
But the point they, too, are making, which you are*still* missing, is that you are*misusing* the “ul” element:
A list with*one* item is NOT actually a list.
I don't prefer inline styles, just a whole one for my site
I did get it to work using ... ... between links
Thank You anyhow!
On 20/02/2021 19:03, Dale wrote:
Well in that case just put your anchor tags in one line like so:
I don't prefer inline styles, just a whole one for my site
I did get it to work using ... ... between links
Thank You anyhow!
<a href="https://en.wikipedia.org/wiki/Meta">Meta?</a> | <a href="https://en.wikipedia.org/wiki/Physics">
Physics?</a> | <a href="https://en.wikipedia.org/wiki/Metaphysics">Metaphysics?</a>
It will work for you and it will also remove that ugly dot in-front of
your links. Hey it will work for you but what the heck if it is the
right way or not. That's what they did 25 years ago and you are a
veteran of that era. w3schools must have taught you that.
I am not sure whether you know it but W3Schools has NOTHING to do with
the "World Wide Web Consortium" or W3C for short. They have just
pinched the name to fool people like you and in some cases defraud as well.
I remember when W3C had a school and W3's was filled with advertisement
I always made sure I was using W3C
W3 is a lot better now, and I can't find W3C's anymore anyway ...
| Sysop: | Keyop |
|---|---|
| Location: | Huddersfield, West Yorkshire, UK |
| Users: | 251 |
| Nodes: | 16 (2 / 14) |
| Uptime: | 132:50:28 |
| Calls: | 5,524 |
| Calls today: | 1 |
| Files: | 11,671 |
| Messages: | 5,094,987 |