Autor Zpráva
Spajky
Profil
Chtěl bych zkontrolovat:
HTML
<html>
<head>
<link rel="stylesheet" type="text/css" href="pokus.css">
<title>www.spajky.ic.cz</title>
</head>
<a name="up"></a>
<a href=http://www.spajky.ic.cz><img src=http://www.spajky.ic.cz/spajky-main.gif alt=main border="color:black"></a>
</p>
<div id="menu">
<ul>
<li><a href="http://www.spajky.ic.cz/index.html">úvod</a></li>
<li><a href="http://www.spajky.ic.cz/necoomne">o mně</a></li>
<li><a href="http://www.spajky.ic.cz/skola">škola</a></li>
<li><a href="http://www.spajky.ic.cz/knihy">knihy</a></li>
<li><a href="http://www.spajky.ic.cz/vtipy">vtipy</a></li>
<li><a href="http://www.spajky.ic.cz/obrazky">obrázky</a></li>
<li><a href="http://www.spajky.ic.cz/pribeh">příběh</a></li>
<li><a href="http://www.spajky.ic.cz/roboti">roboti</a></li>
<li><a href="http://www.spajky.ic.cz/odkazy">odkazy</a></li>
</ul></div>
<div id="obsah">
<p>
<table><tr><td class="wh">
<p>
<h1>OBRÁZKY</h1><p>
Klikněte na jednu ze skupin.<p>
<a href=http://www.spajky.ic.cz>Spajky</a><p>
<a href="stranka.php?styl=pokus">První styl</a>
<a href="stranka.php?styl=pokus1">Druhý styl</a>
<table>
<tr><td>fotky</td><td><a href="http://www.spj.ic.cz/fotky/recko">Řecko 2006</a></td><td><a href=http://www.spj.ic.cz/fotky/soustred>Soustředění 2006</a></td><td><a href=http://www.spj.ic.cz/fotky/hora>Černá hora 2006</a></td><td></td> </tr>
<tr><td>zvířata</td><td><a href="http://www.spd.ic.cz/zvirata/1">1</a></td><td><a href="http://www.spd.ic.cz/zvirata/2">2</a></td><td><a href="http://www.spd.ic.cz/zvirata/3">3</a></td><td><a href="http://www.spd.ic.cz/zvirata/4">4</a></td> </tr>
<tr><td><a href="http://www.spd.ic.cz/zapady">západy</a></td><td></td></tr>
<tr><td><a href="http://www.spd.ic.cz/priroda">příroda</a></td><td></td></tr>
<tr><td><a href="http://www.spd.ic.cz/pozadi">pozadí</a></td><td></td></tr>
</table><p style="color:red">
Kytky pozor na slimáka,už jde na mrkev,ale je moc pomalý,podle mě tam u ní bude až za pár let.</p>
<img src=http://www.ftipky.cz/obrazky/snecek.gif><img src=http://www.spajky.ic.cz/carrot.gif><p>
<img src=http://www.spajky.ic.cz/duch1.gif border=0><p>
<img src=http://www.spajky.ic.cz/logo.gif border=0><p>
<a onmouseover="document['9'].src = 'http://www.spajky.ic.cz/logo.gif' ;" onmouseout="document['9'].src = 'http://www.spajky.ic.cz/carrot-s.gif' ;"><img src=http://www.spajky.ic.cz/logo.gif name="9" border=0></a><p>
<a href=http://www.spajky.ic.cz/logo1.gif><img width=650 src=http://www.spajky.ic.cz/logo1.gif border=0></a><p>
<img src=http://www.spajky.ic.cz/logo3.gif><p>
<div id="menu">
<p><a href=#up>zpět</a></div>
<p>
</table>
</body>
</html>


