Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Przesunięcie napisu.
Forum PHP.pl > Forum > Przedszkole
GoOx
Witam.
Mam problem a mianowicie gdy chcę by napis odsuwał się względem obrazka to cały panel wraz z napisem odsuwa się od loga.

  1. .panel {
  2. background:url('foty/panel.png') repeat-x;
  3. margin-top:0px;
  4. margin-left:180px;
  5. width:1015px;
  6. height:60px;
  7. }
  8.  
  9. .panelnapis {
  10. margin-top:0px;
  11. margin-left:100px;
  12. text-decoration: none;
  13. }
  14.  
  15. .panelnapis a:hover {
  16. color: #ffffff;
  17. background:url('foty/bg3.png') no-repeat;
  18. text-decoration: none;
  19. }


Czy powodem jest że te 3 rzeczy które pokazałem po prostu są daleko od siebie w kodzie?

teraz plik php

  1. <link rel="stylesheet" href="styl.css" type="text/css">
  2.  
  3. <div class="panel">
  4. <div class="panelnapis">
  5. <font size="5"><a href="/index.php">Strona główna</a></font>
  6.  
  7. <font size="5"><a href="/forum/">Forum</a></font>
  8.  
  9. <font size="5"><a href="/kontakt.php">Kontakt</a></font>
  10.  
  11. <font size="5"><a href="/generator.php">Converter</a></font>
  12. </div>
  13. </div>


Oczywiście chodzi mi o margin-top

Proszę o pomoc.


Odpisze ktoś?

Odpisze ktoś?!

Sprawdziłem i że to jest daleko od siebie to nie ma nic wspólnego i tak nie działa.
!*!
Wrzuć to na http://jsfiddle.net/ poza tym zajrzyj do jakiegoś kursu html i css, bo twój kod ma mało co wspólnego z dzisiejszym standardem. A za obrazek może pomóc background-repeat: no-repeat;
GoOx
To nic nie da ponieważ ja mam stronę w kilku plikach złozaną w jedną mogę ci dac link.

http://e-computer.xaa.pl/

widzisz to strona główna forum itp? dałem na razie przez </br> bo jak daję margin-top to mi odsuwa całość razem z grafiką od loga.

To jest na moje wymagania nie specjalnie cos tam..

Chodzę do 2 klasy gim dopiero się uczę.

To jest dla kolegów przedewszystkim robione ;p
marcwars
1. Nie dopisujesz klasy do linków- powinno być np.<a href="index.php" class="panelnapis">Strona główna</a> itd.
2.zamień to <font size="5"> itd na wpisanie np. do klasy .panelnapis {font-size:5px;}

3.nie rób tylko klasy dla a:hover, tylko tez dla a, a:link, a:visited;

Niejasno postawiony problem- czy chcesz, aby napisy w menu odsuwały się od obrazka -loga?
!*!
Jak na stronę która:

Cytat
Na tej stronie dowiesz się:
- Podstaw oraz zaawansowanych części HTML'u.
- Jak zrobić strone internetową od podstaw.
- Jak wykonać rzeczy w html lub w css których nie potrafisz.


To trochę dziwne że robi to ktoś kto nie zna podstaw, dla kogoś kto rzekomo się tym zajmuje wink.gif

Jak napisał marcwars, sprecyzuj.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.