Autor Zpráva
pan.kolouch
Profil *
#1 · Zasláno: 2. 1. 2006, 11:12:05
Odpovědět Citovat
Mám web, kde mám např

<div id="text">
<a href="#" title="">Odkaz</a>
</div>

v css pak

#text a {
color: white;
background: black;
padding: 0 2px;
}

#text a:hover {
color: black;
background: white;
}

Funguje to skvěle. Jenomže teď chci přidat do stránky obrázek, který bude odkazem (galerie) a i když nastavím
<a href="#" title=""><img class="obrazek" src="#" alt="" /></a>

a v css pak vlastnosti pro .obrazek, tak stejně element a zdědí vlastnosti z #text a atd...

Zajímá mě způsob jakým to řeší ostatní ?

Dáváte ke každému odkazu class a nedefinujete a + a:hover pro celý div ? Nebo vložit text a obrázky do samostatných divů ? Zajímá mě co nejjednodušší způsob fungující pro ff, ie a operu. Nějak se v tom totiž začínám motat :-( Díky všem za rady ..
Martin Kuželka
Profil
#2 · Zasláno: 2. 1. 2006, 11:13:39
Odpovědět Citovat
stačí #text a img{}
pan.kolouch
Profil *
#3 · Zasláno: 2. 1. 2006, 11:48:42
Odpovědět Citovat
Nějak mě to nejde :-( Mám galerii, kde jsou vždy dva obrázky vedle sebe. Nejdříve jsem to zkoušel pomocí float: left a každý obrázek dát do divu, a v tom divu jsem měl i popis obrázku, jenomže to se zobrazovalo špatně v exploreru, protože pravý div byl vždy o něco vyšší než levý, i když byl nastaven stejně, tak jsem to zkusil předělat jen obrázky do tabulky a to zase při efektu a:hover dělá nějaký nesmyslný kousek rámečku vespod obrázku. Fakt už nevím :-(
habendorf
Profil
#4 · Zasláno: 2. 1. 2006, 11:53:41
Odpovědět Citovat
Dej sem link ať to vidíme.
pan.kolouch
Profil *
#5 · Zasláno: 2. 1. 2006, 12:04:34
Odpovědět Citovat
www.celticcross.cz/fotogalerie.php

css je už trošku promazané, protože mě to už fakt nemyslí :-( jsou tam i nějaké blbosti v kódu, prostě jsem zkoušel snad vše ..
habendorf
Profil
#6 · Zasláno: 2. 1. 2006, 12:27:32
Odpovědět Citovat
Fajn. A v čem je problém?

Jestli jde o ty obrázky v odkazech, osobně bych z toho vyházel ty divy a ty breaky, nechal bych tam jen
<a class="fotka" href="#"><img src="galerie/144.jpg" alt="alena s radkou" />U Vystřelenýho voka</a>,
a
a.fotka, a.fotka img {display:block},
doplnit rozměry, floaty a hover a musí to fachat.
pan.kolouch
Profil *
#7 · Zasláno: 2. 1. 2006, 12:46:57
Odpovědět Citovat
Ale nefachá v ie to má pořád fialový rámeček a pořád to dědí vlastnosti z #text a, #text a:hover; asi se na to vyse*u :-( Ale stejně dík ..
xsigik
Profil *
#8 · Zasláno: 2. 1. 2006, 20:48:33
Odpovědět Citovat
k tomu fialovýmu rámečku u obrázku co je jako odkaz:
a img {
border: 0px;
}
Anonymní
Profil *
#9 · Zasláno: 3. 1. 2006, 07:21:21
Odpovědět Citovat
Problém je v tom, že já tam v podstatě border chci. Normálně bude třeba černý a při a:hover bude bílý, spíš nevím postup, jak zrušit dědičnost z #text a, #text a:hover; prostě jak to vymazat, ale aby to fachalo i v ie ..
Lukáš M
Profil
#10 · Zasláno: 3. 1. 2006, 10:35:28
Odpovědět Citovat
Anonymní
co dát obrázkovým odkazům nějakou třídu a tu si přestylovat?
pan.kolouch
Profil *
#11 · Zasláno: 3. 1. 2006, 12:25:50
Odpovědět Citovat
Lukáš M

to právě nějak nefunguje, tohle jsem zkoušel jako první věc.
Noira
Profil *
#12 · Zasláno: 4. 1. 2006, 11:02:52
Odpovědět Citovat
Taky se s tím morduju.
Mám v hlavní stránce (div content)
#content a:link, #content a:visited, #content a:hover { nějaký padding, barva na pozadí atd...}

a když vložím do odkazu obrázek, přikresluje mi to ten padding a barvu.
Přebít to třídou u odkazu nebo obrázku nefunguje.
Co funguje je další kontextová deklarace - zabalit do divu .jiny ale to se mi zdá šílený. Opravdu to jinak nejde, jak už mám jednou deklarované odkazy v divu content?

#content div.jiny a:link {
...
}
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0