Jump to content

Featured Replies

Powiem wprost...W CSS jestem zielony. Jednak chcąc nie chcąc musiał zklecić w tym jakąś stonkę. Niby wszystko jest ładnie i bez błędów. Jednka zależnie od przeglądarki strona wyświetla się nie tak jak powinna. o_O

Ktoś kapuje o co chodzi?

 

Tak wygląda strona w oknie przeglądarki (IE)

errorbe.jpgw800.png

 

Tak powinna wyglądać i tak jest wyświetlana przez Dw...

dwtemplate.jpgw800.png

 

 

Jeśli ktos ma ochote mi pomóc to będę wdzięczny, podeslę w razie potrzeby pliki na maila z kodem i resztą...

 

Pozdro...

  • Replies 3
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

hohoho pokaż co tam masz w kodzie. Chętnie pomogę.

Do menu używaj list, chyba że już tak robisz (czego jednak nie widać w Dw :) ) w kodzie html piszesz wtedy

 

</pre>
<ul>
link 1
link 2
link 3
link 4

 

z kolei w css musisz opisać wygląd. Chcesz by wyświetlało się to w jednej linii, a każdy link miał odpowiednią szerokość i wysokość:

 

ul, ul li{
display: block; //zamyka tekst w bloki, którym można nadawać rozmiar itp
margin: 0; //usuwa marginesy
padding: 0; //usuwa odstępy
list-style: none; // usuwa kropeczkę przy linku
}

ul li {
float: left; // wyrównuje wszystko do lewej w jednej linii
}

 

Teraz masz już menu w jednej linii, dalsza część to określenie wyglądu linków - rzecz najważniejsza :

 

ul a:link, ul a:visited, ul a:active{
width: xx px; // (zamiast xx wpisujesz szerokość linku)
height: xx px // (to samo co wyżej tylko dotyczy wysokości)
text-align: center; // (wyrównuje linki do środka swoich bloków

 

I jeszcze mała rada: jeśli ustawisz height na np 96px, a rozmiar linka wynosić będzie 12 px, to będzie przyklejony do góry bloku. żeby go sprowadzić na środek musisz do powyższego kodu dodać

line-height: 96px; // (lub inną wartość identyczną do height)

 

Mam nadzieję że choć troche pomogłem. Jeśli chodzi o menu w css polecam to.

 

Pozdrawiam

  • Author

AT7- podeśle Ci źródelko wieczorem...

 

ZjedzKota (?! :])...O ile pamiętam miałem wcześniej w podobny sposób umieszczone menu, jedak wyskakiwał błąd z brakiem miejsca w głównym bloko o_O. Jednka Twój kodzik wygląda na Ciekawie rozbudowany, więc sprawdze to ustawienie...

 

Dzięki

Create an account or sign in to comment

Important Information

We are using cookies. Read about our Privacy Policy We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.