CSS
a {text-decoration: none; font-size: 16px}
a:hover {color: blue; text-decoration: underline}
a:visited {color: blue}
table td.p {background-color: red; border-align: center}
table td.wh {background-color: white; border-align: center; width: 650px; border-color: red; border-style: solid}
h1 {color: red; text-align: center}
table {font-size: 16px; border: 0;}
body {text-align: center; background-image: url('http://www.spajky.ic.cz/CSS/malina.jpg'); background-repeat: repeat; background-attachment: fixed;}
* {font-family: Comic Sans MS,Arial Black,Sans Serif; text-align: center; margin: 0 auto;}
body, html {scrollbar-track-color: white; scrollbar-face-color: red; scrollbar-arrow-color: white}
#menu {text-align: center;}
#menu ul {margin-left: auto; margin-right: auto; padding: 0; width: 792px;}
#menu li {list-style: none; margin: 0; padding: 0; float: left;}
#menu a {display: block; width: 88px; height: 24px; color: black; font-family: "Comic Sans MS", sans-serif; text-align: center; background: url('http://www.spajky.ic.cz/tlacitka/0-1.jpg') no-repeat;}
#menu a:hover {color: orange;}
#obsah {clear: both;}
Casero
Profil
nepoužívej zbytečně <p> je to tam několikrát zybtečně..
Spajky
Profil
Napiš prosím, který myslíš, je jich tam totiž hodně. To p na konci je tam schválně, ale nefunguje, takže ho můžu smazat.
Spajky
Profil
Takhle?
<html>
<head>
<link rel="stylesheet" type="text/css" href="pokus.css">
<title>www.spajky.ic.cz</title>
</head>
<a name="up"></a>
<a href=http://www.spajky.ic.cz><img src=http://www.spajky.ic.cz/spajky-main.gif alt=main border="color:black"></a>
</p>
<div id="menu">
<ul>
<li><a href="http://www.spajky.ic.cz/index.html">úvod</a></li>
<li><a href="http://www.spajky.ic.cz/necoomne">o mně</a></li>
<li><a href="http://www.spajky.ic.cz/skola">škola</a></li>
<li><a href="http://www.spajky.ic.cz/knihy">knihy</a></li>
<li><a href="http://www.spajky.ic.cz/vtipy">vtipy</a></li>
<li><a href="http://www.spajky.ic.cz/obrazky">obrázky</a></li>
<li><a href="http://www.spajky.ic.cz/pribeh">příběh</a></li>
<li><a href="http://www.spajky.ic.cz/roboti">roboti</a></li>
<li><a href="http://www.spajky.ic.cz/odkazy">odkazy</a></li>
</ul></div>
<div id="obsah">
<p>
<table><tr><td class="wh">
<p>
<h1>OBRÁZKY</h1><p>
Klikněte na jednu ze skupin.<p>
<a href=http://www.spajky.ic.cz>Spajky</a><p>
<a href="stranka.php?styl=pokus">První styl</a>
<a href="stranka.php?styl=pokus1">Druhý styl</a>
<table>
<tr><td>fotky</td><td><a href="http://www.spj.ic.cz/fotky/recko">Řecko 2006</a></td><td><a href=http://www.spj.ic.cz/fotky/soustred>Soustředění 2006</a></td><td><a href=http://www.spj.ic.cz/fotky/hora>Černá hora 2006</a></td><td></td> </tr>
<tr><td>zvířata</td><td><a href="http://www.spd.ic.cz/zvirata/1">1</a></td><td><a href="http://www.spd.ic.cz/zvirata/2">2</a></td><td><a href="http://www.spd.ic.cz/zvirata/3">3</a></td><td><a href="http://www.spd.ic.cz/zvirata/4">4</a></td> </tr>
<tr><td><a href="http://www.spd.ic.cz/zapady">západy</a></td><td></td></tr>
<tr><td><a href="http://www.spd.ic.cz/priroda">příroda</a></td><td></td></tr>
<tr><td><a href="http://www.spd.ic.cz/pozadi">pozadí</a></td><td></td></tr>
</table><p style="color:red">
Kytky pozor na slimáka,už jde na mrkev,ale je moc pomalý,podle mě tam u ní bude až za pár let.</p>
<img src=http://www.ftipky.cz/obrazky/snecek.gif><img src=http://www.spajky.ic.cz/carrot.gif>
<img src=http://www.spajky.ic.cz/duch1.gif border=0>
<img src=http://www.spajky.ic.cz/logo.gif border=0>
<a onmouseover="document['9'].src = 'http://www.spajky.ic.cz/logo.gif' ;" onmouseout="document['9'].src = 'http://www.spajky.ic.cz/carrot-s.gif' ;"><img src=http://www.spajky.ic.cz/logo.gif name="9" border=0></a>
<a href=http://www.spajky.ic.cz/logo1.gif><img width=650 src=http://www.spajky.ic.cz/logo1.gif border=0></a>
<img src=http://www.spajky.ic.cz/logo3.gif>
<div id="menu">
<a href=#up>zpět</a></div>
</table>
</body>
</html>
Casero
Profil
Spajky
de facto všechny ty p mužeš vyházet..žádnej tam nemá co dělat..aspon co sme se díval..mezeru mužeš udělat přes br nebo v css margin/padding
Spajky
Profil
<html>
<head>
<link rel="stylesheet" type="text/css" href="pokus.css">
<title>www.spajky.ic.cz</title>
</head>
<a name="up"></a>
<a href="http://www.spajky.ic.cz"><img src="http://www.spajky.ic.cz/spajky-main.gif" alt="main" border="0"></a>
<br>
<div id="menu">
<ul>
<li><a href="http://www.spajky.ic.cz/index.html">úvod</a></li>
<li><a href="http://www.spajky.ic.cz/necoomne">o mně</a></li>
<li><a href="http://www.spajky.ic.cz/skola">škola</a></li>
<li><a href="http://www.spajky.ic.cz/knihy">knihy</a></li>
<li><a href="http://www.spajky.ic.cz/vtipy">vtipy</a></li>
<li><a href="http://www.spajky.ic.cz/obrazky">obrázky</a></li>
<li><a href="http://www.spajky.ic.cz/pribeh">příběh</a></li>
<li><a href="http://www.spajky.ic.cz/roboti">roboti</a></li>
<li><a href="http://www.spajky.ic.cz/odkazy">odkazy</a></li>
</ul></div>
<div id="obsah">
<br>
<table><td class="wh">
<br>
<h1>OBRÁZKY</h1><br>
Klikněte na jednu ze skupin.<br>
<a href=http://www.spajky.ic.cz>Spajky</a><br>
<a href="stranka.php?styl=pokus">První styl</a>
<a href="stranka.php?styl=pokus1">Druhý styl</a>
<table>
<tr><td>fotky</td><td><a href="http://www.spj.ic.cz/fotky/recko">Řecko 2006</a></td><td><a href=http://www.spj.ic.cz/fotky/soustred>Soustředění 2006</a></td><td><a href=http://www.spj.ic.cz/fotky/hora>Černá hora 2006</a></td><td></td> </tr>
<tr><td>zvířata</td><td><a href="http://www.spd.ic.cz/zvirata/1">1</a></td><td><a href="http://www.spd.ic.cz/zvirata/2">2</a></td><td><a href="http://www.spd.ic.cz/zvirata/3">3</a></td><td><a href="http://www.spd.ic.cz/zvirata/4">4</a></td> </tr>
<tr><td><a href="http://www.spd.ic.cz/zapady">západy</a></td><td></td></tr>
<tr><td><a href="http://www.spd.ic.cz/priroda">příroda</a></td><td></td></tr>
<tr><td><a href="http://www.spd.ic.cz/pozadi">pozadí</a></td><td></td></tr>
</table>
<p style="color:red">
Kytky pozor na slimáka,už jde na mrkev,ale je moc pomalý,podle mě tam u ní bude až za pár let.</p>
<img src=http://www.ftipky.cz/obrazky/snecek.gif><img src=http://www.spajky.ic.cz/carrot.gif>
<img src=http://www.spajky.ic.cz/duch1.gif border=0>
<img src=http://www.spajky.ic.cz/logo.gif border=0>
<a onmouseover="document['9'].src = 'http://www.spajky.ic.cz/logo.gif' ;" onmouseout="document['9'].src = 'http://www.spajky.ic.cz/carrot-s.gif' ;"><img src=http://www.spajky.ic.cz/logo.gif name="9" border=0></a>
<a href=http://www.spajky.ic.cz/logo1.gif><img width=650 src=http://www.spajky.ic.cz/logo1.gif border=0></a>
<img src=http://www.spajky.ic.cz/logo3.gif>
<div id="menu">
<a href=#up>zpět</a></div>
</table>
</body>
</html>
Spajky
Profil
Je tam ještě něco špatně? Nebo něco co by se dalo udělat líp?
Casero
Profil
Spajky
možná trošku sjednotit sty...občas máš styl tady..a zbytek externě..nebo hodnoty třeba href občas dáváš do uvozove občas ne
Spajky
Profil
Ten styl mám v dokumentu jen u <p style="color:red">
Kytky pozor na slimáka,už jde na mrkev,ale je moc pomalý,podle mě tam u ní bude až za pár let.</p>

