Autor Zpráva
Shadow
Profil *
#1 · Zasláno: 20. 5. 2005, 21:54:44
Odpovědět Citovat
Já myslím, že název tématu vypovídá za vše, prosím pomozte, jak to odstanit.
Spikee
Profil
#2 · Zasláno: 20. 5. 2005, 21:58:10
Odpovědět Citovat
img {margin:0;padding:0}
Shadow
Profil *
#3 · Zasláno: 20. 5. 2005, 22:01:28
Odpovědět Citovat
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
#4 · Zasláno: 20. 5. 2005, 22:02:39
Odpovědět Citovat
pošli kus kódu
Charlie
Profil
#5 · Zasláno: 20. 5. 2005, 22:03:24
Odpovědět Citovat
A nemáš u divu třeba padding? Nebo <br /> za obrázkem?
Shadow
Profil *
#6 · Zasláno: 20. 5. 2005, 22:04:49
Odpovědět Citovat
<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 *
#7 · Zasláno: 20. 5. 2005, 22:05:02
Odpovědět Citovat
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 *
#8 · Zasláno: 20. 5. 2005, 22:06:44
Odpovědět Citovat
ale nevim, jak s těma obrázkama
bojars
Profil
#9 · Zasláno: 20. 5. 2005, 22:10:08
Odpovědět Citovat
Skús:

#hlava3 {
margin: 0;
padding: 0;
line-height:0;
}
Charlie
Profil
#10 · Zasláno: 20. 5. 2005, 22:11:13
Odpovědět Citovat
ten <div id="hlava3"> nemas uzavrenej
Charlie
Profil
#11 · Zasláno: 20. 5. 2005, 22:11:55
Odpovědět Citovat
btw vic stejnejch ID na jedne strance je nevalidni, ale nikomu to nevnucuju ;)
Shadow
Profil *
#12 · Zasláno: 20. 5. 2005, 22:13:24
Odpovědět Citovat
mám
Charlie
Profil
#13 · Zasláno: 20. 5. 2005, 22:19:25
Odpovědět Citovat
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 *
#14 · Zasláno: 20. 5. 2005, 22:21:45
Odpovědět Citovat
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
#15 · Zasláno: 20. 5. 2005, 22:22:06 · Upravil/a: Spikee
Odpovědět Citovat
Shadow
Malo by to fungovať (aspoň mne vo FF to funguje)
Shadow
Profil *
#16 · Zasláno: 20. 5. 2005, 22:24:11
Odpovědět Citovat
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
#17 · Zasláno: 20. 5. 2005, 22:25:10
Odpovědět Citovat
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 *
#18 · Zasláno: 20. 5. 2005, 22:25:53
Odpovědět Citovat
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
#19 · Zasláno: 20. 5. 2005, 22:26:57
Odpovědět Citovat
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
#20 · Zasláno: 20. 5. 2005, 22:27:02
Odpovědět Citovat
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 *
#21 · Zasláno: 20. 5. 2005, 22:31:35
Odpovědět Citovat
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 *
#22 · Zasláno: 21. 5. 2005, 07:12:45
Odpovědět Citovat
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 *
#23 · Zasláno: 21. 5. 2005, 09:36:42
Odpovědět Citovat
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!
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0