View previous topic :: View next topic |
Author |
Message |
sime Guest
|
Posted: 03.03.2005 01:35 Post subject: novi soulhack css, pomoć |
|
|
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
|
Posted: 03.03.2005 03:19 Post subject: |
|
|
baš sam te mislio napasti zbog // ali onda sam pročitao zadnju liniju
definitivno ih se riješi
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 |
|
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 03.03.2005 10:03 Post subject: |
|
|
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 |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 03.03.2005 11:50 Post subject: |
|
|
red wrote: | Ja se služim FF web dev tulbarom za te stvari |
ali kad debuggiraš IE onda nemaš WDT
so stick with bgrounds |
|
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 03.03.2005 13:15 Post subject: |
|
|
Sulien wrote: | red wrote: | Ja se služim FF web dev tulbarom za te stvari |
ali kad debuggiraš IE onda nemaš WDT
so stick with bgrounds |
Nemaš WDT, al imaš ovo: http://www.nils.org.au/ais/web/resources/toolbar/
Nisam probao, navodno je kul |
|
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 03.03.2005 13:19 Post subject: |
|
|
OK, instalirah. Seems cool. Nema bas sve sto ima wdt, ali ima neke stvari koji wdt nema. Svakako će poslužiti |
|
|
Back to top |
|
|
sime Guest
|
Posted: 03.03.2005 13:26 Post subject: |
|
|
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
|
Posted: 03.03.2005 13:50 Post subject: |
|
|
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
|
Posted: 03.03.2005 16:14 Post subject: |
|
|
tenju tenkju tenkju... cujemo se jos |
_________________ happiest boi newer! |
|
Back to top |
|
|
sime Guest
|
Posted: 03.03.2005 17:22 Post subject: |
|
|
keko wrote: | tenju tenkju tenkju... cujemo se jos ;) |
Nema beda, zahvali se i sulienu :) aj ća |
|
|
Back to top |
|
|
sime Guest
|
Posted: 03.03.2005 17:40 Post subject: |
|
|
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
|
Posted: 04.03.2005 00:03 Post subject: |
|
|
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
|
Posted: 04.03.2005 00:19 Post subject: |
|
|
..tenk ju tu sulli ...
al nesto me jebe..sato su mi u ffu neki linkovi u rozo :S ..a u kodu je sve oke |
_________________ happiest boi newer! |
|
Back to top |
|
|
sime Guest
|
Posted: 04.03.2005 00:39 Post subject: |
|
|
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
|
Posted: 04.03.2005 00:46 Post subject: |
|
|
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
|
Posted: 04.03.2005 00:56 Post subject: |
|
|
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
|
Posted: 04.03.2005 01:03 Post subject: |
|
|
all done..tenkju onc again |
_________________ happiest boi newer! |
|
Back to top |
|
|
sime Guest
|
Posted: 04.03.2005 01:04 Post subject: |
|
|
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
|
Posted: 04.03.2005 14:16 Post subject: |
|
|
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 |
|
|
Back to top |
|
|
Pekx
Joined: 09 Sep 2004 Posts: 559
|
Posted: 04.03.2005 16:43 Post subject: |
|
|
se smije znati koje si fontove koristio?
za linkove i ove na slikama :
btw: RECPECT, me 2 radi stranicu CSS ONLY! aiiii |
_________________ mp3hr.com |
|
Back to top |
|
|
keko
Joined: 06 May 2004 Posts: 531 Location: Split
|
Posted: 04.03.2005 17:20 Post subject: |
|
|
a nes ti fonta mos bilo koji ..kad se smanji svi su isti
a btw. mislin da je bia: Trebuchet MS ili Cachet(onaj stari od HTa ) |
_________________ happiest boi newer! |
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 04.03.2005 17:54 Post subject: |
|
|
Looks like HT više nego trebuchet. |
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
sime Guest
|
Posted: 05.03.2005 17:02 Post subject: |
|
|
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 |
|
|
|