detonator.ic.cz

kód je celkom dobrý ale co sa týka designu, nic moc.

ziaden hover efekt

Scumo : ve striktním html mi to dělá taky problémy
mrkni se na : http://www.davidjindra.net/11/ to menu nahoře sem vyřešil takhle :
HTML:
<a href="index.html" title="Aktivní strana" class="Auvod">&nbsp;</a>
<a href="reference.html" class="reference">&nbsp;</a>
<a href="cenik.html" class="cenik">&nbsp;</a>
<a href="kontakt.html" class="kontakt">&nbsp;</a>
CSS:

a.Auvod{
background-image: url(images/tlacitka/uvod_a.jpg);
background-repeat: no-repeat;
width: 99px;
height: 69px;
padding-left: 99px;
padding-top: 69px;
}
a.uvod{
background-image: url(images/tlacitka/uvod_b.jpg);
background-repeat: no-repeat;
width: 99px;
height: 69px;
padding-left: 99px;
padding-top: 69px;

}

a.uvod:hover{
background-image: url(images/tlacitka/uvod_a.jpg);
background-repeat: no-repeat;
width: 99px;
height: 69px;

}
a.reference{
background-image: url(images/tlacitka/reference_b.jpg);
background-repeat: no-repeat;
width: 154px;
height: 69px;
padding-left: 154px;
padding-top: 69px;

}

a.reference:hover{
background-image: url(images/tlacitka/reference_a.jpg);
background-repeat: no-repeat;
width: 154px;
height: 69px;

}
a.Acenik{
background-image: url(images/tlacitka/cenik_a.jpg);
background-repeat: no-repeat;
width: 104px;
height: 69px;
padding-left: 99px;
padding-top: 69px;
}
a.cenik{
background-image: url(images/tlacitka/cenik_b.jpg);
background-repeat: no-repeat;
width: 104px;
height: 69px;
padding-left: 104px;
padding-top: 69px;

}

a.cenik:hover{
background-image: url(images/tlacitka/cenik_a.jpg);
background-repeat: no-repeat;
width: 104px;
height: 69px;

}
a.kontakt{
background-image: url(images/tlacitka/kontakt_b.jpg);
background-repeat: no-repeat;
width: 104px;
height: 69px;
padding-left: 120px;
padding-top: 69px;

}

a.kontakt:hover{
background-image: url(images/tlacitka/kontakt_a.jpg);
background-repeat: no-repeat;
width: 120px;
height: 69px;

}

Obsahová část vypadá nepřehledně, je rozkouskovaná přemírou <hr>. První z čar okolo rubriky a data by tam určitě neměla být a ta druhá taky není potřeba, protože text už tak je barevně a velikostně dost odlišen. Rozdělující čáry mají zpřehledňovat text, ale když je jich moc jako tady, mají spíš opačný efekt.

Scumo
mas tamtext co ma dole odraz, jak a v cem to delas, me se to mac libi.
dělá se to v grafickém editoru... stačí duplikovat ten text, překlopit jej a dát mu třeba gradient do ztracena...

Scumo
podtrhávej (či nějak odliš) odkazy
blbne ti kodování
text nepatří do divu... atd

Scumo : mám Photoshop 9 CS2, 100% spokojenost
asi jednodušší bude když dáš jen to podtrhávání, změna obrázku by si vyžádala preload
a to je trochu z jiného soudku.

Scumo
text nepatří do značky <div>

Scumo



a odkaz také ne:


Menu patří do <ul> či <menu> a jednotlivé odkazy do <li>

Scumo
(jen nebudu "validni" kod)
Cože?

stejné to nebude... bude to semantické...

V IE 7 se mi nezobrazuje favicon, protože je to GIF. Myslíš, že když dáš na vola ceduli býk, že oplodní krávu?
Chybí ti tam meta tag pro kódování.

Scumo
přes css:

ul {list-style-type: none;}

Scumo
a class="menu" můžeš přímo přiřadit ul a budeš mít o zbytečná div méně...

Scumo
float

dal sem prikaz s "favicon.ico"
tet jsem to opravil a ukazuje to normalne, je to ICO!!!!!
Zasekává se ti klávesnice (!) a tag, kterému říkáš příkaz, nic neopravil, v IE 7 se pořád ten tvůj přejmenovaný GIF jako favicon nezobrazuje:
www.totalvalidator.com/images/snapshot10630.jpg

Pro srovnání, stránka s opravdovou favicon a bez "příkazu":
www.totalvalidator.com/images/snapshot10614.png

Scumo
mohl bys přidat ten meta tag pro kódování?
nezmenšuj obrázky pomocí css
chybí ti nějaké ty hovery
atd...

Tady máš opravdový soubor favicon.ico, stačil IrfanView.
http://teststranek.kvalitne.cz/images/favicon.ico