<b>REGISTER</b>

GFX-Sector - HTML & CSS Tutorials


 
GFX-Sector » Coding Area » Coding-Tutorials » HTML & CSS Tutorials » [HTML/CSS] Slicen + CSS div Layout » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

HTML & CSS Tutorials

Tutorials über die Auszeichnungssprache HTML und Formatierungssprache CSS
Post New Thread Post Reply

Slicen + CSS div Layout

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

brendel
Fingerwischer


brendel hat kein Avatar

Registration Date: 09.12.2007
Posts: 28

Spacer
Slicen + CSS div Layout

Slicen + CSS div Layout

      

In diesem Tutorial erkläre ich Ihnen, wie man eine Homepage sliced und danach als CSS Layout anpasst.

Hidden-Text
Guests cannot see the hidden text. Sign up today for free on our forum and enjoy all its advantages as a registered member!


Mit freundlichen Grüßen,

Alexander Brendel
www.brendelsz.de
alex@brendelsz.de



Thanks for this thread by the author

Until now 166 users have thanked
Hyd^, Babbsdrebbler, Mac, Mr. Tool, R-Style, drebur, MuRpHy xDD, Mysto & Pizzi, iller, Toushirou, Shinto, Lizard, Punisher, Sanjo, King2k7, Fayte, garfield, #p!xeL, Freddy, Mav94, StylizZ, Neckron, Dave Batista, Kayzen, Oromir, 19fnkr93, crashed, Banana, Virus Graphics, Green Shadow, Sultan, jockel77, Nico.L7Stylez, Shikamaru1993, Mr.zeeRO, Ascal, pixel., steal, RedFox, muna, deriraner, Driftstyle, garde_alpin, NiceSolution, kom, Scythe, soulicious, Klaenes, SeeBo, gramos, 91effi, picat, Orange, Liomo, Arisko, italo, babasamet, JuLi, CMX, DonGino, Striker, pixel-graphics, jpoint, Celab, ~P3n Spinn3R', style2live, Hakan, Mr.x2007, Oraniya, Baldro, Unlimited, max-egg, sh4d0w89, c22, P1LL3, Steiny, Miracoly, SeeBo-gfx, 3nri, Suszek, .DeluXe, Fäba, -RaZoR-, Bluesky, mtarnold, Underworld, theriddler, *~D@n-$pring~*, aX1, Crown, atares, axxis, B!M3O, Darkfinal, fr3sh, Colin93, creative, Soly., LeadOr, inSign, Razor_X8, Ikki, rrrumschch, Beatific Angel, king-d, bwd890, Mikey1907, Denny x3, rnbstyle, Kalado, Burksen, Pluetra, SpecterX, bNzox, Aniju, Kuso, Primus, xStrongx, King-Style, perfekt, Arny, JOinTT, ReaktionZ, Eis_Tee, cipo, Warri0r, hamso, 45G, perfect, spriter1337, nokia6234, Chail93, Rusquad, KeKsDoSe, danqe.rous, xenobeta, rForce, Artemis, Judazzz, VCJunk, Kleinafk, Sharky1980, mrs.society, White1994, mudz, MaxBrother, Snow, ++Chrischan++, Naish, Inmice, TwiX, xing, Mienic, Ali3n, Yuki, StrikeR., Annununu12, Devil_, 8Merten8, Rabe, L1ttL, ltachi Uchiha, westi1, AS-Media, zoftturbo

This post has been edited 1 time(s), it was last edited by brendel: 07.02.2008 02:06.

Slicen + CSS div Layout 07.02.2008 02:06 brendel is offline Homepage of brendel Search for Posts by brendel

Mr. Tool Mr. Tool is a male
Pfadfinder

Spender


Mr. Tool hat kein Avatar

Registration Date: 17.06.2007
Posts: 531
Location: Österreich
Program: Photoshop CS2
Deviantart: verel

Spacer
      

omg mitn slice werkzeug slicen???

dass kann ja nix..
und was du da beschrieben hast mit den dateiformaten kann ich noch was hinzuschreiben.

