Pitanje iz CSS-a Problem je u razlicitom prikazivanju sledeceg koda u FF-u i IE-u

  • 6 odgovora
  • 3.744 pregleda
Pitanje iz CSS-a Problem je u razlicitom prikazivanju sledeceg koda u FF-u i IE-u 20.04.2006. u 15:38 · pre 249 meseci #1
Problem je u razlicitom prikazivanju sledeceg koda u FF-u i IE-u

Code:

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
.meni a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bolder;
    height: 20px;
    padding: 5px 10px 0px 10px;
    color: #CCCCCC;
    visibility: visible;
    display: block;
    text-decoration: none;

} 

.meni a:hover {
    color: #FFFFFF;
    background-color: #999999;
}

.meni ul {
  margin: 0;
  padding: 0;
}

.meni li {
    float: left;
    list-style-type: none;
    margin:0;
    padding:o;
    }
-->
</style>
</head>

<body>
<span class="meni">
<ul>
<li><a href="www.link1.com">link1</a></li>
<li><a href="www.link2.com">ovde ide link2</a></li>
</ul>
</span>
</body>
</html>



U IE-u sirina bloka je 100% dok je u FF-u prilagodjena duzini linka. Zanima me kako da mi se u IE-u prikazuje isto kao u FF-u. Pokusavao sam sa parametrom width ali nisam uspeo.

[Ovu poruku je menjao Aleksandar Marković dana 25.04.2006. u 18:03 GMT+1]
Re: Pitanje iz CSS-a 20.04.2006. u 21:39 · pre 249 meseci #2
Ne znam tacno sta si hteo, ali ovako izgleda isto u oba citaca:

Code:

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
.meni a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bolder;
    height: 20px;
    padding: 5px 10px 0px 10px;
    color: #ccc;
    visibility: visible;
    /*display: block;*/
    text-decoration: none;

} 

.meni a:hover {
    color: #fff;
    background-color: #999;
}

.meni ul {
  margin: 0px;
  padding: 0px;
}

.meni li {
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
clear:left;
    }
-->
</style>
</head>

<body>
<span class="meni">
<ul>
<li><a href="www.link1.com">link1</a></li>
<li><a href="www.link2.com">ovde ide link2</a></li>
</ul>
</span>
</body>
</html>

Re: Pitanje iz CSS-a 21.04.2006. u 13:50 · pre 249 meseci #3
display: block; treba da ostane jer visina mora da bude 20px a sirina da se prilagodi linku
ovako kako si mi ti napisao sirina je ok ali visina nije dobra.
Re: Pitanje iz CSS-a 21.04.2006. u 14:20 · pre 249 meseci #4
Provaj s
Code:
display:inline-block;
nije baš css validno, al bi trebalo radit :)
Re: Pitanje iz CSS-a 22.04.2006. u 10:40 · pre 249 meseci #5
ni sa display:inline-block; ne izgleda kako treba, u FF-u se poremeti
Re: Pitanje iz CSS-a 23.04.2006. u 22:05 · pre 249 meseci #6
Evo probaj ovo:

Code:

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
.meni a{
float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bolder;
    height: 20px;
    padding: 5px 10px 0px 10px;
    color: #CCCCCC;
    visibility: visible;
    display: block;
    text-decoration: none;
} 

.meni a:hover {
    color: #FFFFFF;
    background-color: #999999;
}

.meni ul {
display: inline;
  margin: 0;
  padding: 0;
}

.meni li {
    float: left;
    list-style-type: none;
    margin:0;
    padding:0;
    }
-->
</style>
</head>

<body>
<span class="meni">
<ul>
<li><a href="www.link1.com">link1</a></li>
<li><a href="www.link2.com">ovde ide link2</a></li>
</ul>
</span>
</body>
</html>
Re: Pitanje iz CSS-a 25.04.2006. u 14:22 · pre 249 meseci #7
hvala gocca to mi je trebalo
Prijavite se da biste odgovorili u ovoj temi.PrijavaRegistracija

Premeštanje teme