Podstrony
- telcocafe
- skrypt działa strona nie działa strona działa skrypt nie działa co z tym zrobić?
- Stałe menu Jak zrobic stałe menu
- Parser szablonów Jak zrobić parser szablonów ?
- forum w html jak zrobić forum w html
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- jak zrobic aktualizacje php? pomocy!!!!!
- [PHP] Tablice (ze zmiennych $$) Jak to zrobić? PISZCIE!!!
- [PHP] Jak zrobić download katalogu w php? downl. katalogu z dynamiczną zawartością
- Torrenty Jak moge zrobic torrenty ??
- [PHP] - pomocy :-) Jak zrobić w php ...
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- aniusiaczek.opx.pl
telcocafe
Znalazłem fajną stronę jak tworzyć layouty oparte na divach - tutaj. Spróbowałem to zrobić na tabelkach, żeby indentycznie wyglądało tak jak ten pierwszy przykład layoutu na tej stronie. Na razie zrobiłem tyle:style.css
.table { width: 772px; border-left: 1px #000000 solid; border-right: 1px #000000 solid; } .header { width: 100%; height: 70px; background-color:#0099FF; border-top: 1px #000000 solid; } .subheader { background-image: url(images/subheader.jpg); float: right; width: 100%; height: auto !important; height: 30px; /* IE */ min-height: 30px; display: inline; background-color:#FFFF99; } .left { background-image: url(images/left.jpg); float: left; width: 160px; height: auto !important; height: 370px; /* IE */ min-height: 370px; display: inline; background-color:#66CCFF; } .middle { background-image: url(images/middle.jpg); float:left; left: 187px; top: 108px; width: 610px; height: auto !important; height: 370px; /* IE */ min-height: 370px; display: inline; background-color:#6699FF; } .right { float: right; width: 160px; height: auto !important; height: 300px; /* IE */ min-height: 300px; display: inline; background-color:#66CCFF; } .footer { background-image: url(images/footer.jpg); clear: both; width: 100%; height: 20px; background-color:#3366CC; border-bottom: 1px #000000 solid; } #menu { top: 40px; right: 0px; width: 610px; height: 30px; float: left; background-color:#99CC66; } .submenu { display:inline; position:absolute; top: 135px; left: 139px; width: 140px; height: 170px; background-color:#99CC66; } A:link { font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif; font-size: 8pt; text-decoration: underline; color: #000000; background-color: transparent; } A:visited { font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif; font-size: 8pt; text-decoration: underline; color: #000000; background-color: transparent; } A:active { font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif; font-size: 8pt; text-decoration: underline; color: #000000; background-color: transparent; } A:hover { font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif; font-size: 8pt; text-decoration: underline; color: #000000; background-color: transparent; } .Asubmenu:link { font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif; font-size: 9pt; font-weight: bold; text-decoration: none; color: #000000; background-color: transparent; } .Asubmenu:visited { font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif; font-size: 9pt; font-weight: bold; text-decoration: none; color: #000000; background-color: transparent; } .Asubmenu:active { font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif; font-size: 9pt; font-weight: bold; text-decoration: none; color: #000000; background-color: transparent; } .Asubmenu:hover { font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif; font-size: 9pt; font-weight: bold; text-decoration: underline; color: red; background-color: transparent; }
index.html
<html> <head> <meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2" /> <meta name="Description" content="[ Opis dokumentu ]" /> <meta name="Author" content="[ Autor dokumentu ]" /> <meta name="Generator" content="Microsoft FrontPage 4.0" /> <title>Neonred - projektowanie stron www, tworzenie stron www, grafika, szablony, php, oferta, cennik</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body background="images/tlo.jpg"> <table border="0" class="table" cellpadding="0" cellspacing="0" align="center"> <tr> <td class="header"> <p align="center"><img border="0" src="images/logo.jpg" width="772" height="70"></p> </td> </tr> <tr> <td class="subheader">subheader</td> </tr> <table border="0" cellpadding="0" cellspacing="0" align="center" class="table"> <tr> <td class="left"><table border="0"> <tr> <td class="submenu" align="center">MENU</td> </tr> </table></td> <td class="middle">stopka <p> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" align="center" width="772" class="table"> <tr> <td class="footer">footer</td> </tr> </table> </table> </body> </html>
Problem polega na tym, jak ułożyć dodatkową tabelę (submenu) na pozycji lewej (left), bo nierówno leży w IE, najlepiej bez uzycia position:absolute, co trzeba wprowadzić dodatkowego w CSS lub HTML-u :blink: Proszę o pomoc :unsure:
Nooooo. Jeżeli majster bierzesz się za projektowanie stron www i do tego tworzysz stronę o projektowaniu stron www to gratuluję koncepcji. W takim razie nie chciałbym byc chyba Twoim klientem.
to po pierwsze.
po drugie zmień edytor z FrontPage'a na coś normalnego. Nie wiem. Sugeruję Macromedia Homesite albo Dreamweaver, albo PsPad luib Eclipse. Jak kto woli.
i po trzecie. co do Twojego problemu. rozwiązany w 20 minut
bez konieczności zagłębiania tabwelki w tabelce ;)
http://www.jmail.pl/tabelki.html
leży równo w każdej przeglądarce
Użytkownik j-mail edytował ten post 10 wrzesień 2006, 11:37
Dzięki za pomoc, ale ja już rozwiązałem wcześniej problem :lol: . Uczyłem się styli CSS przez cały dzień ze strony http://kurshtml.boo.pl , i udało mi się stworzyc atrakcyjny szablon :P