Uzyskalem wyglad jak w drugim zalaczniku.
Mzoe ktos pomoze to zmeinic??
stone
30-11-2006, 21:20
na początek wywaliłbym to 12px 5px i zobaczył efekt, tlo najlepiej sobie wyrownac do gory i prawej tak aby scięty róg był widoczny,
Zmien także nazwę pliku aby nie zwierała spacji
nspk
30-11-2006, 21:43
Tak jak poradziles, zmeinilem nazwe pliku, oraz usunolem te rozmairy.
Jakimi komendami moge wyrowanc obrazek wedlug twoich wskazan??
W zalaczniku numer trzy jest wynik tego co osiagnolem do tej pory.
stone
30-11-2006, 21:49
np
background: url(../images/manu gorne.JPG) no-repeat top right;
albo bottom lub left (nigdy nie wiem jak to użyć :)
nspk
30-11-2006, 22:04
Hehe coraz lepsze efekty osiagam:D, - oczywiscie dzieki Twojej pomocy Stone;)
Moze doradzilbys mi jak wysrodkowac teskt w obrazku, oraz jak zlikwidowac ta dolna czerowna przerwe i wykonac obramowanie przyciksu w tym samym kolorze co ten czerowny??:D
Inna sprawa czy da sie jakos powiekszyc ten obrazek??
Mam nadzieje ze Cie nie mecze;)
stone
30-11-2006, 22:10
Wyśrodkowanie to nie w tej klasie, a ale w klasie dla komórki w jakiej link się znajduje ale zmniesz to
padding-left: 23px;
Już będzie lepiej
Co do czerwonej linii to już musisz kombinać szerzej, z położeniem modułu np
Edit.
a w sumie dodaje jeszcze
padding-right:
w takiej samej wartości jak left i będzie ok
nspk
30-11-2006, 22:23
Dzieki wielkie za ten padding-right:), od razu pomglo.
Z polozeniem modulu, to musze chyba edytowac php??
stone
30-11-2006, 22:32
Może nie od razu php, tylko dalej css tylko musisz zobaczyc w kodzie strony jakie klasy w tej okolicy wystęują i poeksperymentowac:)
nspk
30-11-2006, 22:39
Ok wielkie dzieki:)
Jeszcze jedno pytanko. Nie orientujesz się może jak rodzielić background portalu, od backgroundu panelu administracyjnego, a dokladnie pol edycji tekstu do artykolow - w mojej templatce jest to zalezne.
stone
01-12-2006, 08:16
We właściwościach edytora (w części mambots) powinno być możliowośc przyporządkowanie pliku css, wpisz jakiś nieistniejący
nspk
01-12-2006, 08:51
Wlasnei do tego doszedlem jak zoabczylem Twoja odpowiedz;)
A co do tych klas wokol gornego menu mam cos takiego, jak to od Siebie moze byc zalezne:
<table width="100%" border="0" cellspacing="0" cellpadding="0" background="templates/sb_brutus/images/grbck.gif">
<tr>
<td bgcolor="#efefef"> </td>
Hmm usunolem w tabeli cellsapcing, ale to nie wiele dalo:). Zniknela tylko linia odzielajaca menu glowne od glownego okna:]
Zrobilem screena z dreamweavera - zalacznik 1. Diva wewnatrz tej komorki nie moge zanic rozciagnac aby zakryl cala komorke:(
Drugi zalacznik pokazuje po zminaie koloru w dreamie.
Zmiana wielksoci obrazka pomogla:)
A teraz wogole cos dziwnego sie dzieje:
1. w zalaczniku "jeden" wyglad po otwarciu strony
2. w zalaczniku "dwa" wyglad po nacisnieciu "o nas"
Czyzby za duzy rozmiar obrazka??
Moze ktos by mi pomogl porpawic templatke??
Jak by ktos sie poswiecil to niech pisze an gg 4511475 , lub tlena: nspk@o2.pl
Viking
02-12-2006, 23:13
porad udzielamy na forum z nadzieją (niezbyt rozsądną może), że jak później ktoś będzie się borykał z podobnym problemem to znajdzie gotową odpowiedź. dlatego nie udzielamy ich zasadniczo na priv (wyjątki: potrzebny dostęp do administacji serwisu, ktoś nas rozczuli a wiemy, że problem jest tak banalny lub jednostkowy, że nie warto go omawiać na forum).
Wracając do problemu: dla początkujących w html/css przydatny jest global reset (*{margin:0;padding:0}) opisywany przeze mnie nieco szerzej niedawno. Jeśli się nie mylę, problem jest w tym, że któryś z elementów ma zdefiniowany padding lub margin domyślny. Inna możliwość jest taka, że komórka jest za wysoka w stosunku do zawartości: spróbuj z vertical-align eventualnie line-height.
Dodatkowo jestem zdania, że graficzne edytory www nadają się zgrubsza do stron statycznych, a przy dynamicznych powodują dodatkowe problemy.
Koniec, końców nie bardzo rozumiem powyższego posta więc możliwe że bredzę ;)
nspk
03-12-2006, 08:11
Qrczarz wkleilem w zalaczniku dwa nie ten obrazek co chcialem:]
Po pierwsze - Viking czego uzywasz do tworzenia templatek?? Jakich narzedzi??
Druga sprawa to ja teraz poprawic templatke aby sie nie rozjdzala tak jak w zalacznikacha daje??(sprawdzilem globalny reset wklejajc do css *{margin:0;padding:0} - spowodowalo to to, ze templatka troszke podciagnela sie w gore, ale nie poprawilo beldeu rozciagania po kliknieciu w top menu)
Instrukcje vertical-align, line-heigh wogole nic nie zmeinialy:/.
Odkrylem ze w firefoxe i operze topmenu jest dobrze foramtowane - nierozciaga strony:]. tylko gowniany ie ma problemy??
Viking
03-12-2006, 12:39
Narzędzia: piszę w trybie wyłącznie tekstowym i podglądam w kilku przeglądarkach (IE, Opera, Mozilla i FF) pisać możnanawet w notatniku, ale podświetlanie składni pozwala łatwiej orientować się w obfitszym kodzie (PSPad). Dreamweaver nie jest darmowy, a jego filozofia podświetlania nie bardzo mi odpowiada, ma natomiast bardzo wygodną możliwość autouzupełniania i jeszcze pare gadżetów (widoku graficznego nie używałem bo nie jest miarodajny w podglądzie a tym bardziej edycji).
Załączone przez Ciebie obrazki są przydatne, ale pozwalają się tylko domyślać w czym problem. Możesz podlinkować stronę?
Przy takich objawach jak podajesz wygląda na to, że w jakimś elemencie blokowym, raczej nadrzędnym do menu, zadana wysokość jest mniejsza niż wysokość jego zawartości (IE interpretuje height jako min-height). Możesz więc znaleźć odpowiedni element i dać mu overflow:hidden (wtedy dla IE height=height). Najlepiej stworzyć sobie coś takiego #overflowhidden {overflow:hidden} i wstawiać id="oveflowhidden" do kolejnych znaczników HTML w index.php jeśli nie trafisz od razu.
Drugą metodą jest wyizolowanie samego menu (makieta w HTMLu) wraz z odpowiednim fragmentem css i doprowadzenie go do porządku, później wrzucenie go w kontekście w którym występuje, aż w końcu wstawienie zmienionego css na powrót. W ten sposób dowiesz się co Ci bruździ.
Jest jeszcze kwestia obramowań (border). Potrafią przysporzyć wielu problemów jeśli chcesz dobrze wyświetlać w różnych przeglądarkach.
nspk
03-12-2006, 14:34
Tutaj masz linka do moeje strony (http://maxid.pl/projekty/doradcaenergetyczny/index.php?option=com_frontpage&Itemid=2).
Wstawiłem do css #overflowhidden {overflow:hidden} ( tak mysle ze to powinno trafic do css), a teraz srpawa zanacznikow id w index.php.
Widzisz jestem strasznym laikiem jesli chodzi o php i zauwazam ze i html tez:(. Moglbys mi podac jakies dobre strony ktore dobrze opisuja strony html i php w htmlu. Bo nei abrdzo moge znalesc miejsca gdzie mam wstawic ten zancznik(okreslaja to tabele, ine rzeczy)??. Czy mam go wstawic w kazdy element strony??
Dajmy an to ta czesc kodu:
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!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">
<head>
Jak by ktos mogl to niech wstai przykaldowo jeden zancznik gdzies w kod i pokaze jak to zrobil??
Ina nie przyjemna sprawa jaka teraz odkrylem to to ze nie moge dodac podmenu :/. Po dodanieu podmenu w panelu administratora, podmenu nie pojawia sie pod menu nadrzednym.