PDA

View Full Version : displaying regular space

quentin
05-14-2005, 12:17 AM
how can I get this working ?



<div id="menu">
<a href="menu1">menu 1</a> <a href="menu2">menu 2</a> <a href="menu3">menu 3</a> <a href="and so on any number...
</div>





#menu{
width:100%;
height:6%;
vertical-align:middle;
text-align:center;
}
#menu a{
width:80px;
height:24px;
vertical-align:middle;
text-align:center;
}



and I want a regular space everywhere (X and Y)
how can i do it?

thank you
harbingerOTV
05-14-2005, 01:46 AM
like this?


#menu a{
width:80px;
height:24px;
text-align:center;
display: block;
float:left;
border: 1px solid #ccc;
}


I added the border just for a visual of the text placement.
quentin
05-14-2005, 07:23 AM
of course not :-)
i have tried it allready




<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title> align x </title>
<style type="text/css">
<!--
body
{
text-align:center;
background-color:brown;
color:;
}
#menu{
width:auto;
height:6%;
vertical-align:middle;
text-align:center;
margin:auto;
background-color:tan;
padding:1em;
}
#menu a{
width:80px;
height:24px;
text-align:center;
display: block;
float:left;
border:1px solid brown;
background-color:white;
color:brown;
text-decoration:none;
margin:auto;
}
-->
</style>
</head>
<body>
<div id="menu">
<a href="#">menu 1</a> <a href="#">menu 2</a><a href="#">menu 3</a> <a href="#">menu 4</a><a href="#">menu 5</a> <a href="#">menu 6</a>
<div style="clear:both;font-size:0px; "></div>
</div>
</body>
</html>




it works for no brwosers
trancedm
05-14-2005, 12:29 PM
what do you mean by regular space?
quentin
05-14-2005, 12:31 PM
exactly the same ... equals
harbingerOTV
05-14-2005, 01:23 PM
can you maybe draw a picture of what your wanting to do?

Do you want the space around the links themselves to be the same size no matter what the link says?
quentin
05-14-2005, 01:54 PM
<div>
]space[link]space[link]space[link]space[link]space[link]space[
</div>

div => width:100%; tex-align:center;
link => width:100px
space => width: dynamic

the spaces must have all the same width
the links must be displayed on the 100% space


]-------link-------link-------link-------link-------[

thank you
quentin
05-29-2005, 12:54 PM
any good idea is welcome