/    Sign up×
Community /Pin to ProfileBookmark

Position Table At Specific Location

Hi,
I have a question regarding table. So far I managed to position my table with left, center, and right alignment. Is it possible to position my table to a specific location, say in between center alignment and right alignment?
I have a one column table and the source is attached below.

Thanks for your attention, I appreciate it!

-Jim

<div id=”ourServicesMenuContainer”>
<div id=”ourServicesMenuContent” class=”menu”>
<table border=0 cellspacing=0 cellpadding=0 width=140>
<tr><td><a href=”begWaterSki.html” ></a></td></tr>
<tr><td><a href=”slalom.html”></a></td></tr>
<tr><td><a href=”wake.html”></a></td></tr>
<tr><td><a href=”bareFooting.html”></a></td></tr>
<tr><td><a href=”hydroFoiling.html”></a></td></tr>
</table>
</div>
</div>

to post a comment
HTML

2 Comments(s)

Copy linkTweet thisAlerts:
@Ben_RogersJul 09.2004 — Well, I'd like to know why you're using tables for layout- that doesn't look like tabular data to me. Have you heard of CSS? <http://www.w3schools.com/css/>
Copy linkTweet thisAlerts:
@brujim2authorJul 09.2004 — Hi,

Thanks for your reply. The source I provided is actually called by Javascript. It's a drop down menu. You can view the drop down menu at www.waterski-school.com.

The html code contains the css code (attached below) but I am not familiar with css.

Please shade some lights on how to position the menu say without javascript because it gives me error.

Thanks...Jim

<style type="text/css">

body {
font-size:11px;
font-family:arial, sans-serif;
color:#444444;
}
#menubar {
position:relative;
width:450px;
}
#menubar a {
color:#AD5800;
letter-spacing:1px;
text-decoration:none;
}
#menubar a.active {
border-bottom-color:#CCC599;
border-right-color:#CCC599;
border-left-color:#FFFFFF;
border-top-color:#FFFFFF;
}
.menu .options {
margin-right:1px;
margin-bottom:1px;
border:1px solid #AD5800;
background-color:#F9F1C8;
}
.menu a {
color:#AD5800;
display:block;
text-decoration:none;
background-color:transparent;
}
.menu a:hover {
background-color:#AD5800;
color:#FAF7E1;
}

#about {
position:absolute;
left:5px;
top:200px;
}

</style>
×

Success!

Help @brujim2 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.26,
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,
)...