<http://december.com/html/4/element/form.html method="post" action="bar.php"> <http://december.com/html/4/element/input.html type="text" name="foo"> <http://december.com/html/4/element/input.html type="submit" name="Submit" value="Wyślij"></http://december.com/html/4/element/form.html>
form { margin: 0; padding: 0; }
<http://december.com/html/4/element/div.html align="center">[...]</http://december.com/html/4/element/div.html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<http://december.com/html/4/element/div.html id="foo">[...]</http://december.com/html/4/element/div.html>
#foo { margin: 0 auto; }
<http://december.com/html/4/element/object.html classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="400" height="300" id="movie" align=""><http://december.com/html/4/element/param.html name="movie" value="movie.swf"><embed src="movie.swf" quality="high" width="400" height="300" name="movie" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </http://december.com/html/4/element/object.html>
<http://december.com/html/4/element/object.html type="application/x-shockwave-flash" data="foo.swf" width="400" height="300"> <http://december.com/html/4/element/param.html name="movie" value="foo.swf" /> </http://december.com/html/4/element/object.html>
/*Alpha PNG support for IESelf-removing expression trick from: <a href="http://dean.edwards.name/my/misbehaviors/OnAfterPrint" target="_blank">http://dean.edwards.name/my/misbehaviors/OnAfterPrint</a> doesn't seem worth the trouble; PNGs will look buggy after printingbecause IE has buggy PNG support.\*/* html img/**/ { filter:expression( this.napalmLoaded ? "" : ( this.src.substr(this.src.length-4)==".png" ? ( (!this.complete) ? "" : this.runtimeStyle.filter= ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+ (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+ String(this.napalmLoaded=true).substr(0,0)+ (this.src="gfx/transparent.gif").substr(0,0) ) : this.runtimeStyle.filter="" ) );}/**/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <http://december.com/html/4/element/html.html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <http://december.com/html/4/element/head.html> <http://december.com/html/4/element/title.html>Moja strona domowa</http://december.com/html/4/element/title.html> <http://december.com/html/4/element/style.html type="text/css"> body { font-size: 11px; color: #000; font-family: verdana } h1 { font-weight: normal; font-size: 16px; padding-bottom: 10px; margin: 0px; padding-top: 0px } #page { margin: 0px auto; width: 750px } #menu { float: left; width: 220px; padding-top: 0px } #content { float: right; width: 530px; text-align: justify } #data { font-size: 9px; color: silver; text-align: right } #menu ul { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 200px; padding-top: 0px; list-style-type: none } #menu li { display: block; font-weight: bold; margin: 0px; width: 200px; color: silver; border-bottom: #606060 1px solid } #menu li a { padding-right: 4px; display: block; padding-left: 4px; padding-bottom: 4px; margin-left: 0px; width: 182px; color: silver; text-indent: 1px; padding-top: 4px; text-decoration: none } #menu li a:hover { color: #000; text-decoration: none } </http://december.com/html/4/element/style.html> </http://december.com/html/4/element/head.html> <http://december.com/html/4/element/body.html> <http://december.com/html/4/element/div.html id="page"> <http://december.com/html/4/element/div.html id="menu"> <http://december.com/html/4/element/ul.html> <http://december.com/html/4/element/li.html> <http://december.com/html/4/element/a.html href="Default.aspx?ID=1">Strona główna</http://december.com/html/4/element/a.html> </http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html> <http://december.com/html/4/element/a.html href="Default.aspx?ID=2">Where does it come from?</http://december.com/html/4/element/a.html> </http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html> <http://december.com/html/4/element/a.html href="Default.aspx?ID=3">Why do we use it?</http://december.com/html/4/element/a.html> </http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html> <http://december.com/html/4/element/a.html href="Default.aspx?ID=4">Where can I get some?</http://december.com/html/4/element/a.html> </http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html> <http://december.com/html/4/element/a.html href="Default.aspx?ID=5">Sample text</http://december.com/html/4/element/a.html> </http://december.com/html/4/element/li.html> </http://december.com/html/4/element/ul.html> </http://december.com/html/4/element/div.html> <http://december.com/html/4/element/div.html id="content"> <http://december.com/html/4/element/h1.html>Strona główna</http://december.com/html/4/element/h1.html> <http://december.com/html/4/element/p.html> Tabele w HTML powstały, aby spełniać jedno określone zadanie: pokazywać dane tabelaryczne. Niestety, twórcy stron odkryli, że dzięki border="0" mogą wykorzystać tabele jako siatkę, według której układają elementy strony. Wciąż jest to najpopularniejszy sposób budowania stron internetowych, przeszkadzający w uczynieniu Sieci lepszą — bardziej dostępną, elastyczną i użyteczną. Zobacz, skąd się bierze problem i poznaj metody przestawienia się częściowo lub całkowicie na układ pozbawiony (niewłaściwie użytych) tabel. </http://december.com/html/4/element/p.html> <http://december.com/html/4/element/hr.html /> <http://december.com/html/4/element/span.html id="data">Added time: 17-08-2006</http://december.com/html/4/element/span.html> </http://december.com/html/4/element/div.html> </http://december.com/html/4/element/div.html> </http://december.com/html/4/element/body.html> </http://december.com/html/4/element/html.html>
Wątek utworzony z pierwszego posta z wątku: http://forum.php.pl/index.php?s=&showtopic=53215&view=findpost&p=291109
W punkcie 2. Nie trzeba używać XHTML 1.1. Wystarczy 1.0 Transitional bądź Strict.
#foo { margin: 0 auto 0 auto; }
Ja bym w ogóle dał przekierowanie http://www.alistapart.com/articles/doctype/ zamiast sugerowac jaki kolwiek DOCTYPE.
Co do wstawiania Flasha na stronę - uważąm, że najlepszym rozwiązaniem jest skorzystanie z JS i biblioteki
http://blog.deconcept.com/swfobject/
Pozwala to nie tylko na znaczne uproszczenie kodu i zachowanie zgodności z W3C ale także jest poprawnie obsługiwane przez wszystkie przegladarki z JS a co wiecej - eliminuje mechanizm blokowania Flashy, który pojawił się w najnowszych wersjach IE 6 (ta szara ramka wokół flasha)
OK, poprawiłem wymienione przez was błędy.
10. Opacity:
- "opacity" znaczy nieprzeźroczystość, dlatego wartości tej własności są z przedziału od 0 do 1.
- atrybut ten jest częścią języka CSS w wersji 3
- producenci przeglądarek zaimplementowali już własność "opacity" (silniki Gecko, KHTML/WebKit, Presto), po fazie rozszerzeń lokalnych (-moz-opacity, -khtml-opacity itd.). IE nieprzezroczystość obsługuje jedynie poprzez wbudowane filrty.
- własność ta jest dziedziczona i obecnie nie można zmienić jej wartości w elementach potomnych
11. IE6 i width:auto; na przykładzie listy nieuporządkowanej
ul { list-style-type:none; } ul li { float:left; margin-left:10px; width:0; /* to dla ie6 */ white-space: nowrap; /* to też dla ie6 bo czasem cuduje */ } /* a teraz dla fajniejszych przeglądarek */ ul > li { width:auto; }
/*Alpha PNG support for IESelf-removing expression trick from: <a href="http://dean.edwards.name/my/misbehaviors/OnAfterPrint" target="_blank">http://dean.edwards.name/my/misbehaviors/OnAfterPrint</a> doesn't seem worth the trouble; PNGs will look buggy after printingbecause IE has buggy PNG support.\*/* html img/**/ { filter:expression( this.napalmLoaded ? "" : ( this.src.substr(this.src.length-4)==".png" ? ( (!this.complete) ? "" : this.runtimeStyle.filter= ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+ (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+ String(this.napalmLoaded=true).substr(0,0)+ (this.src="gfx/transparent.gif").substr(0,0) ) : this.runtimeStyle.filter="" ) );}/**/
Może tak ?
<DIV ID="nazwa" STYLE="position:absolute; left:140px; height:400; width:400; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='image.png', sizingMethod='scale');" > </DIV>
gdzie ja tego diva mam dac ? To ma być osobny div na stronie ? czy do kazdego diva musze dać taki styl w któym uzywam obrazow png ?
(this.src="gfx/transparent.gif")
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)