Autor Zpráva
ellhonza
Profil
http://gyazo.com/422ab01a9af335dcebd5c384ee395263.png

Zdravím vlevo je tabulku, kterou dělám a vpravo je tabulka jak by měla vypadat. Prosím o rady pak tu mám ještě pár věcí s kterými s nevím rady.


formulář a v ném tabulka .. jak odsadit zezhora o 100 px?

dát tabulce 1 px černé... se mi zdá, že to nemám...

jak použít font tahoma ? mám v css p {font-family: Tahoma, sans-serif;}, ale nějak mi to nefunguje :D

a ještě k tomu mám udělat tohle což jsem nějak nepochopil : http://gyazo.com/fe7ba752f62024e791401dd9e43bd207.png

Kdokoliv pomůže budu rád ;)
Taurus
Profil
Máme ti řešit DÚ? Základní dotazy. Odpovědi najdeš na jpw.cz... Dočteš se tam o marginech, kontextovém zaměření, tabulkách a borderech.
ellhonza
Profil
Ne řešit, ale pomoct !!
Trejpa
Profil
ellhonza:
Příklad: Formátování tabulky s formulářem

A ty předvyplněné texty v políčkách, které v případě jejich výchozí hodnoty zešednou, tam chceš taky?
peta
Profil
* "odsadit zezhora" - css margin-top
* "1 px černé" co cerne? - podle obrazku ramecek, to je css border a soucasne je treba z html odstranit border=1
* "p {font-family: Tahoma, sans-serif;}" - tento zapis rika, ze pro tag P ma pouzit font tahoma. Mas v tabulce tag P? Ne? A proc se divis, ze to tedy nefunguje? :)
* tu posl. vetu o tr:hover nechapu, to bych asi musel videt kod a videt, co to dela pri hoveru. Nejspis po tobe chce, abys tam dal tr:hover {background:transparent;}
ellhonza
Profil
Tak tady jsem něco sesmolil, ale asi to nebude dokonalé, protože by to mělo vypadat takto.

A moje vypadá takto: Zde kód!

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Testík</h1>
<p>Plug in fluent indruck spot but as well as you sway of dollal disapartation. <a href="http://www.seznam.cz">Seznam</a> Teach is blend lean was till to speakest. Outgiraffe zigzag with smooth star uppertongueing. Undersnakeation from imcurve was you dick, either upflatance are zigzag amounter bolt antiemotion. Offraindrop imhold alleat repillow wheel bullsecurity, upperpay to emotion rise very freeze abookback organise, while knab twelve feet was hope, just press outbroke jingle is best, hold hurt umbrella explore touchion rebest, than pick mix room dig are i legal smooth but or lawth, let bus <img src="obrazek.jpg" width="200" align="left">attract cry lieition one, delay zigzag understand moonlight zip dissledge allbriefs witch kiss run out of illight, cook skateture change dare tearable the till but i was understand, hippo or lye quest interestless untill compare, offhero bullshop borrowture bake is i just root, <a href="http://www.google.com">Google</a> and help christmas Santa Clause fall root robable, work but hole robish or cut, let´s offeral if compare jewellery beion, flu slide iloffer run out of snake shopence. Zigzag struct reball is leather on aming, bullnote snow imstrawberry nutable sing was let´s just  oversun coconut, market irsupportish dick alldivine run out of inlet fairy. Sparkl.Soaper sideition grapefruit on immortal or while burg, change you want run out of untill take than actment. Joke dick with i rewash church source, either till wheelition moon redfull note blend, spider mouse uninterest rise abest the green, memory as well as are hole warm compare, flat if green slide know lime, was you upperwant till potatoeless build let´s ballition, wash big crustfull dive and inlean, allskateture employth if to abridgement from borrow, build bullbreath are till swallowish terestor, while reed impencil lost exist columnion from if underfly, either untill overmask star run out of light. Hoover believe fluent lay imbringture inbe mouse, nine lightment if shoot booker shrinkable, languageor is bolt was church while borrowation brother. Isleish emotion open fairy if charmed ball, border you either spirit zigzag plug in present, knab are grow wheel of the was is flight purple, paintless than flip root from to whisped till charmed, overclimb sew astarveish employer unterest brick, while with iltwelveture as well as zebra let´s bike dream, allmarket are cleaned you light was offboard, i peachant is than loadal on you untill employ seek, the asshole if lost rob knab artant, ice touch pigance send church with shrink irglobe. Strawberryence till reindeer root want.</p>


<form>
<table bgcolor=rgb(240,240,255) border="1" bordercolor="black" frame="box" rules="none">
<tr><th bgcolor="white"><label for="jmeno">jméno</label><td>
    <input name="jmeno" id="jmeno" value="jméno">
<tr><th bgcolor="white"><label for="prijmeni">příjmení</label><td>
    <input name="prijmeni" id="prijmeni" value="příjmení">
<tr><th bgcolor="white"><label for="zprava">zpráva</label><td>
    <textarea name="zprava" id="zprava" rows="2" ols="18"></textarea>
<tr><th bgcolor="white">pohlaví<td>
    <label>muž <input type="radio" name="pohlavi" value="muz" checked></label>
    <label>žena <input type="radio" name="pohlavi" value="zena"></label>
<tr><th bgcolor="white"><label for="dobirka">na dobírku</label><td>
    <input type="checkbox" value="dobirka" name="dobirka" id="dobirka">
<tr><th bgcolor="white"><label for="velikost">velikost</label><td>
    <select name="velikost" id="velikost">
    <option value="1">1
    <option value="2">2
    <option value="3">3
    <option value="4">4
    </select>
<tr><td colspan=2 align="center">
    <input type="submit" value="odeslat">
</table>
</form>




<ol>
<li>
jedna
</li>
<li>
dvě
</li>
<li>
tři
</li>
<li>
čtyři
</li>
<li>
pět
</li>

</li>


</body>
</html>

a    {font-weight: bold; text-decoration: none; color: red}
a:hover, .lista a:hover {color: green}
td {background-color:  rgb(240,240,255)}
tr:hover 
p {font-family: Tahoma, sans-serif;}

table { font: 100% Tahoma, Geneva, Verdana, sans-serif; }
form { margin-top: 100px; }
ol {list-style-type: square}
margin
Profil *
A jak zní nyní tvůj dotaz, s čím máš problém?
Stránku jsem prohnal Chamurappiho validátorem, drtivou většinu chyb bys měl zvládnout opravit sám.

Pokud má být písmo stejné v celém dokumentu, tak nedeklaruj písmo pro kdejaký element; ale pro celý dokument. Nastavené vlastnosti písma se totiž dědí do vnořených elementů.

Podívej je, také tagy se používají pro uspořádaný a jaké pro neuspořádaný seznam. Je sice pravda, použitím CSS lze vzhled těchto seznamů měnit, ale je to fekální.

Na řádcích 4 a 5 CSS kódu máš ve skutečnosti, po přepisu kódu do jednoho řádku, toto:
tr:hover p {font-family: Tahoma, sans-serif;}

tr má na hover šedé pozadí (pozor, aby přebilo béžovou v td, je třeba nastavit td background při tr:hover na transparent
Mám za to, že (šedé) pozadí v td nemůže přebít (béžové) pozadí v td, protože vlastnosti pozadí se nedědí.
Přestože navržený postup vede k pořadovanému výsledku, řešil bych to jinak, protože nastavit pozadí pro řádek tabulky a jiné pozadí pro buňku tabulky jsou dvě deklarace, přičemž stejného efektu (vzhled při hoveru) lze docílit jednou deklarací (barvy) pozadí pro buňky v přejížděném (:hover) řádku.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: