Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Przesunięcie napisu.
GoOx
post 3.12.2011, 19:49:03
Post #1





Grupa: Zarejestrowani
Postów: 329
Pomógł: 6
Dołączył: 23.11.2011
Skąd: Łódź

Ostrzeżenie: (0%)
-----


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.

Ten post edytował GoOx 3.12.2011, 19:56:57
Go to the top of the page
+Quote Post
!*!
post 3.12.2011, 19:57:23
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----


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;


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
GoOx
post 3.12.2011, 20:17:23
Post #3





Grupa: Zarejestrowani
Postów: 329
Pomógł: 6
Dołączył: 23.11.2011
Skąd: Łódź

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
marcwars
post 3.12.2011, 21:42:04
Post #4





Grupa: Zarejestrowani
Postów: 70
Pomógł: 0
Dołączył: 14.02.2011
Skąd: Wawa

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
!*!
post 4.12.2011, 11:51:36
Post #5





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----


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.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 05:27