Luigi said:The following page has a table which contains the name of the provinces in
the region
http://www.scaiecat-spa-gigi.com/sv/toscana.html
I think I should have used a list though.
Can I write a list which looks like a table with different rows?
Paul said:<div id="navigation">
<ul class="menu">
<li><a href="index.php?">home</a></li>
<li> index.php?SCREEN=ecards.php">ecards</a></li>
</ul>
</div>
maybe it could have been:
<div>
<ul class="menu" id="navigation">
but that's how I saw a sample done
Paul Furman said:The setup for a horizontal list is bizzare. I just got it working so I
may misunderstand but aparently you need to set up the css for a list of
that style and a wrapper for it to sit in:
ul.menu {
display: inline;
list-style-type: none;
margin: 0;
}
#navigation li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
<div id="navigation">
<ul class="menu">
<li><a href="index.php?">home</a></li>
<li> index.php?SCREEN=ecards.php">ecards</a></li>
</ul>
</div>
maybe it could have been:
<div>
<ul class="menu" id="navigation">
but that's how I saw a sample done
Simplified to only two items, as shown on the bottom of:
http://hills.ccsf.edu/~pfurma02/index.php?SCREEN=web-ref.php
home ecards class-links html-links about contact
This will wrap if it's squeezed in a narrow window & that would probably
make a mess of your table if you have headers.
Luigi said:How would you center the list under the header
"Provinser i Toscana" on the page
http://www.scaiecat-spa-gigi.com/sv/toscana.html
Paul Furman said:Well, I used <center> but I think the following CSS is supposed to work
(or something along these lines):
margin-left: auto;
margin-right: auto;
Maybe applied to the div that contains them?
Luigi said:I used this style (38.css) at
http://www.scaiecat-spa-gigi.com/sv/test.html
but the list is still on the left
text-align: left;
Luigi said:I used this style (38.css) at
http://www.scaiecat-spa-gigi.com/sv/test.html
but the list is still on the left
Els said:"Paul Furman" <[email protected]> skrev i meddelandet
I used this style (38.css) at
http://www.scaiecat-spa-gigi.com/sv/test.html
but the list is still on the left
[snip stylesheet]
If you want to center something by using left and right
margins, you should also define a width.
Either define width and set the margins to auto, or define
the margins and set the width to auto.
Luigi said:Luigi said:"Paul Furman" <[email protected]> skrev i meddelandet
I used this style (38.css) at
http://www.scaiecat-spa-gigi.com/sv/test.html
but the list is still on the left
[snip stylesheet]
If you want to center something by using left and right
margins, you should also define a width.
Either define width and set the margins to auto, or define
the margins and set the width to auto.
I think you are right about the need of defininge a the margins and set
the width to auto or viceversa but the code which I wrote below and I used
as 38.css ( trying to get a better effect) is unfortunately not for a list
which does not have css bullets and is written horizontally. What is wrong
with it?
div.ulmenu {
display: inline;
list-style-type: none;
margin:auto;
padding: 0;
text-align:center;
width:50%
}
#navigation li {
display: inline;
list-style-type: none;
}
ul {
list-style:none;
margin:auto;
}
Els said:Luigi Donatello Asero wrote:
"Paul Furman" <[email protected]> skrev i meddelandet
I used this style (38.css) at
http://www.scaiecat-spa-gigi.com/sv/test.html
but the list is still on the left
[snip stylesheet]
If you want to center something by using left and right
margins, you should also define a width.
Either define width and set the margins to auto, or define
the margins and set the width to auto.
I think you are right about the need of defininge a the margins and set
the width to auto or viceversa but the code which I wrote below and I used
as 38.css ( trying to get a better effect) is unfortunately not for a list
which does not have css bullets and is written horizontally. What is wrong
with it?
I think this:
div.ulmenu {
display: inline;
list-style-type: none;
margin:auto;
padding: 0;
text-align:center;
width:50%
}
#navigation li {
display: inline;
list-style-type: none;
}
ul {
list-style:none;
margin:auto;
}
there is no div.ulmenu in the html file
just an div#navigation and a ul.menu.....
Luigi said:I think I make some basic mistake when I try to define classes and id:s.
I tried to change the html code and use a div class which is called
"stadsdelar" and used a new css style (39.css) but it does not validate
http://jigsaw.w3.org/css-validator/validator?uri=http://www.scaiecat-spa-gigi.com/sv/test.html
and I wonder which one line 0 is!
Els said:is the previous problem solved yet?
This stylesheet 39.css doesn't validate, because of the }
between the styles for div.stadsdelar and ul, at the bottom
of the stylesheet.
Luigi said:I had seen and corrected it but thanks anyway. What about the fact that
the list is still vertically aligned, though?
Els said:Change the last parts of your stylesheet to:
div.stadsdelar {
margin:auto;
padding:0;
text-align:center;
width:50%;
}
ul {
margin:auto;
list-style-type:none;
}
li {
display:inline;
}
Not the div.stadsdelar has to be displayed inline, but the
<li>'s.
Same goes for list-style-type, this apllies to the ul, not
to the div. You set it on both, but a div doesn't have a
list-style-type as far as I know.
Want to reply to this thread or ask your own question?
You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.