Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
novi soulhack css, pomoć

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
sime
Guest





PostPosted: 03.03.2005 01:35    Post subject: novi soulhack css, pomoć Reply with quote

css is some crazy $hit

Evo keko me lipo zamolia da mu pokušam napravit soulhack u css-u i ja mu sklepa css i html.

Rezultat: http://soulhack.com/

<del>U Firefoxu je genijalno, ali IE me jebe, pa ako možete pomoći to riješiti prije nego mu to dam da uploada. U IE-u je problem što ima neki dodatni padding ispod svakog h2 taga (news, web, print...), zatim, zadnji "section div" je malo preblizu predzadnjem i svi section div-ovi su malo pomaknuti u desno. Eto. Najbolje da otvorite u Firefoxu i IE-u istovremeno pa da vidite sami. Hvala.

Edit: Znam da vlada span manija, ali trenutno se to ne može drugačije riješiti. Ono pink "//" bi se moglo preko bulleta ali to je sad tema za drugu priču. A i mislim da je i ovo velik napredak u onosu na trenutnu verziju sa tablicama.</del>

Edit: keko uploadao, prominia sam link, sad je direktno na njegovom siteu.

Last edited by sime on 03.03.2005 17:18; edited 2 times in total
Back to top
Sulien



Joined: 04 Jan 2004
Posts: 2905
Location: Zagreb

PostPosted: 03.03.2005 03:19    Post subject: Add user to your forum ignore list Reply with quote

baš sam te mislio napasti zbog // ali onda sam pročitao zadnju liniju Smile

definitivno ih se riješi Mad

da popraviš css za IE unesi ovo
Code:
h2 { font-size:1em; }
* html .section_last { float:left; }
* html .section_first { margin-left:15px; }


čini se da najbolje funkcioniram u ovo doba

"debugging" css-a se radi na sljedeći način: staviš na div-ove koji te zanimaju pozadine red, green, blue, yellow, #ccc, #ffe ili što god; ili im staviš border:1px dotted #ccc (ako ti layout nije pixel-sensitive)

...i čarolija!!! sve ti postane jasno Wink
Back to top
View user's profile Send private message Send e-mail Visit poster's website
red



Joined: 03 May 2004
Posts: 919
Location: Zabok

PostPosted: 03.03.2005 10:03    Post subject: Add user to your forum ignore list Reply with quote

Nisam ni čitao jeste li riješili problem, ATM mi se ne kopa po tom.

U vezi debugginga, good advice. Additional advice: ponekad dodavanje 1px bordera zna sjebat layout, pa treba pripazit, zato je bolje dodat bg. Ja se služim FF web dev tulbarom za te stvari - u zadnje vrijeme mi najdraža Info -> display topographic info.

_________________
Get busy living, or get busy dying.
Back to top
View user's profile Send private message Visit poster's website Twitter profile
Sulien



Joined: 04 Jan 2004
Posts: 2905
Location: Zagreb

PostPosted: 03.03.2005 11:50    Post subject: Add user to your forum ignore list Reply with quote

red wrote:
Ja se služim FF web dev tulbarom za te stvari

ali kad debuggiraš IE onda nemaš WDT Sad

so stick with bgrounds Smile
Back to top
View user's profile Send private message Send e-mail Visit poster's website
zytzagoo
mi3.crew


Joined: 25 Aug 2003
Posts: 1842
Location: Zagreb, Hrvatska

PostPosted: 03.03.2005 13:15    Post subject: Add user to your forum ignore list Reply with quote

Sulien wrote:
red wrote:
Ja se služim FF web dev tulbarom za te stvari

ali kad debuggiraš IE onda nemaš WDT Sad

so stick with bgrounds Smile

Nemaš WDT, al imaš ovo: http://www.nils.org.au/ais/web/resources/toolbar/

Nisam probao, navodno je kul Smile
Back to top
View user's profile Send private message Visit poster's website Twitter profile
zytzagoo
mi3.crew


Joined: 25 Aug 2003
Posts: 1842
Location: Zagreb, Hrvatska

PostPosted: 03.03.2005 13:19    Post subject: Add user to your forum ignore list Reply with quote

OK, instalirah. Seems cool. Nema bas sve sto ima wdt, ali ima neke stvari koji wdt nema. Svakako će poslužiti Smile
Back to top
View user's profile Send private message Visit poster's website Twitter profile
sime
Guest





PostPosted: 03.03.2005 13:26    Post subject: Reply with quote

Evo ga novi je online:
http://soulhack.com/ + CTRL+F5.

Ali sada ima problem da kada se resiza tekst u Firefoxu na veći onda je txt cut-off? Ja sam riješio clearing float sa nekom novom metodom: overflow:hidden sa sitepoint sitea, manje kôda. Možda to radi problem. Ima i overflow:auto ali onda se u nekim slučajevima javlja scrollbar, a sa ovom je očito problem taj što se sadržaj cut-offa :)

Riješia sam i span maniu i stavia bullet.

Veliko hvala Sulienu!

Edit: linkovi.

Last edited by sime on 03.03.2005 17:19; edited 1 time in total
Back to top
sime
Guest





PostPosted: 03.03.2005 13:50    Post subject: Reply with quote

Let the words speak for itself:

Web site speed report :)

Eto, stavia sam ti css u index.html jer ionako imaš samo jednu stranicu tako da server ima manje requesta, tako je bolje, brže. I stavia sam ti moj super pimp (tm) source kôd. Enjoy.

Edit: Link.

Last edited by sime on 03.03.2005 17:23; edited 1 time in total
Back to top
keko



Joined: 06 May 2004
Posts: 531
Location: Split

