fr4 Napisano 8 Listopada 2006 Zgłoś Napisano 8 Listopada 2006 Witam! zrobilem sobie ostatnio maly layoucik na strone i niestety mam problem z obramowaniem wokol obrazkow od menu... szukalem na ten temat na google, kombinowalem z css'em ale w dalszym ciagu nie wiem jak poprawic kod. Zreszta zobaczcie sami: http://mork.w.interia.pl/ oto kod html'a: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>...Wiersze by Fra...</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table> <tr> <td class="top" colspan="9"> </td> </tr> <tr> <td class="line1" colspan="9"> </td> </tr> <tr> <td class="gray_background" rowspan="2"> </td> <td class="line2" rowspan="2"> </td> <td class="menu"> <img class="button" src="images/main.jpg" alt="strona glowna"></td> <td class="menu"> <img class="button" src="images/poems.jpg" alt="moje wiersze"></td> <td class="menu"> <img class="button" src="images/gbook.jpg" alt="ksiega gosci"></td> <td class="menu"> <img class="button" src="images/links.jpg" alt="linki"></td> <td class="menu"> <img class="button" src="images/contact.jpg" alt="kontakt"></td> <td class="line3" rowspan="2"> </td> <td class="gray_background" rowspan="2"> </td> </tr> <tr> <td class="background" colspan="5"> </td> </tr> </table> </body> </html> i css'a: BODY { font-family: "Verdana"; font-size: 10px; color: black; background-color: #FFFFFF; margin: 0; width: 0; height: 0;}TABLE { width: 1000px; border-collapse: collapse; border: 0px;}TD.top { background-image: url(images/logo.jpg); height: 250px;}TD.gray_background { background-color: #333333; width: 139px;}TD.line1 { background-image: url(images/line1.jpg); height: 19px;}TD.line2 { background-image: url(images/line2.jpg); width: 9px;}TD.line3 { background-image: url(images/line3.jpg); width: 9px;}TD.background { background-color: #CCCCCC; height: 320px; width: 700px;}TD.menu { height: 39px; width: 140px;}IMG.button { height: 39px; width: 140px;} Probowalem dodac argument border: 0; w IMG.button ale to nie dziala :( Prosze o pomoc i z gory dzieki ! Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
tom_tom Napisano 8 Listopada 2006 Zgłoś Napisano 8 Listopada 2006 img.obrazek { height: 39px; width: 140px; border: none;} Spróbuj tak, u mnie jest okej ;) Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
fr4 Napisano 8 Listopada 2006 Zgłoś Napisano 8 Listopada 2006 img.obrazek { height: 39px; width: 140px; border: none;} Spróbuj tak, u mnie jest okej ;) no wlasnie nie dziala :( caly czas jest obramowanie zarowno w Firefoxie jak i w IE... a moze zle kombinuje, ze to obramowanie obrazka ? moze chodzi o tabele ? tylko nie mam pomyslu co moze byc zle. Jakby ktos wiedzial to bardzo prosze o info !!! Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
The_Structor Napisano 8 Listopada 2006 Zgłoś Napisano 8 Listopada 2006 Wkleiłem ten twój kod, u mnie w ogóle nie ma obramowania ;) Dopiero po ustawieniu "border-style: solid" się pojawia. Po wpisaniu "border: none" też obramowanie znika. Możesz też spróbować "border-width:0px". Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
SGJ Napisano 8 Listopada 2006 Zgłoś Napisano 8 Listopada 2006 Mi to wygląda na obramowanie tabeli nie obrazków. Ale jak się robi strony w sposób w jaki się robić nie powinno to rózne rzeczy wychodza. Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
fr4 Napisano 8 Listopada 2006 Zgłoś Napisano 8 Listopada 2006 Mi to wygląda na obramowanie tabeli nie obrazków. Ale jak się robi strony w sposób w jaki się robić nie powinno to rózne rzeczy wychodza. To znaczy w jaki sposob ? Jak wg Ciebie powinienem to zrobic zeby bylo dobrze ?! bo imo wlasnie wszystkie atrybuty dotyczace wygladu strony ( a wiec takze obramowanie tabeli czy tez obrazka ) powinno sie ustalac w css'ie... Jesli masz jakis pomysl jak poprawic ten kod, to podziel sie nim ze mna... Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
SGJ Napisano 8 Listopada 2006 Zgłoś Napisano 8 Listopada 2006 Jak doczytałeś gdzies ze powinno uzywac sie css'a to powinni tez pisac ze stron nie powinno sie robic na tabelach. Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
tom_tom Napisano 8 Listopada 2006 Zgłoś Napisano 8 Listopada 2006 Zrób stronkę w divach :) Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
fr4 Napisano 8 Listopada 2006 Zgłoś Napisano 8 Listopada 2006 Jak doczytałeś gdzies ze powinno uzywac sie css'a to powinni tez pisac ze stron nie powinno sie robic na tabelach. no dobra przyznaje, ze od strony technicznej lepiej byloby to zrobic jako div'y... ale tego nie mam jeszcze do konca opanowanego, dlatego wybralem tabele. a obramowanie raczej jest wlasnie od obrazkow, bo gdyby bylo to obramowanie tabeli to biala obwodka wystepowalaby takze w innych komorkach. Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
SGJ Napisano 8 Listopada 2006 Zgłoś Napisano 8 Listopada 2006 Ustaw sobie inny kolor tła to zobaczysz ze nie jest to obramowanie obrazków. Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
m4r Napisano 11 Listopada 2006 Zgłoś Napisano 11 Listopada 2006 TD.menu { height: 39px; width: 140px; padding: 0; /* izi? */ Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
PelzaK Napisano 12 Listopada 2006 Zgłoś Napisano 12 Listopada 2006 (edytowane) a może po prostu wystarczyło tak: <table cellspacing="0"> co do divów... na divach najlepiej wychodzą schematyczne i proste strony.. Siedzę już 3 tygodnie nad layem do mojej strony i za cholerę nie idzie tego ułożyć tak jak ja to widzę... sprawdziłem chyba z 15 różnych układów divów... Gdy już wszystko wygląda wporzo, okazuje sie nagle że pod IE jednak nie jest wporzo... Kiedy naprawiłem już IE, okazywało się że ff widzi to jednak inaczej... Robiłęm nawet i osobne cssy dla MSIE, lipa... 4 razy zmieniałem koncepcję pojawiania się informacji na mojej stornie, sposób nawigowania (tj, wyświetlanie w skrolowanym divie, przewijanie strony, podział na sztuczne ramki etc) - idzie się pochlastać, za kazdym razem jednej z rzeczy które sobie zaplanowałem nie da sie zrealizować... aby na wszystkich przeglądarkach i IE wygladało to i zachowywało się tak samo.... Kiedy już coś osiągnąłem nagle okazuje się, że w IE nie da sie zaznaczać tekstu w divie , zaznacza sie albo wszystko albo nic... sic... ściągałem nawet sztandarowy lay z jakiegoś tam kursu który polecają wszyscy na necie.. ok, wszystko pięknie, wygląda tak samo na IE i FF... Niestety moja radość szybko sie skończyła, gdy nacisnąłem przycisk odsłaniający na mojej stronie jakiegoś ukrytego diva... Wtedy cały lay w IE legł w gruzach bo menu sobie gdzieś wyskoczyło na środek ekranu, jedna boczna kolumna gdzieś poza ekran... i .. skoda gadać... Ja wiem jakie są argumenty divo-maniaków, co jesli niewidomy wejdzie na stronę, co jeśli ktoś otworzy na komórce... ale ludzie, opanujcie się trochę w tej modzie na divy.. Sprawdźcie w statystykach ile było wejść z telefonu komórkowego na waszą stronę przez rok, ilu niewidomych ma zamiar przeglądać galerię zdjec czy zbudować subwoofer... Zadajcie sobei pytanie czy siedzenie przy layu 4 tygodnie jest warte tego aby raz a rok ktoś zechciał sobie odczytać głosowo waszą stronę - a wtedy i tak okaże się że w innym miejscu zrobiliście myk, który uniemożliwia poprawne odczytanie strony... Tak, że ja nie popieram tworzenia całych layów na tabelkach, bo to faktycznie nieraz masakra może powstać, ale chlastanie się divami tyle czasu, dla samej sztuki to się mija z celem moim zdaniem, a często okaże się że finalnie strona nie będzie taka jaką sobie wymarzyliśmy a taka na jaką pozwala DIV, i IE... tak że, problem z IE napotkałem, gdyż IE nie potrafiło poprawnie wyświetlać zagnieżdżonych divów... Prawa zawartość strony pojawiała mi się na lewym menu, mimo iż wszelkie znaki w htmlu i cssie wskazywały że tak być nie powinno. Cuda na kiju działy się jak doszło do wyświetlania ukrytych divów - te sobie skakały po ekranie jak im się żywnie podoba... Zatem rozwiązanie najprostsze i najbardziej skuteczne, tym samym kod wcale nie jest bardziej skomplikowany, no i każdy div wie gdzie do cholery jego miejsce.. Tabelka z 2 kolumnami, lewa na menu, prawa na zawartość.... PS. przeglądarki textowe potrafią ze strony divowych zrobić większy burdel niż ze stron opatych na tabelach... więc to dla mnie żaden argument.. divy to po prostu moda szerzona przez fanatyków, bo w 80% przypadków spokojne można zastosować inne rozwiązania bez żadnych niekorzyści płynących z tego tytułu... I jeszcze raz podkreślę :).. Nie sugeruję żeby budować strony na tabelach, jeśli można divy to jak najbardziej, ale czasami trzeba wyczuć czy opłaca sie śleczeć po nocach i wyrywać resztki włosów ze swojej głowy aby zrobić stronę na samych tylko divach umieszczajac na niej dumny pixelart TABLE FREE, i szpanować przed kolegami na forum jakim to kozakiem się nie jest :). Moja storna zawiera tabelkę oraz divy i jest poprawna wedle standardów W3C.. cała reszta to po prostu moda.... Edytowane 12 Listopada 2006 przez PelzaK Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
fr4 Napisano 13 Listopada 2006 Zgłoś Napisano 13 Listopada 2006 A ja juz sobie ze swoim problemem poradzilem... Zrobilem caly layout od nowa w oparciu o div'y tak jak poradzili mi SGJ i inni :D Przynajmniej troche sie nauczylem bo dotychczas strony robilem przewaznie na tabelkach. Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
PelzaK Napisano 13 Listopada 2006 Zgłoś Napisano 13 Listopada 2006 no ale nie oszukujmy się... lay jest prosty jak większość prostych layów opartych na divach... Nie ma w nim żadnych udziwnień, przynajmniej na razie... mnie trochę już nudzi taki stan rzeczy... :) Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
bellum Napisano 14 Listopada 2006 Zgłoś Napisano 14 Listopada 2006 bo samymi DIV-ami wszystkiego nie da sie zrobić tak jak by sie chciało, są nieodzowne do elementów dynamicznych do łatwej budowy elementów ramowych ale tak czy inaczej kiedyś zawsze pojawia sie konieczność zastosowania tabeli to jest ciekawe, ze zawsze kiedy pojawia się coś nowego to natychmiast wyrasta grupa ortodoksów którzy starają się wciskać novum na siłę wszędzie gdzie jest choć odrobina szansy ze sie przyjmie, ale zwykle po okrzepnięciu sytuacji po chwili szaleństwa wszystko wraca do normy i obie technologie zaczynają współistnieć w harmonii, więc spokojnie wszytko się wyrówna, widocznie jest jeszcze za wcześnie PS. layout to nie wszystko i tak cała mechanika strony zwykle jest nie widoczna a layout każdy może sobie zmienić wedle życzenia Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
PelzaK Napisano 15 Listopada 2006 Zgłoś Napisano 15 Listopada 2006 no przynajmniej Ty jeden to zauważyłeś... bo czytając różne fora można stwierdzić ze ludzie dostali szału macicy z divami.. wszędzie wszystko na divach, bo tak jest poprawnie politycznie :). W wielu przypadkach nie patrzą nawet na to, że te wypociny nie działają w IE lub działają koślawo, a niestety IE jest wciąż najpopularniejszą przeglądarką (nie mówię o tubylczej społeczności :) ) W pogoni za divami, nagle ktoś stwierdza, że o kurde, pod IE nie działa... i drogi sa dwie.. albo tworzy tak zakręcony kod, który jest 3x bardziej nieczytelny niż tabelki (co łamie postulat o przejrzystości kodu na divach), albo zaczyna upraszczać stronę.. i wychodzi standardowy, divowy, lay, typu heder, content, footer, wszystko o stałej szerokości, wysokości, i nie daj Boże lay był tworzony na 800x600, to w 1600 mamy śliczną malusieńką stronkę na ekranie... heh no, koniec dywagacji nt wyższości jajka nad kogutem :) Cytuj Udostępnij tę odpowiedź Odnośnik do odpowiedzi Udostępnij na innych stronach More sharing options...
