HTML szerkesztés
-
#1271
"Ha táblát csinálok, akkor nem tudok megadni neki háttérképet, mert a tábla nagyobb mint a kép, és ismétli azt (jó hülyén néz ki)."
CSS segítségével megoldható
<table style="background-image: url(kep.jpg); background-repeat: no-repeat; background-position: center top;">
<tr><td></td></tr>
<table>
"Ha a tábla ugyan akkora mint a kép, akkor a lekerekítésekkel van a gond, hiszen bármit állítok be, a sarkoknál marad egy kis fekete rész (pedig nincs a képnek sem semmi másnak kerete)"
Mert a lekerekített sarkokat létrehozó háttérkép JPG-be van elmentve, ami nem kezeli az átlátszóságot.
Használj GIF formátumot, és a fekete színt állítsd be átlátszónak.
"Ha a táblázatba sima képként szúrom be a fehér képet, akkor meg nem tudok ráírni/rátenni semmit..."
Logikus, hisz nem háttérképnek állítod be.
"Ha layer-t használok, azt pedig nem tudom teljesen középre igazítani."
1. A <layer> elem nem minden böngészőben működik megfelelően
2. Ráadásul nincs is benne a W3C szabványban (azt hiszem a Netscape találta ki).
3. A középre pozicionálás (mind függőlegesen, mind vízszintesen) egy eléggé húzos téma. Ha adottak az objektum méretei (szélesség, magasság), akkor van rá recept (CSS):
<style type="text/css">
#container {
position: absolute;
width: 770px;
height: 577px;
top: 50%;
left: 50%;
margin: -288px auto auto -385px;
padding: 0px;
border: none;
}
</style>
Ahol a container az adott pozicionálandó elem id attribútumának értéke:
<div id="container">...</div>