Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Jak w dokładnym miejscu ulokować tekst?
Forum PHP.pl > Forum > Przedszkole
Devik
Hej, mam problem ponieważ gdy stosuje <br> tekst przechodzi mi wierszami za daleko i nie znajduje się w miejscu wyznaczonym (chodzi o to, że w tle na wyznaczonym miejscu w obrazku nie trafia na pole przeznaczone na tekst tylko na grafikę). Jak natomiast ulokować tekst innym znacznikiem, który w sposób bardziej dokładny pozwoli mi wybrać miejsce, w którym omawiany tekst ma zaistnieć?

Z góry dziękuje za pomoc.

Pozdrawiam!
iVorIus
Osobiście korzystam z rozwiązania przypisania elementowi klasy i ostylowania go :

  1. #element {
  2. z-index: 10;
  3. position: absolute;
  4. margin: 30px 0 0 30px;
  5. }
Devik
To pozycjonowanie jest bardzo dobre i proste. Natomiast mam jedno pytanie, co zrobić w momencie kiedy IE wyświetla inaczej rozmieszczenie tekstu aniżeli FF?
Quantum
napisać osobny arkusz CSS dla IE - odwieczny problem webmasterów winksmiley.jpg albo zrezygnować ze wsparcia dla niej haha.gif
Devik
Dziękuję. Postaram się jakoś sobie z tym poradzić choć brzmi bardzo groźnie i "trudno" smile.gif
Quantum
Jak już napiszesz osobny styl to jak masz przykładowo:

  1. <link rel="stylesheet" type="text/css" href="style.css" />


niżej dodajesz tą linijkę (po wejściu z ie6 wczyta się styleIE6.css) :

  1. <!--[if IE 6]>
  2. <link rel="stylesheet" type="text/css" href="styleIE6.css" />
  3. <![endif]-->
marian2299
Nie ma sensu "karmić trolla". Ja osobiście blokuję na moich stronach dostęp z IE6, trochę wredne ale cóż.

A propo <br> to mój edytor rozróżnia <br> i <br /> (Shift+Enter).

Ja proponuje "margin-xxxx: xxpx;".
Devik
No tak ale jak zastosować takie coś do tylko jednej rzeczy.

  1. <p><font size="-1" face="Verdana, Arial, Helvetica, sans-serif" alt="position: absolute; right: 150px; top: 116px" style="position: absolute; right: 150px; top: 116px">12 Sierpień, 2009 rok</font></p>


@marian2299: Gdyby to było takie proste. Nie mogę ignorować przeglądarki IE6. Akurat osoby, które niestety korzystają z tej przeglądarki to użytkownicy w wieku 30-50 lat.

Ponawiam prośbę.
Quantum
1. nie stosuj znaczniku <font> jest przestarzały
2. stosuj selektory :
  1. <p class="data">12 Sierpień, 2009 rok</p>


a w stylu CSS:

Kod
p.data
   {
     position: absolute;
     right:150px;
     top:116px
     font-size:11px;
      font-family:arial;
   }


o to chodziło ?
Devik
@sniffer32: Chodzi o to, że ten cały HTML jest mi potrzebny do newslettera, więc nie jestem pewien czy osobne style CSS zdadzą egzamin, skoro cały tekst źródłowy mieści się w mailu. Co mogę na to poradzić?
Fifi209
Przecież możesz zrobić jak z font...

  1. <p style="tutaj style">tutaj tekst</p>
Devik
No tak, ale teraz jak zrobić osobny styl dla IE i innych przeglądarek dla jednego tekstu.
Pawel_W
nadać mu id
Fifi209
http://mynthon.net/articles/css/szybkie_hacki

Ostatnie winksmiley.jpg

Cytat(Pawel_W @ 4.08.2009, 08:53:41 ) *
nadać mu id


Chyba napisał, że nie chce mieć pliku css ?
Quantum
Kod
<style>
    arkusz dla reszty przeglądarek
    </style>
  
   <!--[if lte IE 7]>
    <style>
    arkusz dla IE6, IE7
    </style>
   <![endif]-->


chyba powinno działać smile.gif styl 1 zostanie nadpisany przez drugi jeśli wejdziesz ze starych IE, bez dołączania osobnych plików, co więcej zachowasz porządek w kodzie, nie stosując <p style="... tylko <p class="..
Devik
Coś mi się wydaje, że to nie chce działać, albo ja źle robię.

  1. <p>
  2. <style>
  3. {
  4. position: absolute;
  5. right:150px;
  6. top:116px
  7. font-size:11px;
  8. font-family:arial;
  9. }
  10. </style>
  11. <!--[if lte IE 7]>
  12. <style>
  13. {
  14. position: absolute;
  15. right:150px;
  16. top:116px
  17. font-size:11px;
  18. font-family:arial;
  19. }
  20. </style>
  21. <![endif]-->
  22. 12 Sierpień, 2009 rok</p>
Quantum
źle tongue.gif

najpierw style, później jedynie przypisujesz selektory

  1. p.data
  2. {
  3. position: absolute;
  4. right:150px;
  5. top:116px;
  6. font-size:11px;
  7. font-family:arial;
  8. }
  9. <!--[if lte IE 7]>
  10. <style>
  11. p.data
  12. {
  13. position: absolute;
  14. right:150px;
  15. top:116px;
  16. font-size:11px;
  17. font-family:arial;
  18. }
  19. </style>
  20. <![endif]-->
  21.  
  22. <p class="data">tutaj data</p>


następnie staraj się tak zmieniać styl dla IE, aby wyglądało tak jak w innych przeglądarkach..

swoją drogą czarodziej.gif http://www.kurshtml.boo.pl/css/elementy.html

edit:

ups, brak średnika. teraz spróbuj.
Devik
Znacznik "top:" przestał działać wstydnis.gif
Pawel_W
Cytat(fifi209 @ 4.08.2009, 09:54:52 ) *
http://mynthon.net/articles/css/szybkie_hacki

Ostatnie winksmiley.jpg
Chyba napisał, że nie chce mieć pliku css ?

napisałem tu coś o pliku?
Devik
Czyli co nie da się zrobić tego, żeby tak poprawnie działało? Jest w ogóle inne wyjście z tej sytuacji? (Odpada możliwość edytowania graficznego loga)
Quantum
Cytat
Czyli co nie da się zrobić tego, żeby tak poprawnie działało? Jest w ogóle inne wyjście z tej sytuacji? (Odpada możliwość edytowania graficznego loga)

czytam i nie rozumiem, do czego dążysz, co chcesz uzyskać ?..
Devik
Podałeś mi prawidłowy kod do HTMLa, w którym lokuje sobie w dowolnym miejscu tekst (aby dobrze wyświetlał na FF i IE). Natomiast znacznik "top:", który mi nie działa nie pozwala na poprawne ulokowanie tekstu.
Quantum
Cytat
edit:

ups, brak średnika. teraz spróbuj.


zajrzyj do mojego posta raz jeszcze, 2 godziny temu poprawiłem kod tongue.gif
Devik
Nie działa dla IE. Natomiast działa dla FF
Quantum
napewno robisz to tak jak Ci napisałem ? ja po odpaleniu mojego kodu uzyskałem identyczne efekty w operze, FF i IE6.. najlepiej pokaż swój kod..
Devik
Przepraszam, już działa. Dziękuję smile.gif
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.