Na uvozovky se podívám potom...
Spajky
Profil
A u <a href="http://www.spajky.ic.cz"><img src="http://www.spajky.ic.cz/spajky-main.gif" alt="main" border="0"></a> nevím jak border napsat do externího stylu...
Totéž platí pro <a href=http://www.spajky.ic.cz/logo1.gif><img width=650 src=http://www.spajky.ic.cz/logo1.gif border=0></a>
Spajky
Profil
Bordery vyřešeny.
Spajky
Profil
Co je lepší v
<table><td class="wh">
<br>
<h1>OBRÁZKY</h1><br>
Klikněte na jednu ze skupin.<br>
<a href=http://www.spajky.ic.cz>Spajky</a><br>
<a href="stranka.php?styl=pokus">První styl</a>
<a href="stranka.php?styl=pokus1">Druhý styl</a>
<table>
<tr><td>fotky</td><td><a href="http://www.spj.ic.cz/fotky/recko">Řecko 2006</a></td><td><a href=http://www.spj.ic.cz/fotky/soustred>Soustředění 2006</a></td><td><a href=http://www.spj.ic.cz/fotky/hora>Černá hora 2006</a></td><td></td> </tr>
<tr><td>zvířata</td><td><a href="http://www.spd.ic.cz/zvirata/1">1</a></td><td><a href="http://www.spd.ic.cz/zvirata/2">2</a></td><td><a href="http://www.spd.ic.cz/zvirata/3">3</a></td><td><a href="http://www.spd.ic.cz/zvirata/4">4</a></td> </tr>
<tr><td><a href="http://www.spd.ic.cz/zapady">západy</a></td><td></td></tr>
<tr><td><a href="http://www.spd.ic.cz/priroda">příroda</a></td><td></td></tr>
<tr><td><a href="http://www.spd.ic.cz/pozadi">pozadí</a></td><td></td></tr>
</table>
<p style="color:red">
Kytky pozor na slimáka,už jde na mrkev,ale je moc pomalý,podle mě tam u ní bude až za pár let.</p>
<img src=http://www.ftipky.cz/obrazky/snecek.gif><img src=http://www.spajky.ic.cz/carrot.gif>
<img src=http://www.spajky.ic.cz/duch1.gif border=0>
<img src=http://www.spajky.ic.cz/logo.gif border=0>
<a onmouseover="document['9'].src = 'http://www.spajky.ic.cz/logo.gif' ;" onmouseout="document['9'].src = 'http://www.spajky.ic.cz/carrot-s.gif' ;"><img src=http://www.spajky.ic.cz/logo.gif name="9"></a>
<a href=http://www.spajky.ic.cz/logo1.gif><img width=650 src=http://www.spajky.ic.cz/logo1.gif></a>
<img src=http://www.spajky.ic.cz/logo3.gif>
<div id="menu">
<a href=#up>zpět</a></div>
</table>

