<b>kostenlose REGISTRIERUNG</b>

GFX-Sector - Fragen & Probleme


 
GFX-Sector » GFX-Area » Fragen & Probleme » HTMLandCSS - Design Umsetzen..Starthilfe~ » Hallo Gast [Anmelden|kostenlos Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen

Fragen & Probleme

Hier können Fragen rund um das Thema GFX und Photoshop gestellt werden. Probleme und Anfängerfragen sind hier auch willkommen.
Neues Thema erstellen Thema ist geschlossen

HTMLandCSS - Design Umsetzen..Starthilfe~

     Deutsche Version  English version
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »

Minni Minni ist weiblich
Zauberstabbenutzer


Avatar von Minni

Dabei seit: 21.03.2012
Beiträge: 15

Guthaben: 40 Sector Coins
Aktienbestand: 0 Stück

Programm: PS CS 6

Spacer
HTMLandCSS - Design Umsetzen..Starthilfe~

HTMLandCSS - Design Umsetzen..Starthilfe~

      

~deleted~

Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Minni: 15.03.2015 17:09.

HTMLandCSS - Design Umsetzen..Starthilfe~ 17.10.2013 13:11 Minni ist offline Minni Homepage Beiträge von Minni suchen

Thanatos Thanatos ist männlich
Designartist


Avatar von Thanatos

Dabei seit: 02.05.2010
Beiträge: 1.261

Guthaben: 1.030 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Berlin
Programm: Photoshop, Wordpress, Joomla

Spacer
      

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
<div id="left-top-bg"></div>
<div id="container">
<div id="header">
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Items</a></li>
...
</ul>
</div>
<div id="feature"></div>
</div> //Header ende
<div id="content">
<div id="news-container">
<div class="news" style="float: left;"></div>
<div class="news" style="float: left;"></div>
<div class="news" style="float: left;"></div>
</div>
usw.


Bin grad etwas zu faul das komplett zu coden. Aber so sähe das Grundgerüst aus für den oberen Teil bis zu "Latest Blog Posts". Wichtig ist nur dass du dich vom groben ins feine arbeitest und die elemente richtig floatest damit sie wie gewünscht nebeneinander etc. sind.
Das Bild oben links packst du in einen div und positionierst es wie du schon sagtest absolut mit top:0; und left:0; z-index solltest du auch vergeben. Dem div feature "willkommen auf meiner kleinen seite" gibst du position relative und ebenfalls einen z-index der halt niedriger ist als der von dem bild damit es darunter liegt.

codest du das lokal oder hast du es schon irgendwo online wo man evtl. besser helfen könnte?



Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Thanatos: 17.10.2013 17:54.

HTMLandCSS - Design Umsetzen..Starthilfe~ 17.10.2013 17:53 Thanatos ist offline Beiträge von Thanatos suchen

ClOuDy. ClOuDy. ist männlich
Polygonmeister


Avatar von ClOuDy.

Dabei seit: 31.01.2010
Beiträge: 766

Guthaben: 150 Sector Coins
Aktienbestand: 0 Stück

Programm: PS CS5

Spacer
      

Du kannst es auch einfach machen:
Dem <body> das Mädel als bg geben und links oben positionieren.
<html> den Verlauf und den rest ganz normal.

Damit der Header1 so aussieht als wäre er hinter dem Bild, schneide einfach etwas von dem Mädel aus und füg es in das div ein und positioniere es links oben. Danach das div nurnoch von der Höher her anpassen (musst du ja sowieso).

Mit Html5 ginge es auch noch etwas kürzer.

Viel weniger Code.

Geht natürlich auch umständlich, wie über mir beschrieben.



HTMLandCSS - Design Umsetzen..Starthilfe~ 17.10.2013 18:14 ClOuDy. ist offline Beiträge von ClOuDy. suchen

Minni Minni ist weiblich
Zauberstabbenutzer


Avatar von Minni

Dabei seit: 21.03.2012
Beiträge: 15

Guthaben: 40 Sector Coins
Aktienbestand: 0 Stück

Programm: PS CS 6

Themenstarter Thema begonnen von Minni
Spacer
      

~deleted~

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Minni: 15.03.2015 17:09.

HTMLandCSS - Design Umsetzen..Starthilfe~ 17.10.2013 23:57 Minni ist offline Minni Homepage Beiträge von Minni suchen

ClOuDy. ClOuDy. ist männlich
Polygonmeister


Avatar von ClOuDy.

Dabei seit: 31.01.2010
Beiträge: 766

Guthaben: 150 Sector Coins
Aktienbestand: 0 Stück

Programm: PS CS5

Spacer
      

Benutze Sachen du kennst/kannst oder lies dich in HTML5 ein, das ist auch kein Hexenwerk.



HTMLandCSS - Design Umsetzen..Starthilfe~ 18.10.2013 12:06 ClOuDy. ist offline Beiträge von ClOuDy. suchen

Minni Minni ist weiblich
Zauberstabbenutzer


Avatar von Minni

Dabei seit: 21.03.2012
Beiträge: 15

Guthaben: 40 Sector Coins
Aktienbestand: 0 Stück

Programm: PS CS 6

Themenstarter Thema begonnen von Minni
Spacer
      

~deleted~

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Minni: 15.03.2015 17:09.

HTMLandCSS - Design Umsetzen..Starthilfe~ 18.10.2013 12:11 Minni ist offline Minni Homepage Beiträge von Minni suchen

Thanatos Thanatos ist männlich
Designartist


Avatar von Thanatos

Dabei seit: 02.05.2010
Beiträge: 1.261

Guthaben: 1.030 Sector Coins
Aktienbestand: 0 Stück

Wohnort: Berlin
Programm: Photoshop, Wordpress, Joomla

Spacer
      

Naja hier ist nicht viel los was programmierung angeht...gibt bessere Foren für solche Fragen.



HTMLandCSS - Design Umsetzen..Starthilfe~ 18.10.2013 16:08 Thanatos ist offline Beiträge von Thanatos suchen

DIGIC-4
Designartist


Avatar von DIGIC-4

Dabei seit: 26.02.2012
Beiträge: 1.406

Guthaben: 5.143 Sector Coins
Aktienbestand: 4 Stück

Wohnort: München

Spacer
      

Zitat:
Ich habe HTML5, CSS3 (unter anderem JS, PHP,MySQL auch..) etc. gelernt das, es sich hierbei um kein Hexenwerk handelt ist mir durchaus klar.


Wenn du es gelernt hast, wirst du ja wohl so ein divgrid zusammenknorzen können...



ỳ᷾̀̐̀᷾̀ù᷾̀̐̀᷾̀ǹ᷾̀̐̀᷾̀g̀᷾̀̐̀᷾̀
s͉̱᷀᷀̊᷀᷀a͉᷀̋᷀᷀᷀͡w͉᷀̉᷀͌᷀᷀ z͔̪͍͔͔̹͊e̤͔͍͔̜͛̀r̛͔͍͔͌̄ͥò̴͔͍̫͔͘
HTMLandCSS - Design Umsetzen..Starthilfe~ 18.10.2013 22:53 DIGIC-4 ist offline Beiträge von DIGIC-4 suchen

ClOuDy. ClOuDy. ist männlich
Polygonmeister


Avatar von ClOuDy.

Dabei seit: 31.01.2010
Beiträge: 766

Guthaben: 150 Sector Coins
Aktienbestand: 0 Stück

Programm: PS CS5

Spacer
      

Ich hab dir einen Denkanstoß, bzw. sogar eine einfache Lösung geschrieben.



HTMLandCSS - Design Umsetzen..Starthilfe~ 19.10.2013 19:08 ClOuDy. ist offline Beiträge von ClOuDy. suchen

Minni Minni ist weiblich
Zauberstabbenutzer


Avatar von Minni

Dabei seit: 21.03.2012
Beiträge: 15

Guthaben: 40 Sector Coins
Aktienbestand: 0 Stück

Programm: PS CS 6

Themenstarter Thema begonnen von Minni
Spacer
      

~deleted~
**PS: its nice to be nice

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Minni: 15.03.2015 17:10.

HTMLandCSS - Design Umsetzen..Starthilfe~ 19.10.2013 23:47 Minni ist offline Minni Homepage Beiträge von Minni suchen

ClOuDy. ClOuDy. ist männlich
Polygonmeister


Avatar von ClOuDy.

Dabei seit: 31.01.2010
Beiträge: 766

Guthaben: 150 Sector Coins
Aktienbestand: 0 Stück

Programm: PS CS5

Spacer
      

Hast recht, lauter Zicken unterwegs.



HTMLandCSS - Design Umsetzen..Starthilfe~ 20.10.2013 12:04 ClOuDy. ist offline Beiträge von ClOuDy. suchen

DIGIC-4
Designartist


Avatar von DIGIC-4

Dabei seit: 26.02.2012
Beiträge: 1.406

Guthaben: 5.143 Sector Coins
Aktienbestand: 4 Stück

Wohnort: München

Spacer
      

Sector beste



ỳ᷾̀̐̀᷾̀ù᷾̀̐̀᷾̀ǹ᷾̀̐̀᷾̀g̀᷾̀̐̀᷾̀
s͉̱᷀᷀̊᷀᷀a͉᷀̋᷀᷀᷀͡w͉᷀̉᷀͌᷀᷀ z͔̪͍͔͔̹͊e̤͔͍͔̜͛̀r̛͔͍͔͌̄ͥò̴͔͍̫͔͘
HTMLandCSS - Design Umsetzen..Starthilfe~ 20.10.2013 12:24 DIGIC-4 ist offline Beiträge von DIGIC-4 suchen
 
Spacer
   
GFX-Sector
unregistriert


 hat kein Avatar


Spacer

Hat dir das Thema gefallen?


Wenn dir das Thema HTMLandCSS - Design Umsetzen..Starthilfe~ im Bereich Fragen & Probleme gefallen hat, würden wir uns sehr freuen, wenn Du Dich bei uns kostenlos registrieren oder anmelden würdest!

  • √ kostenlose Mitgliedschaft
  • √ Zugriff auf über 800 kostenlose Photoshop Tutorials
  • √ Zugriff auf über 100 GB Photoshop-Ressourcen (Brushes, Render, PSDs, ...)
  • √ große und aktive Battle-Section
  • √ konstruktives Feedback zu GFX-Werken
  • √ einzigartiges Design
  • √ eines der größten Grafikplattformen in Deutschland
  • √ uneingeschränkte Nutzung des Forums
  • √ werbefreies Forum nach Registrierung

Jetzt kostenlos registrieren und alle Vorteile als registriertes Mitglied genießen!

Neuer Beitrag 21.10.2013 02:56  
Baumstruktur | Brettstruktur
Neues Thema erstellen Thema ist geschlossen
GFX-Sector » GFX-Area » Fragen & Probleme » HTMLandCSS - Design Umsetzen..Starthilfe~

Thematisch passende Themen zu HTMLandCSS - Design Umsetzen..Starthilfe~
Thread
Blake 2_[brown design] (Forum: Signaturen/Avatare)
[Frage] Website/design stuffs? (Forum: Fragen & Probleme)
[Dienstleistung] Suche jemanden der mir mein design sliced (Forum: Archiv)
[Dienstleistung] Webdesigner + Coder gesucht [mit Bezahlung] (Forum: Archiv)
[Verschenke] Clandesign ohne Code (Forum: Archiv)