Reklama: Masz stronę WWW i nikt jej nie odwiedza , ZMIEŃ TO
Dołącz do grupy

Stwórz profil

Musisz wpisać swoje imię
Musisz wpisać swoje nazwisko
Musisz wpisać poprawny e-mail
Musisz wpisać hasło (min. 8 znaków)
Musisz zaakceptować regulamin

Łukasz Mik Technik-informatyk,
grafik, webmaster,
fotograf,
dziennik...

Temat: Grafika po za divem - jak?

Witam,

potrzebuję pomocy merytorycznej. Otóż robię projekt, który jest dość niestandardowy dla mnie. Strona jest diabelsko prosta, ale jedna belka doprowadza mnie do szału, bo kompletnie nie mam pomysłu jak to wykonać.

Otóż mam stronę w jednym pudełku i nie widziałem zbytnio sensu żeby robić ją inaczej, no i tu jest problem - jak teraz do tego wszystkiego dorzucić pasek który jest na screenie. Jego kontynuacja w środku strony jest częścią nagłówka, zaś to wszystko co za pudełkiem jest w formie 1px szerokiego backgroundu do powtarzania. Kompletnie nie mam pomysłu jak to tam teraz wrzucić. żeby też tak wystawało, no i nie rozjeżdżało się przy zoomie strony czy innych rozdzielczościach :)

Ktoś ma jakiś pomysł?

screen: http://imageshack.us/photo/my-images/51/lookzl.jpg/

Mi póki co przyszło tylko wstawienie kolejnego diva między nagłówkiem, a contentem, który byłby szerszy niż box centralny.Łukasz Mik edytował(a) ten post dnia 01.02.12 o godzinie 15:55
1.02.2012, 15:48
Link do wypowiedziLink | Cytuj

Andrzej Błaszczyk Programowanie,
e-marketing,
e-commerce

Temat: Grafika po za divem - jak?

tło dla body? z repeat-x? pasek 1px z białym tłem od góry + czerwonym paskiem
1.02.2012, 16:02
Link do wypowiedziLink | Cytuj

Łukasz Mik Technik-informatyk,
grafik, webmaster,
fotograf,
dziennik...

Temat: Grafika po za divem - jak?

też nad tym myślałem, ale to ma się powtarzać tylko i wyłącznie do połowy, a nie po całości
1.02.2012, 16:28
Link do wypowiedziLink | Cytuj

Piotr Skarżyński WebDeveloper /
WebDesigner

Temat: Grafika po za divem - jak?

<div style="position:absolute; top:Xpx; right:50%; height:Ypx; width:100%; background:Z; z-index:-1"></div>

podstaw wartości za X, Y, Z i wstaw to poza głównym div, o to chodziło?
1.02.2012, 16:44
Link do wypowiedziLink | Cytuj

Marek Borecki Programista -
frontend

Temat: Grafika po za divem - jak?

zrób obrazek o szekości jakieś 2000px. W lewej połowie tego obraz daj pasek, reszte zostawa przeźroczystą. Podaj jako tło body na odpowiedniej wysokości.

Wiem że obrazek w połowie przeźroczysty nie jest bardzo PRO, ale to jest rozwiązanie szybkie i działające, a nie powinno generować dużego narzutu na transfer.

Jako alternatywę widzę tylko aby pasek umieścić w innym elemencie o z-index < od strony i pozycjonowanie go za pomocą JSa
1.02.2012, 16:50
Link do wypowiedziLink | Cytuj

Rafał Korszuń validation architect
@ Intel

Temat: Grafika po za divem - jak?

z css3 da się bez pozycjonowania absolutnego:


background-size: 200px 50px


Ale lista przeglądarek wspierających jest raczej krótka.
1.02.2012, 16:51
Link do wypowiedziLink | Cytuj

Michał Wachowski Freelancer na
zakręcie i
bazodanowiec z
bożej łaski

Temat: Grafika po za divem - jak?

Tło, obrazki na 2000 pikseli.. Bez przesady, ludzie.

CSS