dát tuto stránku do table td nebo do divu?
venca163
Profil
chybí ti alty u obrázků
ty tabulky prázdný buňky jsou hrozný - menu dělej pomocí seznamů...
mezery mezi nadpisem a podobně ostyluj pomocí css (margin,padding)
lze to udělat bez tabulek a <br>
Spajky
Profil
A co je tohle?
<div id="menu">
<ul>
<li><a href="http://www.spajky.ic.cz/index.html">úvod</a></li>
<li><a href="http://www.spajky.ic.cz/necoomne">o mně</a></li>
<li><a href="http://www.spajky.ic.cz/skola">škola</a></li>
<li><a href="http://www.spajky.ic.cz/knihy">knihy</a></li>
<li><a href="http://www.spajky.ic.cz/vtipy">vtipy</a></li>
<li><a href="http://www.spajky.ic.cz/obrazky">obrázky</a></li>
<li><a href="http://www.spajky.ic.cz/pribeh">příběh</a></li>
<li><a href="http://www.spajky.ic.cz/roboti">roboti</a></li>
<li><a href="http://www.spajky.ic.cz/odkazy">odkazy</a></li>
</ul></div>


Jak na margin a padding?
Bez tabulek? Jak?

PS: Na mě musíš pomaleji...
venca163
Profil
Spajky
sry, sem koukal jen na ten poslední kod
http://www.jakpsatweb.cz
zadej si do políčka margin, padding a čti...
místo tabulek lze použít divy...(ale nepřežeň to s nima...)
Spajky
Profil
K jakýmu tagu mám zadat margin/padding?
venca163
Profil
Spajky
do css...
např
h1 {margin-bottom: 5px;}
p {margin-top: 123456789px;}

