Tytuł: Obwódki oraz rozmieszczanie (HTML i CSS) Wiadomość wysłana przez: Gacko on 02.07.2009, 11:32:36 Witam, narodził się pewien problem przy tworzeniu stronki... Otóż, przy załadowaniu obrazków do menu wraz z odsyłaczami do poszczególnych podstron(wszystko znajduje się w jednym folderze) odsyłacze działają! Problem jest z obwódkami przy owych odsyłaczach....
Zamieszczam kody (HTML i CSS) i jednoczenie prośba o pomoc w wyeliminowaniu tego "buga" :P Cytuj <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="copyright" content ="Bartłomiej Dobrowolski"/> <meta name="author" content="Bartłomiej Dobrowolski"/> <head> <title>Bartłomiej Dobrowolski vel Dobrotek - portfolio</title> <link rel="stylesheet" type="text/css" href="type.css" /> </head> <body> <a href="strona.html"><div id="menu"><img src="obrazki/Menu/menu.png" alt="strona glowna"></div></a> <a href="art.html"><div id="menu1"><img src="obrazki/Menu/menu1.png" alt="Art"></div></a> <a href="zdjecia.html"><div id="menu2"><img src="obrazki/Menu/menu2.png" alt="zdjecia"></div></a> <div id="newart"><img src="obrazki/newarts.png" alt="najnowsza praca"></div> <div="naglowek"><font size="6" color="white"> Witam w moim portfolio. </font> </div> <div id="informations"> <font size="4"> Nazywam się Bartłomiej Dobrowolski.<br /> Występuję również pod nickiem Dobrotek. Obecnie mieszkam w Łodzi i <br /> uczęszczam do 1 klasy Liceum Ogólnokształcącego. <br /> Wszystkie prace tworzę w GIMPie.<br /> </font> </div> </body> </html> zaś CSS wygląda tak: Cytuj body { background-color: #000000; margin-left: 200px; margin-right: 150px; margin-top: 30px; background-image:url(obrazki/tlo.png); background-repeat:no-repeat; background-attachment: scroll } #menu { position:absolute; top: 100px; left: 200px; } #menu1 { position:absolute; top: 100px; left: 326px; } #menu2 { position:absolute; top: 100px; left: 438px; } #informations { position:absolute; color: #E6E6FA; top: 300px; left: 190px; } #newart { position:absolute; top: 20px; right: 20px; } #naglowek { position:absolute; color:#E6E6FA; top: 100px; left: 190px; dołączam jeszcze wygląd (w FF) (http://www.gimpuj.info/replacement.png) Co ciekawsze, w Google Chrome takiego problemu nie ma. Kombinowałem jeszcze z metodą filtra Image Map, lecz tutaj już żadnego obrazka nie ma :P Cytuj <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="copyright" content ="Bartłomiej Dobrowolski"/> <meta name="author" content="Bartłomiej Dobrowolski"/> <head> <title>Bartłomiej Dobrowolski vel Dobrotek - portfolio</title> <link rel="stylesheet" type="text/css" href="type.css" /> </head> <body> <img src="tlo.jpg" width="1024" height="255" border="0" usemap="#map" /> <map name="map"> <!-- #$-:Image map file created by GIMP Image Map plug-in --> <!-- #$-:GIMP Image Map plug-in by Maurits Rijk --> <!-- #$-:Please do not edit lines starting with "#$" --> <!-- #$VERSION:2.3 --> <!-- #$AUTHOR:Dobrowolska --> <area shape="rect" coords="367,92,479,160" alt="Prace" href="art.html" /> <area shape="poly" coords="241,92,276,161,368,161,367,91,366,92" alt="Strona Główna" href="strona.html" /> <area shape="poly" coords="481,91,481,162,591,161,624,92" alt="Zdjęcia" href="zdjecia.html" /> </map> </body> </html> Myślałem, że ten filtr problem rozwiąże jeśli chodzi o menu, ale stało się inaczej... Pozdrawiam, Dobrotek Tytuł: Odp: Obwódki w stronce (HTML i CSS) Wiadomość wysłana przez: Kutsu on 02.07.2009, 11:47:39 A może by dać w CSS coś w stylu:
Kod: a:link { U mnie działało. Tzn głównie chodzi o border :) Tytuł: Odp: Obwódki w stronce (HTML i CSS) Wiadomość wysłana przez: Gacko on 02.07.2009, 13:59:08 Przepraszam za double post'a, ale nasunęło mi się jeszcze kilka pytań... :-[
Mam dane odnośnie obrazków: Kod: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 1.I bez ciągłego "kopiuj wklej", można to zrobić by był jako uniwersalny we wszystkich podstronach? 2. W arkuszu CSS Kod: body problem polega na tym, że #decoration w ogólnie nie reaguje na zmiany położenia. Wpiszę top: 300 - nie zmienia położenia. Jak kombinowałem z #newart to wszystko szło bez problemu, mogłem obrazek rozmieścić, gdzie się żywnie podobało, ale z decoration już są problemy... Mam nadzieję, że w miarę zrozumiale przedstawiłem problem, a zakładać kolejne wątki raz po raz głupio by było... zaraz topic zmienię na bardziej przejrzysty Tytuł: Odp: Obwódki oraz rozmieszczanie (HTML i CSS) Wiadomość wysłana przez: Luczi on 02.07.2009, 21:56:21 Dokładnie nie analizowałem kodu, ale czy wrzuciłeś go do Validatora ?
A może by dać w CSS coś w stylu: Kod: a:link { U mnie działało. Tzn głównie chodzi o border :) Nie lepiej: Kod: a#div :link wtedy tylko w tych divach będzie to zdefiniowane. Moim zdaniem najlepiej będzie zrobić: Kod: img Ja "miszcz" nie jestem ale tak mi sie wydaje. Tytuł: Odp: Obwódki oraz rozmieszczanie (HTML i CSS) Wiadomość wysłana przez: Gacko on 03.07.2009, 09:43:59 Hmmm. Jak już dalej jesteśmy przy tych obwódkach to zastosowałem metodę border'a bezpośrednio na obrazku :P
border;0px; i hula :D Kod: <a href="strona.html"><div id="menu"><img src="obrazki/Menu/menu.png" style="border:0px; alt="Strona Glowna"></div></a> Problem drugi w moim double post'cie został rozwiązany 8-) Cytuj problem polega na tym, że #decoration w ogólnie nie reaguje na zmiany położenia. Wpiszę top: 300 - nie zmienia położenia. Jak kombinowałem z #newart to wszystko szło bez problemu, mogłem obrazek rozmieścić, gdzie się żywnie podobało, ale z decoration już są problemy... teraz nadzieja na to, że będzie osoba która pomoże z pkt. 1 :) Cytuj 1.I bez ciągłego "kopiuj wklej", można to zrobić by był jako uniwersalny we wszystkich podstronach? Pozdrawiam, Dobrotek Tytuł: Odp: Obwódki oraz rozmieszczanie (HTML i CSS) Wiadomość wysłana przez: wywrot4 on 05.07.2009, 20:07:59 możesz zrobić tak
Kod: ../../obrazki/Menu/menu2.png Tytuł: Odp: Obwódki oraz rozmieszczanie (HTML i CSS) Wiadomość wysłana przez: Gacko on 06.07.2009, 00:01:38 To będzie sam obrazek. A mi chodziło o to by we wszystkich podstronach był ten sam kod:
Kod: <a href="strona.html"><div id="menu"><img src="obrazki/Menu/menu.png" alt="Strona Glowna"></div></a> bez osobnego włażenia na stworzone przez siebie podstrony, tylko zrobić taki jeden uniwersalny. Próbowałem tak jak jest z CSS'em czyli wsadziłem: Kod: <link rel="stylesheet" type="text/html" href="glowne.html" /> I jakoś nie podziałało, a w necie skąpo o tym jest :-\ Przynajmniej to co potrzebuje... Tylko ten jeden problem i więcej głowy nie zawracam :P Pozdrawiam, Dobrotek Tytuł: Odp: Obwódki oraz rozmieszczanie (HTML i CSS) Wiadomość wysłana przez: wywrot4 on 06.07.2009, 10:27:32 To podaj pełny adres do podstron i obrazków np.:
Kod: <a href="http://dobrotek.pl/strona.html"><div id="menu"><img src="http://dobrotek.pl/obrazki/Menu/menu.png" alt="Strona Glowna"></div></a> i wtedy możesz spokojnie wstawiać menu w każdej podstronie bez obaw że coś nie będzie działać |