» »

CSS linkss over <img> ?!

CSS linkss over <img> ?!

Elemen_T ::

Ok tole je smotan! Sam sem si naredu problem ampak zadeva deluje čisto okej in bi jo, če se le da, rešil na tak način kot sem si jo "zakuhal"...

Stvar je pa takale:


vse kar je označeno s črno barvo je IMG. Linki pa so določeni s CSSjem.

Problem je pa ta, da v Mozilli vse dela ok, IE pa skrije CSS linke za IMG (bi reku - skratka se ne vidijo)...

Upam da razumete, če pa slučajno ne bom pa malo bolj natančno razložil.

Hvala za morebitne rešitve...

t3hn0 ::

kaj pa ce probas linkom v css-ju dodat se z-index?

primer:

a {
z-index: 10;
}
^.^

Elemen_T ::

t3hn0,

v bistvu gre za div css atribut
.glavalevo {
background: #718b95;
color: #FFFFFF;
width: 200px;
height: 70px;
float: left;
margin: 0px;
padding: 14px 0px 0px 0px;
}

t3hn0 ::

no ja, pa poiskusi temu divu pol dodat z-index :)) s tem naj bi probu dopovedat ieju z koordinato al ne vem kako bi se izrazu ;)

drugac pa...kaj ce bi dejnsko to sliko prikazal v oazdju diva? div bi zgledal normalno, recimo:

<div id="test"><a href="#">link1</a> <a href="#">link2</a> <a href="#">link3</a> <a href="#">link4</a></div>



v cssju bi pa tko nekak zgledal:
#test {
background: #718b95 url(pot_do_slike) top left no-repeat;
width: 200px;
....
}

#test a, #test ...
^.^

Hair ::

pa si prepričan da so linki dejansko tam (v IEju)? (če nisi, odstrani image da vidiš)
ker se mi zdi da bi bil lahko tuki problem tut pozicioniranje...

lp
Whenever people agree with me, I feel I must be wrong.

roli ::

Tudi sam se ukvarjam malo s CSSjem in sem naletel na problem kako prikazat tekst ćez sliko. Izbrskal sem tale način:

.xxx
{
display: block;
height: 50px;
width: 50px;
line-height: 46px;
background-image: url(1598.jpg);
}

Zanima me, če je tole OK za uporabit ali obstaja kak boljši način?
Še en problem je v primeru, da nekdo poveča velikost pisave v brskalniku- stvar lahko potem razlomi vse skupaj. Je kaka rešitev glede tega?
http://www.r00li.com

Zgodovina sprememb…

  • spremenil: roli ()

Elemen_T ::

sem ugotovil da sploh ni problem da se UL menu nebi hotel prikazat čez sliko ampak, kot je omenil Hairman - pozicioniranje!



kot lahko vidite internet explorer drugače prikaže UL kot firefox. (to je vrh strani)
koda za menu je pa čist plain

.headerright ul {
margin: 0px;

}

Kakšna ideja? Bi si upal trditi da tole ni tako redek primer...ali pač?

Zgodovina sprememb…

  • spremenil: Elemen_T ()

Elemen_T ::

Nobeden naletel na kej takega? :)

Hair ::

za vse obstaja rešitev... :P

probej dat še padding 0 - in isto naredi še a li.
drgač bi pa link tut znal pomagat ;)
Whenever people agree with me, I feel I must be wrong.


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1297336952 (61101) htmltroubles
»

Prikaz strani na različni resoluciji-Joomla

Oddelek: Izdelava spletišč
151864 (1592) kr?en
»

Problem prikaza #left-nav

Oddelek: Izdelava spletišč
5808 (775) slitkx
»

Wampserver in Firefox

Oddelek: Izdelava spletišč
61759 (1639) jonystar
»

CSS Lists - Seznami

Oddelek: Izdelava spletišč
211648 (1309) MrBrdo

Več podobnih tem