atd, tam, kde to potřebuješ...
směle tím nahradíš br br br
Spajky
Profil
To, abych tam znovu naházel ty p.
Casero
Profil
Spajky
To, abych tam znovu naházel ty p.
myslím, že venca163 tím p nemyslel abys tam naházel p spš aby kekaždýmu tomu prvku který tam má nějakou funkci..dal margi
venca163
Profil
ještě poslední jednoduchý příklad za všechny, ukázka v praxi na tvém kódu...
TY
<h1>OBRÁZKY</h1><br>
Klikněte na jednu ze skupin.


<h1>OBRÁZKY</h1>
Klikněte na jednu ze skupin.
+ css
h1 {margin-bottom: 25px;}

třeba takhle
(nějaký margin, pokud jsi ho nevynuloval, je tam nastavený standardně)
Spajky
Profil
A když tam je čistej text?
Spajky
Profil
Klikněte na jednu ze skupin. /*tady chci mezeru*/
<a href=http://www.spajky.ic.cz>Spajky</a>
venca163
Profil
Spajky
uzavři to do nějakého tagu (div)
to ti automaticky udělá odřádkování, pro větší mezeru použij ten margin...
(já bych to celý udělal jinak, ale tak...)
Spajky
Profil
Ty jsi říkal že bych tam neměl dávat moc divů... Vážně to je jediný řešení?
Spajky
Profil
Co je správně:
1) <div id="p">text</div>
2) text<div id="p">
?
venca163
Profil
Co je správně:
nevím, čeho se snažíš docílit...

Spajky
myslím si, že "preskakuješ" lekce...nesnaž se urychlit přirozený vývoj=)
uč se, čti články, koukej do zrojáků, zkoušej si...

ale zkopírovat sem kód (bez nějakého problému) a zeptat se, co by kdo udělal líp? nevím...
Spajky
Profil
Ten kód jsem si udělal sám a měl by složut k tomu řádkování (místo p) , mám k tomu udělaný CSS, ale nevím, který z těch divů je správně zapsán. Zkoušel jsem oba a vyjde to nastejno. Jak by to udělal profesionál?
Spajky
Profil
Mám menu, ale poslední položka se zobrazuje až pod menu.

HTML
<html>
<head>
<link rel="stylesheet" type="text/css" href="pome.css">
<link rel="shortcut icon" href="http://www.spajky.ic.cz/favicon.ico">
<title>www.spajky.ic.cz</title>
</head>
<a name="up"></a>
<a href="http://www.spajky.ic.cz"><img src="http://www.spajky.ic.cz/spajky-main.gif" alt="main"></a>[/i]
<div id="menu"><ul>
<li><a href="http://www.spajky.ic.cz">úvod</a></li>
<li><a href="http://www.spajky.ic.cz/necoomne">o mně</a></li>
<li><a href="http://www.spajky.ic.cz/skola">škola</a></li>
<li><a href="http://www.spajky.ic.cz/knihy">knihy</a></li>
<li><a href="http://www.spajky.ic.cz/vtipy">vtipy</a></li>
<li><a href="http://www.spajky.ic.cz/obrazky">obrázky</a></li>
<li><a href="http://www.spajky.ic.cz/pribeh">příběh</a></li>
<li><a href="http://www.spajky.ic.cz/roboti">roboti</a></li>
<li><a href="http://www.spajky.ic.cz/odkazy">odkazy</a></li>
</ul></div>

