Potřebuji odstranit mnoho divů :-(

Já to dělám v PSPadu, že třeba řetězec:
<div id="historie"><div class="okraj-1"><div class="okraj-2"><div class="okraj-3"><div class="okraj-4">
dám nahradit řetězcem:
<div id="historie">
a ty </div></div></div></div></div></div></div></div></div>
zase jen </div>

v celém adresáři a podadresářích...

V PSPadu dáš hledání v souborech a tady máš obrazovku:
http://www.obcasnicek.nazory.cz/ruzne/mnoho_divu.gif

Já se obávám, že pokud tam má být tolik těch kulatých rohů, zůstane tam divů jak v tabulce, asi by bylo lepší použít js http://www.sitepoint.com/print/rounded-corners-css-javascript , jenže v tomhle případě tam je navíc větší množství těch rohů na pozadí, takže ani js by to možná zas tolik nezkrátil. Ale rozhodně bych to zkusil, přeci jen přes 100 divů na jedné stránce, to je fakt drsný. Jinak vypadá to moc pěkně, jestli se ti nechce do toho js, tak si zkus do css nadělat poznámky a všechny classy a ídéčka přepiš na jednopísmená, to asi taky v tomhle případě hodně změní poměr objemu kódu vůči datovému objemu skutečného obsahu.

Nebo si na ty kulaté rohy udělat obrázky.

2Kráťa

Byls rychlejší, ty obrázky by fakt byly lepší. Možná by to bylo i míň dat než s těmi DIVy :)

Moc děkuji za nápady :)

- no do toho javascriptu nepůjdu, když má někdo vypnutý js, tak tam moc grafiky nebude.

-co se týče obrázků přímo do zdrojáku, tak tam je to problém, zkoušel jsem to a při opačných rozích se tam mudí dát hodně jiných divů, toto určitě není řešení

-jinak css s těmi obrázky je tu:

.okraj-1 {background: #fff url("../img/okraj-1.gif") repeat-x scroll 0% 0%}
.okraj-2 {background: #fff url("../img/okraj-2.gif") repeat-y scroll 100% 0%; background-color: transparent}
.okraj-3 {background: #fff url("../img/okraj-3.gif") repeat-x scroll 100% 100%; background-color: transparent}
.okraj-4 {background: #fff url("../img/okraj-4.gif") repeat-y scroll 0% 100%; background-color: transparent}
.roh-1 {background: #fff url("../img/roh-1.gif") no-repeat scroll 0% 0%; background-color: transparent}
.roh-2 {background: #fff url("../img/roh-2.gif") no-repeat scroll 100% 0%; background-color: transparent}
.roh-3 {background: #fff url("../img/roh-3.gif") no-repeat scroll 100% 100%; background-color: transparent}
.roh-4 {background: #fff url("../img/roh-4.gif") no-repeat scroll 0% 100%; background-color: transparent; padding: 10px}
.okraj-1-0 {background: #fff url("../img/okraj-0.gif") repeat-x scroll 0% 0%}


- asi se dá využít pouze nápad na přejmenování :)
- jo a zapoměl bych, zkuste si zvětšit písmo :-) právě toho sem chtěl dosáhnout

Našel jsem hezký odkaz na css3
http://www.w3.org/TR/css3-border/#the-border-image-uri

tak bych to asi v budoucnu řešil následovně např.

#menu {
border-top-image: url("../img/okraj-1.gif");
border-left-image: url("../img/okraj-2.gif");
border-bottom-image: url("../img/okraj-3.gif");
border-right-image: url("../img/okraj-4.gif");

border-top-left-image: url("../img/roh-1.gif");
border-top-right-image: url("../img/roh-2.gif");
border-bottom-left-image: url("../img/roh-3.gif");
border-bottom-right-image: url("../img/roh-4.gif")
}

jinak, ty stranky vypadaji dost pekne! Jako koder nejsi asi zadna hvezda ale aspon mas cit a vkus (coz je lepsi, kodovani se na naucit, ale kdyz se nekomu libi 10 ruznych blikajicich fontu na jedne strance je to navzdy v prdleli)

díky moc, to potěší :-)

Jinak ještě doplním, že se webům věnuji zatím rok, co čekáte? :-D