Help.... Svadjaju se IE i FF

[ Ivan Miladinović @ 27.03.2005. 15:32 ] @

Daklem... Sve je u sustini OK... ali...
Imam jedan problem sa slikama.
koristim ovaj css:

Code:
.gornjimeni {
    font-family: Verdana;
    font-size: 10px;
    text-transform: none;
    color: #333333;
}
.gornjimeni a:link
{
color:#333333;
font-family: Verdana;
font-size: 10px;
text-decoration:none
}
.gornjimeni a:visited
{
color:#333333;
font-family: Verdana;
font-size: 10px;
text-decoration:none
}
.gornjimeni a:hover
{
color:#000000;
font-size: 10px;
font-family: Verdana;
text-decoration:none
}
.gornjimeni a:active
{
color:#000000;
font-size: 10px;
font-family: Verdana;
text-decoration:none
}

I na textovima radi, a sta da mu URADIM da na IE radi kao na FF tj. da mi okvir oko slika (koje su linkovane na vece slike) prikazuje u BOJAMA koje ja zadam a ne default boje "plava i ljubicasta".

[ Br@nkoR @ 27.03.2005. 15:58 ] @

Postuj i html kod koji koristiš.
Probaj da boder atribut u img tagu postaviš na nulu.

[ Ivan Miladinović @ 27.03.2005. 16:08 ] @

Code:
<td width="48%" height="145" bgcolor="#CCCCCC">
<p class="mainsheet"><a onClick='window.open("","clickvote","width=630,height=450, resizable=no,menubar=no,scrollbars=no,top=50,left=50");'
href="htmls_for_images/1kopanjetemeljaBIG.htm" target=clickvote>
<font color=#333333><img src="images/1istorijat-temeljeTHUM.jpg" width="150" height="107" hspace="15" vspace="15" border="2"></font></a></p></td>

Kad ga postavim na nulu, nemam border. A nije mi to poenta. U FF sve radi kako treba...
Nije mi jasno zasto je to tako???

P.S.: Vidim da mi kod nije sredjen ali sta cu... U zurbi sam... :-)

[ Br@nkoR @ 27.03.2005. 16:13 ] @

Kreiraj nove klase koje ćeš koristiti za linkove koji vode ka slikama i dodeli im css osobine:

Code:
border: 1px solid #000;

Ti samo dodaj koje ti hoćeš boje za border.

Npr.
html:

Code:
<a href="#" class="slika"><img src="slika.jpg" width="150" height="100" border="0" alt="nesto" /></a>

css:

Code:

a.slika:link, a.slika:visited {
border: 3px solid #999;
}
a.slika:hover, a.slika:active {
border: 3px solid #000;
}

[ Ivan Miladinović @ 27.03.2005. 17:24 ] @

Nisam sacekao da postujes ovaj drugi deo. Video sam samo ovaj prvi code.
Napravio sam klasu slike, ciji je sadrzaj bio taj code. Linkovao na svaku sliku i to radi. Bravo Br@nkoR care!

Nego jEl mogu da te pITAm neshto... Gde si sve to o css-u procitao naucio i tome slicno... Jel to iskustvo ili samo jedno. A to su dve stvari. Rad, red i disciplina... :-)
Ako je neka knjizica za CSS? Raspolozen sam i da $ da dodjem do nje... Ako ne tako postavi link do iste... -)

[ Goran Rakić @ 27.03.2005. 18:33 ] @

Bolje je umesto nove klase koristiti prigodan selektor:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
  a img { border: 4px red solid; }
  a:hover img { border: 4px black solid; }
</style>
</head><body>
  <a href="#">Obican tekst link</a><br/>
  <a href="#"><img src="http://www.goranrakic.com/tmp/ajax.png" alt="Ajax"></a>
</body></html>

[ Br@nkoR @ 27.03.2005. 19:10 ] @

Prvo da se izvinim što sam tako postovao, jer sam smatrao da nisi video poruku pa sam dodao kod jer je bilo u kratkom razmaku, pa sam jednostavno izmenio poruku.

A što se tiče odakle sam naučio, ukoliko ti kažem moraću da te ... :) Šalim se.
Uglavnom većinu stvari sam naučio iz css specifikacije, nisam pročitao nijednu knjigu koja se odnosi na css, zatim tu su razni strani blogovi, zatim čitanjem postova sa es od ljudi koji to mnogo bolje znaju od mene, zatim gledanjem radova drugih ljudi, gledanjem njihovog koda i isprobavanjem raznih stvari.

Ja ono što ti preporučujem da pročitaš css specifikaciju jer većina rešenja problema nalaze se tu.

Pozdrav.