Im IE und Firefox wird die Farbe von .png Bilder anders dargestellt..

und das mat mit .jpg dateien längerer aufbauzeiten hat is auch falsch denn wenn man richtig slicen würde wäre im fall von deinem design der background vom content einfach im CSS ein background-color bzw. würd ich sogar den rand bei so einem einfachen design mit border machen. das einzige was da bild wäre is der farbverlauf in der headline wobei der is so hoch wie die zeile und 1 px breit dann lass ich den repeaten verbraucht auch wieder weniger resourcen.


jo das war mal mein senf dazu aber an und für sich nen nette tutorial..



Slicen + CSS div Layout 07.02.2008 08:43 Mr. Tool is offline Homepage of Mr. Tool Search for Posts by Mr. Tool

Isamu Isamu is a male
Isamu's Illusions


Avatar von Isamu

Registration Date: 17.06.2007
Posts: 636
Location: Hamburg
Program: Photoshop CS 3

Spacer
      

kann mich da nur anschließen,
außerdem denke ich das das eher in die Coding Area gehört




Nichts begegnet einem, was er von Natur nicht zu ertragen vermag.
Marcus Aurelius
Slicen + CSS div Layout 07.02.2008 09:55 Isamu is offline Homepage of Isamu Search for Posts by Isamu

Fireball Fireball is a male
Boardchef


Avatar von Fireball

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Spacer
      

Ist ein Mix zwischen Photoshop und Coding, aber da der Schwerpunkt beim Coding liegt, hab ich mal moved Wink



Slicen + CSS div Layout 07.02.2008 13:23 Fireball is offline Homepage of Fireball Search for Posts by Fireball

brendel
Fingerwischer


brendel hat kein Avatar

Registration Date: 09.12.2007
Posts: 28

Thread Starter Thread Started by brendel
Spacer
      

quote:
Im IE und Firefox wird die Farbe von .png Bilder anders dargestellt..


Ja da gebe ich dir recht, dies tut mir leid. Habe jetzt nicht an die grafik einstellung gedacht.

Das mit dem border habe ich erstmal rausgelassen, es sollte ein tutorial für Anfänger sein, die gerade mit CSS/Photoshop anfangen.

Ich saß auch an dem Tutorial ca. 4,5 stunden. Naja hoffe im großen und ganzen ist es leicht zu verstehen.

Gruß
Brendel

Slicen + CSS div Layout 07.02.2008 16:19 brendel is offline Homepage of brendel Search for Posts by brendel

muna muna is a male
Weichzeichner


Avatar von muna

Registration Date: 29.01.2008
Posts: 50
Program: Photoshop CS3

Spacer
      

mh, bei mir funktionierts nicht wirklich. Bei mir ist auf einmal alles gesliced, auch bereiche die ich nicht ausgewählt habe.



Slicen + CSS div Layout 08.02.2008 17:54 muna is offline Homepage of muna Search for Posts by muna

brendel
Fingerwischer


brendel hat kein Avatar

Registration Date: 09.12.2007
Posts: 28

Thread Starter Thread Started by brendel
Spacer
      

du kannst die doch so ziehen wie mit dem auswahlwerkzeug, oder bei dir nicht?

Slicen + CSS div Layout 09.02.2008 17:13 brendel is offline Homepage of brendel Search for Posts by brendel
 
Spacer
   
GFX-Sector
unregistered


 hat kein Avatar


Spacer

Have you enjoyed this topic?


If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

New Post 09.02.2008 17:13  
Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » Coding Area » Coding-Tutorials » HTML & CSS Tutorials » [HTML/CSS] Slicen + CSS div Layout

Similar topics to Slicen + CSS div Layout
Thread
like a diva ~ (Forum: Signaturen/Avatare)
DRopdown Menü mit CSS (Forum: HTML, CSS)
[Frage] Paint.Net Slicen? (Forum: Fragen & Probleme)
IceDive möchte sich vorstellen (Forum: Vorstellungen)
MySpace [ ALTERNATIV TECHNIQUE ] Layout - WIP! (Forum: Designs)