aligned to the left

  Legolas 16:51 02 Oct 2003
Locked

on my site click here the links within the drop down menu are all aligned to the left I have tried all I know to align them in the center can anyone help with this problem.

  Legolas 18:12 02 Oct 2003

Chris the Ancient Thanks for your reply I have posted this thread on the web design page as well as here as the web design page gets less traffic.

I could post the html code here but it might not come out very good but I will give it a try.



<!-- Keep all menus within masterdiv-->
<div id="masterdiv">


<div class="menutitle" onclick="SwitchMenu('sub1')">Site Menu</div>
<span class="submenu" id="sub1">
<a href="index.html"STYLE="TEXT-DECORATION: NONE"><font color=red SIZE=2>1.</font><FONT SIZE=2 TEXT>Homepage</a><br></FONT>

<a href="WOE.html"TARGET="row1col2"STYLE="TEXT-DECORATION: NONE"><font color=red SIZE=2>2.</font><FONT COLOR=#FFFFFF SIZE=2>A Word of Encouragement</a><br></FONT>
<a href="search.html"STYLE="TEXT-DECORATION: NONE"><font color=red SIZE=2>3.</font><FONT SIZE=2>Search the web or the Bible</a><br></FONT>

</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">Archives</div>
<span class="submenu" id="sub2">

<a href="archives1.html"TARGET="row1col2"STYLE="TEXT-DECORATION: NONE"><font color=red SIZE=2>1.</font><FONT COLOR=#FFFFFF FONT SIZE=2>The power to choose</a><br></FONT>
</span>

<div class="menutitle" onclick="SwitchMenu('sub3')">Links</div>
<span class="submenu" id="sub3">
<a href="click here"STYLE="TEXT-DECORATION: NONE"><font color=red SIZE=2>1.</font><FONT SIZE=2>Joyce Meyer- A great bible teacher</a><br></FONT>
<a href="click here"STYLE="TEXT-DECORATION: NONE"><font color=red SIZE=2>2.</font><FONT SIZE=2>Hopehall Church- My home church in Paisley,Scotland</a><br></FONT>
<a href="click here"STYLE="TEXT-DECORATION: NONE"><font color=red SIZE=2>3.</font><FONT SIZE=2>The Isle of Arran-A pictorial tour of Arran</a><br></FONT>
<a href="click here"STYLE="TEXT-DECORATION: NONE"><font color=red SIZE=2>4.</font><FONT SIZE=2>William Branham-Listen to Branhams sermons and find out about this remarkable Man of God</a><br></FONT>

</span>

</div>




<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#800040n;
color:#FFFF00;
width:145px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid# 800040n;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

<script type="text/javascript">

/***********************************************
* Switch Menu script- by Martial B of click here
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit click here for full source code
***********************************************/

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
el.style.display = "center";

}
}
}

</script>

  Legolas 18:14 02 Oct 2003

The above post shows the code for the drop down menu on my site.

  Legolas 18:20 02 Oct 2003

This is the link to the frame with the menu code click here

  Legolas 18:32 02 Oct 2003

This is the link to the frame with the menu code
click here

  Legolas 18:58 02 Oct 2003

Chris the Ancient Thanks for the reply I can enter an align text ="center" command but it aligns the menu entries vertcally i.e. between one link and the next, rather than in the center of the drop down menu which is what I am looking for but thanks again for trying.

  Legolas 21:19 02 Oct 2003

slowhand_1000 Thanks for your input I have added it to my page and it works on one level, it centers the links but for some reason it causes the scoll bars to appear and there is a lot of wasted space.

  Legolas 09:58 03 Oct 2003

slowhand_1000 Thanks for the time and trouble you have taken over this and as you can see it works great.

Chris the Ancient Thanks for your input and don't feel bad about it ;-)

This thread is now locked and can not be replied to.

Elsewhere on IDG sites

OnePlus 6T McLaren edition costs more and charges faster

Climate change, War and #MeToo: 'Ugly Truth' Christmas jumpers show the dark side to modern life

New Apple Products 2019: Predicting the new Apple products coming soon

Samsung Galaxy S10 : date de sortie, prix et autres rumeurs