Devik
3.08.2009, 10:25:19
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
3.08.2009, 10:37:54
Osobiście korzystam z rozwiązania przypisania elementowi klasy i ostylowania go :
#element {
z-index: 10;
position: absolute;
margin: 30px 0 0 30px;
}
Pawel_W
3.08.2009, 10:42:32
Devik
3.08.2009, 11:09:43
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
3.08.2009, 11:14:56
napisać osobny arkusz CSS dla IE - odwieczny problem webmasterów

albo zrezygnować ze wsparcia dla niej
Devik
3.08.2009, 11:18:28
Dziękuję. Postaram się jakoś sobie z tym poradzić choć brzmi bardzo groźnie i "trudno"
Quantum
3.08.2009, 11:30:41
Jak już napiszesz osobny styl to jak masz przykładowo:
<link rel="stylesheet" type="text/css" href="style.css" />
niżej dodajesz tą linijkę (po wejściu z ie6 wczyta się styleIE6.css) :
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="styleIE6.css" />
<![endif]-->
marian2299
3.08.2009, 12:12:40
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
4.08.2009, 07:52:28
No tak ale jak zastosować takie coś do tylko jednej rzeczy.
<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
4.08.2009, 08:02:06
1. nie stosuj znaczniku
<font> jest przestarzały
2. stosuj selektory :
<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
4.08.2009, 08:46:49
@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
4.08.2009, 08:50:03
Przecież możesz zrobić jak z font...
<p style="tutaj style">tutaj tekst
</p>
Devik
4.08.2009, 08:52:08
No tak, ale teraz jak zrobić osobny styl dla IE i innych przeglądarek dla jednego tekstu.
Pawel_W
4.08.2009, 08:53:41
nadać mu id
Fifi209
4.08.2009, 08:54:52
http://mynthon.net/articles/css/szybkie_hackiOstatnie

Cytat(Pawel_W @ 4.08.2009, 08:53:41 )

nadać mu id
Chyba napisał, że nie chce mieć pliku css ?
Quantum
4.08.2009, 08:57:32
Kod
<style>
arkusz dla reszty przeglądarek
</style>
<!--[if lte IE 7]>
<style>
arkusz dla IE6, IE7
</style>
<![endif]-->
chyba powinno działać

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
4.08.2009, 09:06:38
Coś mi się wydaje, że to nie chce działać, albo ja źle robię.
{
position: absolute;
right:150px;
top:116px
font-size:11px;
font-family:arial;
}
<!--[if lte IE 7]>
<style>
{
position: absolute;
right:150px;
top:116px
font-size:11px;
font-family:arial;
}
</style>
<![endif]-->
12 Sierpień, 2009 rok
</p>
Quantum
4.08.2009, 09:10:16
źle
najpierw style, później jedynie przypisujesz selektory
p.data
{
position: absolute;
right:150px;
top:116px;
font-size:11px;
font-family:arial;
}
<!--[if lte IE 7]>
<style>
p.data
{
position: absolute;
right:150px;
top:116px;
font-size:11px;
font-family:arial;
}
</style>
<![endif]-->
<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ą
http://www.kurshtml.boo.pl/css/elementy.htmledit:ups, brak średnika. teraz spróbuj.
Devik
4.08.2009, 09:13:47
Znacznik "top:" przestał działać
Pawel_W
4.08.2009, 09:27:50
Cytat(fifi209 @ 4.08.2009, 09:54:52 )

http://mynthon.net/articles/css/szybkie_hackiOstatnie

Chyba napisał, że nie chce mieć pliku css ?
napisałem tu coś o pliku?
Devik
4.08.2009, 09:59:20
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
4.08.2009, 10:12:34
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
4.08.2009, 11:01:19
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
4.08.2009, 11:12:52
Cytat
edit:
ups, brak średnika. teraz spróbuj.
zajrzyj do mojego
posta raz jeszcze, 2 godziny temu poprawiłem kod
Devik
4.08.2009, 11:19:15
Nie działa dla IE. Natomiast działa dla FF
Quantum
4.08.2009, 11:26:26
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
4.08.2009, 12:31:07
Przepraszam, już działa. Dziękuję
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.