Autor Zpráva
Shadow
Profil *
Já myslím, že název tématu vypovídá za vše, prosím pomozte, jak to odstanit.
Spikee
Profil
img {margin:0;padding:0}
Shadow
Profil *
Ne, tohle nepomáhá, buňka <div> je pořád větší, i když jí formátuju na stejnou velikost jako ten obrázek.
Charlie
Profil
pošli kus kódu
Charlie
Profil
A nemáš u divu třeba padding? Nebo <br /> za obrázkem?
Shadow
Profil *
<html>
<head>
<title>GYMNAZIUM v ČK - hlavní stránka</title>
<link rel="stylesheet" type="text/css" href="stylopis.css">
<style>
</style>
</head>

<body>

<div id="main">

<div id="hlava1">
</div>
<div id="hlava2">
</div>

<div id="hlava3">
<a href="index.html"><img src="images/lp2.gif"></a>

<div id="hlava4">
</div>
<div id="hlava4">
</div>
<div id="hlava4">
</div>

</div>

<div id="hlava5">
Tak tady už bude obyčejný text stránky!
<div id="hlava6">
Tak tady bude copyright a autoři!
</div>
</div>
</div>

</body>
</html>
Shadow
Profil *
body {background-color: #99CCFF; color: black; text-align:center}

img {margin:0, padding:0;border:none}

div {
scrollbar-track-color: #CCCCCC;
scrollbar-face-color: #3399FF;
scrollbar-highlight-color: color;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: #0066CC;
scrollbar-arrow-color: black;
margin:0;padding:0
}

#main {border: 1px none white; margin:auto; position:relative; width:777; height; top:5px}

#hlava1 {text-align:justify; border: 1px none blue;background-image:url('images/hp.gif');

overflow:hidden;position:absolute; width:775px; height:128px; top:1px; left:1px}

#hlava2 {text-align:center; overflow:hidden; border: 1px none blue; position:absolute; width:157px; height:31px; left:1px;

top:129px; background-image: url('images/lp1.gif')}

#hlava3 {text-align:center; border: 1px solid red; position:absolute; width:157px; height:400px;left:1px;

top:161px}

#hlava4 {text-align:center; border: 1px solid red; position:relative;text-decoration:none; width:157px; height:33px;
background-image: url('images/lp2.gif')}

#hlava5 {text-align:justify; border: 1px none green;overflow:auto;position:absolute; width:618px; height:auto;

left:158px; top:129px}

#hlava6 {text-align:center;line-height:1.9; border: 1px none yellow; position:static; width:616px; height:30px;

background-image:url('images/dp.gif')}

#obrlp {width:157px; height:33px; border:none; text-decoration:none}

a.lista {background-image: url('images/lp2.gif'); border: none; font-size:33px}
a.lista:hover {background-image: url('images/lp2u.gif'); line-height:33px; border: none}
Shadow
Profil *
ale nevim, jak s těma obrázkama
bojars
Profil
Skús:

#hlava3 {
margin: 0;
padding: 0;
line-height:0;
}
Charlie
Profil
ten <div id="hlava3"> nemas uzavrenej
Charlie
Profil
btw vic stejnejch ID na jedne strance je nevalidni, ale nikomu to nevnucuju ;)
Shadow
Profil *
mám
Charlie
Profil
mno, me se to asi zobrazi spravne, co mas za prohlizec? Nemuzu bejt chyba v obrazku? A prosim te, vyres to nejak jinak, tohle by byly super nepristupny stranky, aspon tam ty obrazky dej do html a hod k nim alty
Shadow
Profil *
Mam IE. Chyba v obráku neni, dělal jsem ho ve PS a dokonale. Ja ale nevim, jak tady to udělat... Jo, jinak alt k tlačítkům (obrázek) asi ne!
Spikee
Profil
Shadow
Malo by to fungovať (aspoň mne vo FF to funguje)
Shadow
Profil *
No, jenže pod tím obrázkem se zobrazuje mezera. Já nevim, ale jak sem ty obrázky dát, aby to doplnily
Charlie
Profil
Ja mam taky Firefox.

Jinak jsem to myslel tak, že by ses vykašlal na css backgroundy a hodil to do kódu a pak použil alty.
Shadow
Profil *
je to obrázek "lp2.gif", měl by být jako odkaz, přes něj text (taky jako odkaz, nebo vše v jednom) a po najetí myší by se měl měnit na"lp2i.gif"
bojars
Profil
Tu máš vyše tristo obrázkov v jednom dive , nie je tam žiadny okraj (iba jeden obrázok je odkaz).
CSS je v podstate tak, ako som Ti napísal.
Ešte by som potom skúsil (ak to nepôjde):

#hlava3 {
margin: 0;
padding: 0;
line-height:0;
}
img {
border: 0;
}
Charlie
Profil
Shadow, ty obrázky sou všechny stejné, akorát s jiným textem? Jestli ano, tak by bylo možné použít obrázek bez textu na pozadí každého odkazu a do odkazu napsat normálně text odkazu. Asi mě někdo vyhodí za spamování slova "odkazu" =)
Shadow
Profil *
No, jenže to pozadí se musí měnit, jak na něj vlítne myš, jinak by to šlo....
Ale zkusim to až zejtra....
Shadow
Profil *
Jo, tak to nejde, protože to pozadí je pak jen za textem a je vidět jen malá část toho tlačítka.
Shadow
Profil *
bojars > jo, to mi jde, ale jak tam dám odkaz na ten měnící obrázek, tak mě to zas dělá tu mezeru!
Toto téma je uzamčeno. Odpověď nelze zaslat.