Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

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

[es] :: Web dizajn i CSS :: Pitanje iz CSS-a Problem je u razlicitom prikazivanju sledeceg koda u FF-u i IE-u

[ Pregleda: 2710 | Odgovora: 6 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

E-one
Ivan Lazarevic
Beograd

Član broj: 45404
Poruke: 54
*.dial.b92.net.



Profil

icon Pitanje iz CSS-a Problem je u razlicitom prikazivanju sledeceg koda u FF-u i IE-u20.04.2006. u 15:38 - pre 218 meseci
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]
 
Odgovor na temu

broker

Član broj: 2415
Poruke: 8514
212.62.59.*



+11 Profil

icon Re: Pitanje iz CSS-a20.04.2006. u 21:39 - pre 218 meseci
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>

 
Odgovor na temu

E-one
Ivan Lazarevic
Beograd

Član broj: 45404
Poruke: 54
*.dial.b92.net.



Profil

icon Re: Pitanje iz CSS-a21.04.2006. u 13:50 - pre 218 meseci
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.
 
Odgovor na temu

VRKY

Član broj: 21087
Poruke: 4690
*.adsl.net.t-com.hr.



+8 Profil

icon Re: Pitanje iz CSS-a21.04.2006. u 14:20 - pre 218 meseci
Provaj s
Code:
display:inline-block;
nije baš css validno, al bi trebalo radit :)
 
Odgovor na temu

E-one
Ivan Lazarevic
Beograd

Član broj: 45404
Poruke: 54
*.dial.b92.net.



Profil

icon Re: Pitanje iz CSS-a22.04.2006. u 10:40 - pre 218 meseci
ni sa display:inline-block; ne izgleda kako treba, u FF-u se poremeti
 
Odgovor na temu

gocca

Član broj: 18508
Poruke: 9
*.mobile.carnet.hr.



Profil

icon Re: Pitanje iz CSS-a23.04.2006. u 22:05 - pre 218 meseci
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>
 
Odgovor na temu

E-one
Ivan Lazarevic
Beograd

Član broj: 45404
Poruke: 54
*.dial.b92.net.



Profil

icon Re: Pitanje iz CSS-a25.04.2006. u 14:22 - pre 218 meseci
hvala gocca to mi je trebalo
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Pitanje iz CSS-a Problem je u razlicitom prikazivanju sledeceg koda u FF-u i IE-u

[ Pregleda: 2710 | Odgovora: 6 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.