mensie problemy s css

ryty · Príspevok od používateľa **ryty** » 01 apr 2008, 20:04

Tak po dlhom case som tu a mam taky problemik s css mam odkazy pomocou obrazkou v dive <div id="seria">:

<div id="seria">
			<A HREF="Javascript:OpenWindow('11.html', 715, 532)"><IMG SRC="11.jpg" WIDTH=100 HEIGHT=74 BORDER=1 ALT="11.jpg"></A>
			<A HREF="Javascript:OpenWindow('01.html', 548, 699)"><IMG SRC="01.jpg" WIDTH=100 HEIGHT=133 BORDER=1 ALT="01.jpg"></A>
			<A HREF="Javascript:OpenWindow('02.html', 715, 532)"><IMG SRC="02.jpg" WIDTH=100 HEIGHT=74 BORDER=1 ALT="02.jpg"></A>
			<A HREF="Javascript:OpenWindow('03.html', 715, 532)"><IMG SRC="03.jpg" WIDTH=100 HEIGHT=74 BORDER=1 ALT="03.jpg"></A>
			<A HREF="Javascript:OpenWindow('04.html', 715, 532)"><IMG SRC="04.jpg" WIDTH=100 HEIGHT=74 BORDER=1 ALT="04.jpg"></A>
		</div>

a ktomu by som potreboval css aby sa tie linky nezobrazovali tesne vedla seba ale aby nimi bol odstup asi 25px;

da sa to alebo kazdy link budem musiet dat do divu?

PS: nechcem to riesit pomocou tabuliek

Kód: Vybrať všetko

<style type="text/css">
#seria a{
	padding:25px;
}
</style>

ryty · Príspevok od používateľa **ryty** » 01 apr 2008, 20:41

vdaka, ze ma to nenapadlo

mam zas trochu iny problemik trochu mi usiel odkaz. pozrite screen a kody.

ked prejdem pod obrazok tak sa zobrazi ta ruka ako pri linku.
do #seria a som dal border: dotted #000000 3px; aby to bolo lepsie vidiet.

Obrázok

html:

Kód: Vybrať všetko

<div id="seria">
			<a href="Javascript:OpenWindow('11.html', 715, 532)"><img src="11.jpg"></a>
			<a href="Javascript:OpenWindow('01.html', 548, 699)"><img src="01.jpg"></a>
			<a href="Javascript:OpenWindow('02.html', 715, 532)"><img src="02.jpg"></a>
			<a href="Javascript:OpenWindow('03.html', 715, 532)"><img src="03.jpg"></a>
			<a href="Javascript:OpenWindow('04.html', 715, 532)"><img src="04.jpg"></a>
		</div>

CSS:

Kód: Vybrať všetko

#seria {
   margin-bottom: 100px;
}

#seria a {
   padding: 25px;
   border: dotted #000000 3px;
}

vsade tam kde je ten bodkovany obdlznik a obrazok tak tam je odkaz a ja by som ho chcel iba na obrazok

ryty · Príspevok od používateľa **ryty** » 02 apr 2008, 20:51

takze predchadzajuci problem je vyrieseny a je tu dalsi, v podstate je to taka mensia prosba:

Kód: Vybrať všetko

<div id="picmenu">
<a href="*.html"><img src="images/pic.png"></a>
<a href="*.html"><img src="images/pic.png"></a>
<a href="*.html"><img src="images/pic.png"></a>
<a href="*.html"><img src="images/pic.png"></a>
<a href="*.html"><img src="images/pic.png"></a>
</div>

potreboval by som to spravit v css tak aby sa pod obrazky pic.png dal dat taky strucny popis priblizne 2-3slova

tomPD

Kód: Vybrať všetko

<div id="picmenu">
<a href="*.html"><img src="images/pic.png"><span>popis</span></a>
<a href="*.html"><img src="images/pic.png"><span>popis</span></a>
<a href="*.html"><img src="images/pic.png"><span>popis</span></a>
<a href="*.html"><img src="images/pic.png"><span>popis</span></a>
<a href="*.html"><img src="images/pic.png"><span>popis</span></a>
</div>

css:
#picmenu span {
  display:block;
}

Hadam to pojde, neskusal som

tuti · Príspevok od používateľa **tuti** » 03 apr 2008, 15:51

alebo vyuzit namiesto <span> element <div> a netreba css, ze Tom

gwixt

alebo dat za obrazok <br>

gwixt napísal:alebo dat za obrazok <br>

keďže sú v "riadku" v jednom dive, tak ak dáš za niektorý obrázok <br> tak všetky ostatné nebudú vedla, ale pod

digo · Príspevok od používateľa **digo** » 03 apr 2008, 18:53

audiotrack napísal:keďže sú v "riadku" v jednom dive, tak ak dáš za niektorý obrázok <br> tak všetky ostatné nebudú vedla, ale pod

ale ono sa to ani neda omg

skusal som to asi polhodinu a nikdy sa mi to nepoadrilo

aby boli obrazky v rade vedla seba a pod nimi bol popis... skusal som aj napriklad takto

Kód: Vybrať všetko

<ul>
<li style="display: inline;"><div style="display:inline;"><a href="#"><img src="wallpaper.jpg" style="width: 50px;"></a><br>popis</div></li>
<li style="display: inline;"><div style="display:inline;"><a href="#"><img src="wallpaper.jpg" style="width: 50px;"></a><br><span>popis</span></div></li>
</ul>

ale kedze tam bolo to <br>, tak sa to vzdy zobrazilo pod... najjednoduchsie by to asi bolo pomocou tabulky

ryty · Príspevok od používateľa **ryty** » 03 apr 2008, 19:25

takze pre nedostatok casu som to neriesil ale skusim to pomocou tabuliek a dam vediet ako to dopadlo. Ak mate niekto daky napad na vylepsenie tak kludne piste

možno dať ku každému obrázku title s textom a to title naštýlovať aby sa zobrazovalo tem kde chceš, videl som to v jednom scripte, tuším http://www.walterzorn.com/tooltip/tooltip_e.htm
skús...

tuti · Príspevok od používateľa **tuti** » 03 apr 2008, 23:01

mozno ti pomoze tento link z mojej oblubenej napovedy k css pri spominania ako sa dany teg vola

a je tam ukazka jednoduchej galerie
http://www.w3schools.com/css/tryit.asp? ... ge_gallery

ryty · Príspevok od používateľa **ryty** » 04 apr 2008, 6:36

takze nieco uz mam, ked pridem zo skoly tak sa na to este raz pozriem a dako sa to pokusim dokoncit

//edit: pouzil som priklad od tuti-ho, diki http://www.w3schools.com/css/tryit.asp? ... ge_gallery