<div id="obsah"></div>
<table><td class="wh">
<h1>OBRÁZKY</h1>
<h3>OBRÁZKY</h3>
<h4>klikněte na jednu ze skupin</h4>
<a href=http://www.spajky.ic.cz>Spajky</a>
<table>
<tr><td>fotky</td><td><a href="http://www.spj.ic.cz/fotky/recko">Řecko 2006</a></td><td><a href=http://www.spj.ic.cz/fotky/soustred>Soustředění 2006</a></td><td><a href=http://www.spj.ic.cz/fotky/hora>Černá hora 2006</a></td><td></td> </tr>
<tr><td>zvířata</td><td><a href="http://www.spd.ic.cz/zvirata/1">1</a></td><td><a href="http://www.spd.ic.cz/zvirata/2">2</a></td><td><a href="http://www.spd.ic.cz/zvirata/3">3</a></td><td><a href="http://www.spd.ic.cz/zvirata/4">4</a></td> </tr>
<tr><td><a href="http://www.spd.ic.cz/zapady">západy</a></td><td></td></tr>
<tr><td><a href="http://www.spd.ic.cz/priroda">příroda</a></td><td></td></tr>
<tr><td><a href="http://www.spd.ic.cz/pozadi">pozadí</a></td><td></td></tr>
</table>
<h3>LOGO</h3>
<h4>historie log</h4>
<div id="p">Toto</div>
<div id="p">bude</div>
<div id="p">obsah</div>
<div id="p">stránky</div>
<img src="http://www.spajky.ic.cz/duch1.gif" alt="duch">
<p style="color:red">Kytky pozor na slimáka,už jde na mrkev,ale je moc pomalý,podle mě tam u ní bude až za pár let.</p>
<img src="http://www.ftipky.cz/obrazky/snecek.gif" alt="Slimák"><img src="http://www.spajky.ic.cz/carrot.gif" alt="mrkev">
<img src="http://www.spajky.ic.cz/logo.gif" alt="mrkev_logo">
<a onmouseover="document['9'].src = 'http://www.spajky.ic.cz/logo.gif' ;" onmouseout="document['9'].src = 'http://www.spajky.ic.cz/carrot-s.gif' ;"><img src="http://www.spajky.ic.cz/logo.gif" alt="krůček" name="9"></a>
<a href="http://www.spajky.ic.cz/logo1.gif"><img width=650 src="http://www.spajky.ic.cz/logo1.gif" alt="mrkev_3D"></a>
<img src="http://www.spajky.ic.cz/logo3.gif" alt="kočka_logo">
<div id="menu">
<a href=#up>zpět</a></div>
</table>
</body>
</html>


CSS
p {}
a {text-decoration: none; font-size: 16px}
a:hover {color: blue; text-decoration: underline}
a:visited {color: blue}
td.wh {background-color: white; border-align: center; width: 650px; border-color: red; border-style: solid}
h1 {color: red; text-align: center; margin: 1em 0px;}
h3 {margin-top: 1.5em; margin-bottom: 0.2em;}
h4 {margin-top: 0em; margin-bottom: 0.5em; border-bottom:1px solid red;}
table {font-size: 16px; border: 0;}
body {text-align: center; background-image: url('http://www.spajky.ic.cz/css/malina.jpg'); background-repeat: repeat; background-attachment: fixed;}
* {font-family: Comic Sans MS,Arial Black,Sans Serif; text-align: center; margin: 0 auto;}
body, html {scrollbar-track-color: white; scrollbar-face-color: red; scrollbar-arrow-color: white}

#menu {padding: 1em 0px; text-align: center;}
#menu ul {margin-left: auto; margin-right: auto; padding: 0; width: 630px;}
#menu li {list-style: none; margin: 0; padding: 0; float: left;}
#menu a {text-decoration: none; background-color: white; border-color: red; border-style: solid; display: block; width: 70px; height: 23px; color: black; font-family: "Comic Sans MS", sans-serif; text-align: center;}
#menu a:hover {text-decoration: none; color: orange;}

#obsah {clear: both;}
#p {}
img {border: none;}
Toto téma je uzamčeno. Odpověď nelze zaslat.