PostPosted: 03.03.2005 16:14    Post subject: Add user to your forum ignore list Reply with quote

tenju tenkju tenkju... cujemo se jos Wink

_________________
happiest boi newer!
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
sime
Guest





PostPosted: 03.03.2005 17:22    Post subject: Reply with quote

keko wrote:
tenju tenkju tenkju... cujemo se jos ;)

Nema beda, zahvali se i sulienu :) aj ća
Back to top
sime
Guest





PostPosted: 03.03.2005 17:40    Post subject: Reply with quote

BTW, ono "code update by minimalnoise.com. aight!" moš slobodno maknut ili prominiti, to sam stavia zbog css-a da vidim marginu druge vijesti... Samo nemoj sad sjebat kôd ;)
Back to top
sime
Guest





PostPosted: 04.03.2005 00:03    Post subject: Reply with quote

E da, i promini ovo:
Code:
h1,h2{
 text-indent:-4000px;
}

u ovo:
Code:
h1,h2{
 text-indent:-10000px;
}

NIkad ne znaš kakvih sve monstruma od monitora ima :)
Back to top
keko



Joined: 06 May 2004
Posts: 531
Location: Split

PostPosted: 04.03.2005 00:19    Post subject: Add user to your forum ignore list Reply with quote

..tenk ju tu sulli Wink ...
al nesto me jebe..sato su mi u ffu neki linkovi u rozo :S ..a u kodu je sve oke Question Idea

_________________
happiest boi newer!
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
sime
Guest





PostPosted: 04.03.2005 00:39    Post subject: Reply with quote

Zato što su visited. IIRC, tako ti je bilo i prije. Promini "a:visited" po želji.

A ako misliš na one u news sekciji ili one tvoje contact linkve oni su isto namjerno pink, makni im "class="txtpink" ako oš.
Back to top
sime
Guest





PostPosted: 04.03.2005 00:46    Post subject: Reply with quote

Ej, prominia si text-indent u -1000 umisto u -10000.

A kod newsa, neka ti bude class="first" uvik na prvom newsu a u ostalima bez toga, samo h3:

Code:

<h3 class="first">03.03.2005</h3>
<p>code update by <a href="http://minimalnoise.com/" class="txtpink" onclick="this.target='_blank';">minimalnoise.com</a>. aight!
<h3>10.02.2005</h3>
<p>soulhack is online.
<p>special thx to <a href="http://www.forss.to/" class="txtpink" onclick="this.target='_blank';">forss</a>.

A ne onako kako si ti stavia (obrnuto).
Back to top
sime
Guest





PostPosted: 04.03.2005 00:56    Post subject: Reply with quote

Ne znam dali editiraš u Dreamweaveru, ako da, preporučam ti neki tekst editor jer bi ti Dreamweaver moga lako sjebat kôd.

Za ovaj sajt ti je ful jednostavno i kôd je razumljiv. Probaj Notepad2.

BTW, falia si mi adresu u linkovima. Ide http://minimalnoise.com/ :)
Back to top
keko



Joined: 06 May 2004
Posts: 531
Location: Split

PostPosted: 04.03.2005 01:03    Post subject: Add user to your forum ignore list Reply with quote

all done..tenkju onc again Wink

_________________
happiest boi newer!
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
sime
Guest





PostPosted: 04.03.2005 01:04    Post subject: Reply with quote

Eto, sad je sve ok.

Ako te što još zanima pitaj nabrzaka sad jer me nema sljedeća dva dana a sad iden leć.
Ako budeš ima još kakvih problema, pitaj ode, u ovaj thread, ljudi će ti pomoć...
Back to top
Sulien



Joined: 04 Jan 2004
Posts: 2905
Location: Zagreb

PostPosted: 04.03.2005 14:16    Post subject: Add user to your forum ignore list Reply with quote

Code:
onclick="this.target='_blank';"

nismo li o ovome nedavno na nekom threadu? Smile

mislim, standards compliant JS fejkanje target=_blank je još uvijek target=_blank Confused

no ajd dobro
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Pekx



Joined: 09 Sep 2004
Posts: 559

PostPosted: 04.03.2005 16:43    Post subject: Add user to your forum ignore list Reply with quote

se smije znati koje si fontove koristio?
za linkove i ove na slikama :
btw: RECPECT, me 2 radi stranicu CSS ONLY! Very Happy aiiii Very Happy

_________________
mp3hr.com
Back to top
View user's profile Send private message Send e-mail
keko



Joined: 06 May 2004
Posts: 531
Location: Split

PostPosted: 04.03.2005 17:20    Post subject: Add user to your forum ignore list Reply with quote

a nes ti fonta Smile mos bilo koji ..kad se smanji svi su isti Smile
a btw. mislin da je bia: Trebuchet MS ili Cachet(onaj stari od HTa )

_________________
happiest boi newer!
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
red



Joined: 03 May 2004
Posts: 919
Location: Zabok

PostPosted: 04.03.2005 17:54    Post subject: Add user to your forum ignore list Reply with quote

Looks like HT više nego trebuchet.

_________________
Get busy living, or get busy dying.
Back to top
View user's profile Send private message Visit poster's website Twitter profile
sime
Guest





PostPosted: 05.03.2005 17:02    Post subject: Reply with quote

Sulien wrote:
Code:
onclick="this.target='_blank';"

nismo li o ovome nedavno na nekom threadu? :)

mislim, standards compliant JS fejkanje target=_blank je još uvijek target=_blank :?

no ajd dobro

Znam, to keko želi da mu se otvara u novim prozorima, ja sam samo nalupa source, i pobrinia se da bude valid HTML i CSS. Sa ničim drugim neam veze.
Back to top
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group