body { font: medium/1.75em sans-serif; background: #eee; }

div { margin: 10em; padding: 5em 1em; background: #fff; }

h1, h2 { width: 100px; margin-left: -3000em; padding: 0.25em 1em 0.25em 3000em; color: #fff; background: #000; }


HTML


<body>

	<div>

		<h1>Ejdz uan</h1>

		<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam.</p>



		<h2>Ejdz tu</h2>

		<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam.</p>

	</div>



</body>


Koniec.

Cały trik - margin-left na -3000, i równoważący to padding-leftMichał Wachowski edytował(a) ten post dnia 01.02.12 o godzinie 17:31
1.02.2012, 17:30
Link do wypowiedziLink | Cytuj

Łukasz Mik Technik-informatyk,
grafik, webmaster,
fotograf,
dziennik...

Temat: Grafika po za divem - jak?

Dzięki wszystkim.

To się będzie trzymać kupy na wszystkich rozdzielczościach?Łukasz Mik edytował(a) ten post dnia 01.02.12 o godzinie 19:27
1.02.2012, 19:18
Link do wypowiedziLink | Cytuj

Anita S. właściciel,
Sadurska.com

Temat: Grafika po za divem - jak?

Trudno powiedzieć, bo nie wiem jaką ma rozdzielczość ta kupa:)
Łukasz Mik:
Dzięki wszystkim.

To się będzie trzymać na wszystkich rozdzielczościach kupy?
1.02.2012, 19:24
Link do wypowiedziLink | Cytuj

Łukasz Mik Technik-informatyk,
grafik, webmaster,
fotograf,
dziennik...

Temat: Grafika po za divem - jak?

Ha ha ha :P No dobra, przysypiam :P

Nie mogę sobie zbytnio poradzić z Waszymi podpowiedziami ;)
1.02.2012, 19:27
Link do wypowiedziLink | Cytuj

Andrzej T. jak to się nie da?!

Temat: Grafika po za divem - jak?

podziwiam kolegów że zrozumieli o co chodziło w pierwszym poście Łukaszowi...

ja przeczytałem 3 razy obejrzałem rozmyty obrazek i nie wiem dalej...
1.02.2012, 19:40
Link do wypowiedziLink | Cytuj

Łukasz Mik Technik-informatyk,
grafik, webmaster,
fotograf,
dziennik...

Temat: Grafika po za divem - jak?

Nie znam slangu, a mówienie tym co wpisuję wydało mi się trochę nie teges ;)

Tak czy siak skorzystałem z porady Piotrka - najprostsza i działa świetnie. Dziękuję!

Reszcie również w pas się kłaniam, między innymi za zrozumienie 1 postu hehe :DŁukasz Mik edytował(a) ten post dnia 01.02.12 o godzinie 19:42
1.02.2012, 19:42
Link do wypowiedziLink | Cytuj

Łukasz Mik Technik-informatyk,
grafik, webmaster,
fotograf,
dziennik...

Temat: Grafika po za divem - jak?

Jeszcze szybkie pytanko: nie da się uniknąć tego, że przy zoomowaniu strony w przeglądarkach (ctrl+plus) widać, że to nie jeden spójny elementy, a jeden na drugim? Niby pozostają w tej samej pozycji, ale co większe powiększenie to w różnych miejscach wyłazi jakiś piksel gdzie nie powinien, i to po całej długości. W standardowy zoomie - zerowym nie widać nic.
1.02.2012, 20:00
Link do wypowiedziLink | Cytuj

Michał Wachowski Freelancer na
zakręcie i
bazodanowiec z
bożej łaski

Temat: Grafika po za divem - jak?

Wybrałeś takie rozwiązanie, gdzie będzie czasami coś nieteges.
1.02.2012, 21:07
Link do wypowiedziLink | Cytuj

Tobiasz Glazar Front-End Developer

Temat: Grafika po za divem - jak?

Można jeszcze tak, ale działa dopiero od IE8 w górę:

http://css-tricks.com/full-browser-width-bars/
1.02.2012, 21:59
Link do wypowiedziLink | Cytuj
« Wróć do tematów
Odpowiedz
Dołącz do grupy



Wyślij zaproszenie do

Anuluj