GoldenLine
Zaloguj się
Marek Chwil

Marek Chwil Koordynator, Chwil

Temat: ustawienie obrazka w określonej odległości od środka strony

Mój problem wygląda następująco:
Mam strone www która jest wyśrodkowana. Z jednej strony po lewej odstaje pewien element który jest obrazem. Mam problem bo nie wiem jak zrobić by go tam umieścić. Jeżeli była by to określona odległość od lewej strony to nie byloby problemu, ale każdy ma inną rodzielczość i odległość ta jest zmienna.

Jak to wygląda mozna zobaczyc tutaj:
http://sklep.okna.eu.pl/index.php
Chodzi o tą część, pasek który jest na obrazku i który wystaje z niego po lewej stronie.

Nie zaglądajcie w kod bo jest on robiony na tabelkach a ja się próbuję nawrócić i przerabiam to na css, stąd proszę o rozwiązanie stricte css.
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony

O fak... ciężko doradzić coś sensownego do tak "zgrabnego kodu"....

Nie wiem czy skumałem i obaj mamy na myśli ten sam obrazek, ale quickfixem może tu być dołączenie tego paska do środkowego obrazka a temu z kolei ustawienie ujemnego lewego marginesu.

A tak ogólnie to polecam zrobienie strony od nowa :>rafał krupiński edytował(a) ten post dnia 07.03.11 o godzinie 15:18
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony

Chodzi o ten szary pasek?
Czy o te dwa niebieskie paski obok zdjęcia?
Link do wypowiedziLink
Marek Chwil

Marek Chwil Koordynator, Chwil

Temat: ustawienie obrazka w określonej odległości od środka strony

te dwa niebieskie co wystają poza zdjęcie, ten szary zresztą teżMarek Chwil edytował(a) ten post dnia 07.03.11 o godzinie 15:37
Link do wypowiedziLink
Marek Chwil

Marek Chwil Koordynator, Chwil

Temat: ustawienie obrazka w określonej odległości od środka strony

ja tą stronę robie od nowa, dzięki temu forum właśnie staram się nawrócic na divy, bo ta strona w ie praktycznie jest nie do użytkowania,
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony

w XXI wieku strona na TABELACH?
Link do wypowiedziLink
Waldemar Hornatkiewicz

Waldemar Hornatkiewicz Front-End
Webdeveloper

Temat: ustawienie obrazka w określonej odległości od środka strony

Strona jest wyśrodkowana, ale jej rozdzielczość nie jest zmienna, więc nie masz co liczyć "od środka", tylko tworzysz sobie główny wrapper i dalej z górki - obrazki możesz przesunąć ujemnym lewym marginesem [gorzej] albo nadać im position: relative i np. left: -10px [lepiej].

Jeśli nie wiesz, o co chodzi z wrapperem, zobacz choćby kod tej strony [tzn. godlenline.pl]
Link do wypowiedziLink
Marek Chwil

Marek Chwil Koordynator, Chwil

Temat: ustawienie obrazka w określonej odległości od środka strony

może źle się wyraziłem, nie przerabiam tej strony na divy, tylko robie ją odnowa na divach stąd proszę tutaj o pomoc jak w temacie, bo jak widać na tabelkach jakoś potrafiłem to zrobić.
Link do wypowiedziLink
Marek Chwil

Marek Chwil Koordynator, Chwil

Temat: ustawienie obrazka w określonej odległości od środka strony

dzięki właśnie o takie coś mi chodzilo, niedługo sprawdzę czy działa
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony

Ujemne wartości position czy marginesów są średnio bezpieczne (hail to the IE baby).
Propozycja minimalistyczna z dodatnimi wartościami:


<div id="content">

<div id="wrapper">

	<div id="box" ></div>

	<div id="bar" ></div>

</div>

</div>

css:


#content {

	border: dashed 1px blue;

	width: 800px;

	height: 800px;

	margin: auto;

}

#wrapper {

	background-color: lightgray;

	position: relative;

	width: 2000px;

	height: 200px;

	right: 1500px;

}

#box {

	background-color: green;

	position: absolute;

	top: 20px;

	left: 1510px;

	width: 300px;

	height: 160px;

}

#bar {

	background-color: red;

	position: absolute;

	top: 30px;

	left: 1500px;

	width: 200px;

	height: 50px;}

Szerokości dałem dla przykładu. Jak się zamieni #box i #bar na img i usunie width to będzie dobrze niezależnie od szerokości obrazków.
Nie będzie działało w Quirks Mode więc trzeba pamiętać o odpowiednim DOCTYPE.Krzysztof Kawa edytował(a) ten post dnia 07.03.11 o godzinie 16:14
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony

Krzysztof Kawa:
Ujemne wartości position czy marginesów są średnio bezpieczne

Wszystko, co jest dobrze zrobione, jest bezpieczne.
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony

rafał krupiński:
Wszystko, co jest dobrze zrobione, jest bezpieczne.
..kontynuując cykl "mądrości ludu": amerykańscy naukowcy odkryli, że czepianie się stylistyki wypowiedzi nie wnosząc jednocześnie nic do tematu poprawia samopoczucie ;)
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony

Krzysztof Kawa:
rafał krupiński:
Wszystko, co jest dobrze zrobione, jest bezpieczne.
..kontynuując cykl "mądrości ludu": amerykańscy naukowcy odkryli, że czepianie się stylistyki wypowiedzi nie wnosząc jednocześnie nic do tematu poprawia samopoczucie ;)

Czytanie między wierszami przychodzi z trudem? Jeśli już używasz haseł z podręcznika dla akwizytorów typu "średnio bezpieczne" to może wytłumaczysz szanownemu gremium dlaczego w omawianym przypadku jest to "średnio bezpieczne" (sic!).
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony

Jeśli propozycja kolegi "niebezpiecznego" jest minimalistyczna to niniejszym słowo "minimalistyczne" zyskuje na znaczeniu:

http://rkrupinski.home.pl/_test/test/

Pozdrawiam

p.s. Nie testowałem w ie6 -> moja wina
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony

Po co się zaraz denerwować?
Pomyślałem, że samo wspomnienie o ujemnych wartościach i IE wystarczy, żeby co dociekliwsi sobie poszukali w google, ale skoro to problem, to służę wyjaśnieniem:

W tym przypadku nie ma to faktycznie złych konsekwencji, natomiast istnieją błędy w IE(6/7), które powodują, że w pewnych sytuacjach ujemne wartości są ignorowane i dość ciężko potem szuka się takich błędów. Używanie ujemnych wartości nie jest czymś złym, natomiast istnieją metody(podałem przykład) pozwalające osiągnąć ten sam cel bez ich użycia i w tym rozumieniu minusy są mniej bezpieczne.

To o czym mówię jest tylko dobrym nawykiem na zasadzie "warto wiedzieć/wystrzegać się" i nie miało na celu krytykowania rozwiązania podanego przez Waldemara, które jak najbardziej rozwiązuje omawiany problem.
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony


Obrazek

poważnie? to jest rozwiązanie?
<div id="partial_bg"><!-- --></div>

Co to robi? A nic, wygląda sobie.. semantyka Panie Rafale.
Poza tym skoro nie testował Pan w IE6 to od razu powiem, że nie zadziała bez pngfixa.
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony

Kolego żenujące są Twoje argumenty.

1) Jaka semantyka? Nie kumam, nie kodujemy layoutu tylko gadamy o marginesach.
2) Twoje rozwiązanie, choć gorsze (zakładałeś pewną maksymalną rozdzielczość monitora), było podobne
3) Jakbyś zadał sobie ten trud i sprawdził, odkryłbyś, że to png-8.... Jaki png fix? WTF? Nie o tym rozmawiamy


Obrazek
rafał krupiński edytował(a) ten post dnia 07.03.11 o godzinie 20:09
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony

Krzysztof Kawa:
Po co się zaraz denerwować?
Pomyślałem, że samo wspomnienie o ujemnych wartościach i IE wystarczy, żeby co dociekliwsi sobie poszukali w google, ale skoro to problem, to służę wyjaśnieniem:

W tym przypadku nie ma to faktycznie złych konsekwencji, natomiast istnieją błędy w IE(6/7), które powodują, że w pewnych sytuacjach ujemne wartości są ignorowane i dość ciężko potem szuka się takich błędów. Używanie ujemnych wartości nie jest czymś złym, natomiast istnieją metody(podałem przykład) pozwalające osiągnąć ten sam cel bez ich użycia i w tym rozumieniu minusy są mniej bezpieczne.

To o czym mówię jest tylko dobrym nawykiem na zasadzie "warto wiedzieć/wystrzegać się" i nie miało na celu krytykowania rozwiązania podanego przez Waldemara, które jak najbardziej rozwiązuje omawiany problem.

Zarówno obydwa "Meyery" jak i ZEN CSS używają ujemnych marginów, o ile dobrze pamiętam. W niektórych przypadkach IE inaczej liczy marginesy i niefortunnie sumuje ich liczbę, lecz dzieje się to na stronach, które twórca sam sobie skomplikował poprzez dużą ilość zagnieżdżeń. Konsekwentnie ułożone kontenery jeden pod drugim rzadko dają takie skutki uboczne - w przeciwieństwie do na przykład pozycjonowania względnego, gdzie od razu mamy problem z pierwszą linią bazową.
Link do wypowiedziLink
Marek Chwil

Marek Chwil Koordynator, Chwil

Temat: ustawienie obrazka w określonej odległości od środka strony

KOżystając że mam już tutaj temat, chciałbym pokazać jak udało mi się zakodować ten layout do tej pory na divach.

http://sklep.okna.eu.pl/testowy/nowy2.html

Proszę jak macie czas zerknijcie w kod czy czegoś nie dałoby się lepiej lub bardziej prawidłowo zrobić.

Koduje to trochęna czuja, bo to mój pierwszy taki kod i nie uczyłem się z żadnych tutoriali, mam nadzieje że nie wygląda aż tak źle biorąc pod uwagę moją totalną amatorszczyznę. To w koncu juz nie tabelki.

Mój największy problem jaki mam w tej chwili to górne menu. Efekt rollover nie wygląda dobrze we wszystkich przeglądarkach. Jest na to jakieś lekarstwo?
Link do wypowiedziLink

konto usunięte

Temat: ustawienie obrazka w określonej odległości od środka strony

Na pierwszy rzut oka spoko. BTW. ŚcieŻka, koRZystając itd :)
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj