/    Sign up×
Community /Pin to ProfileBookmark

Can anyone help?

Copy linkTweet thisAlerts:
Dec 24.2005

[B]On my website i want to separate the titles from each other. Do you know what i mean? They are all crushed together and I want to space them out somehow but I don’t know how to. Can anyone please help me?
Thanks,
Katie.

[url]www.geocities.com/katiefleur[/url][/B]

?

to post a comment
Full-stack Developer

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYDec 24.2005 — Hi,

replace
<i>
</i>&lt;font size="5"&gt;&lt;A HREF="Molly.html"&gt;Molly's Page&lt;/A&gt;&lt;/font&gt;&lt;font size="5"&gt; &lt;A HREF="Toy.html"&gt;Toys Page&lt;/A&gt;&lt;/font&gt; &lt;font size="5"&gt;&lt;A HREF="Cherisse.html"&gt;Cherisse's Page&lt;/A&gt;&lt;/font&gt; &lt;font size="5"&gt;&lt;A HREF="Pictures.html"&gt;The Faders Picture Gallery&lt;/A&gt;&lt;/font&gt; &lt;font size="5"&gt;&lt;A HREF="Lyrics.html"&gt;Song Lyrics Page&lt;/A&gt;&lt;/font&gt; &lt;font size="5"&gt;&lt;A HREF="guestbook.html"&gt;Sign the guestbook&lt;/A&gt;&lt;/font&gt;


with:
<i>
</i>&lt;ul id="menu"&gt;
&lt;li&gt;&lt;a href="Molly.html" title=""&gt;Molly's Page&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="Toy.html" title=""&gt;Toys Page&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="Cherisse.html" title=""&gt;Cherisse's Page&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="Pictures.html" title=""&gt;The Faders Picture Gallery&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="Lyrics.html" title=""&gt;Song Lyrics Page&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="guestbook.html" title=""&gt;Sign the guestbook&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;


with this CSS
<i>
</i>ul#menu{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
ul#menu li{
float: left;
width: 15%;
margin: 0 1em;
}


Tu parles français?
Copy linkTweet thisAlerts:
@katiefleurauthorDec 27.2005 — Wow thank you so much lilcrazyfuzzy! ?
Copy linkTweet thisAlerts:
@katiefleurauthorDec 27.2005 — Is there any way it could be set out from left to right instead of from top to bottom?
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYDec 29.2005 — sorry what do you mean?
Copy linkTweet thisAlerts:
@LJKDec 29.2005 — Hi -

If you are wanting it to be horizontal instead of vertical, here's one possible

layout method - hope it helps!

[code=html]
<html>
<head>
<title>horizontalNav</title>
<style type="text/css">
body{
width:100%; height:100%; margin:0; padding:0; font-size:1em;
text-align:center; background:silver none;}
div.contain{
width:90%; margin:20px auto; padding:10px; background:white none;
font-family:"verdana", "geneva", sans-serif;}
h1{
color:maroon; font-size:1em; margin:10px auto 20px auto; width:90%;}
ul{
margin:0 auto; padding:0; width:100%; text-align:center;}
ul li{
margin:0 auto; list-style-type:none; padding:0;
font-size:.75em; font-weight:bold; width:16%;
float:left;}
li a{
text-decoration:none; margin:0 auto; padding:5px;
height:25px; width:90%; display:block;}
li a:link, li a:visited{
color:#333333; border:1px solid black; background:silver none;}
li a:focus, li a:hover{
color:gray; border:1px solid silver; background:#ececec none;}
</style>
</head>
<body>
<div class="contain">
<h1>Unordered List for Hz. Navigation</h1>
<ul>
<li><a href="Molly.html" title="">Molly's Page</a></li>
<li><a href="Toy.html" title="">Toys Page</a></li>
<li><a href="Cherisse.html" title="">Cherisse's Page</a></li>
<li><a href="Pictures.html" title="">Picture Gallery</a></li>
<li><a href="Lyrics.html" title="">Song Lyrics Page</a></li>
<li><a href="guestbook.html" title="">Guestbook</a></li>
<br style="clear:both;" />
</ul>
</div>
</body>
</html>
[/code]

Good luck,

El
×

Success!

Help @katiefleur 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.17,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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