Ergebnis 1 bis 10 von 10

Thema: Ausehen und Coden

  1. #1
    Crade
    Gast

    Standard Ausehen und Coden

    Also so sieht bisjetzt mein design aus:




    Ich denke aber das ich diese weißgrauen Übergänge noch zu einem einheitlichen grau verändere. Vorerst sei gesagt, dass das meine erste Hp ist die ich selbst mache. Ich arbeite mit so diversen Progs wie PSCS2 und Dreamweaver 8 (natürlich alles legal ...^^) jedoch blicke ich dreamweaver nich wirklich durch und suche nun jmd der mir vll ein wenig erklären kann, wie es geht das ich mein Designe auch verwenden kann.

    Mfg

    Crade
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    schaut so schon ganz ordentlich aus....

    kommt halt jetzt noch drauf an
    - wie passt sich die seite den verschiedenen auflösungen an
    - wie harmonisiert der text zu dem restlichen design

    und vorallem, da du mit ps arbeitest, evtl slicen.... wie schaut der quelltext
    hinterher aus. ich tip mal auf "ziemlich verwurschtelt"...

    aber ich bin gespannt, design is schomal ziemlich gut...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Meister(in)
    Registriert seit
    27.04.2006
    Ort
    Wien
    Beiträge
    263
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    meine erste idee zum aufbau (einfach):

    fixe breite von ca. 900 pixel und zentriert (sieht bei 1280x1024 und 1024x768 am besten aus, ist auch bei 800x600 noch gut lesbar, bei größeren Auflösungen sowieso, nur ist dann links und recht ein ziemlich breiter rand).

    Das ganze würde ich mit css realisieren (externes css stylesheet) unter zuhilfenahme von div elementen (div Elemente kannst du dir wie einzelne boxen vorstellen). Auf jeden Fall auf Frames und Tabellen verzichten.


    Also das ganze div ca. 900 pixel breit, in dem div drinnen das layout, also header als div, darunter für die navi ein div und ein div für den rechten (info?) bereich. Navi und info div sollten sich nach unten natürlich der größe anpassen. Zwischen Navi und Info div kommt ein div für den Inhalt. Evtl. könntest du unter den Inhalt noch ein div für den Footer schreiben, aber footer sehe ich im layout keinen wirklichen.
    Nach dem Inhalt bzw. dem Footer div wird das übergeordnete 900px div geschlossen. Du musst dann nur schauen, dass du für das 900px div eine mindestbreite bzw. breite definierst, weil sonst das layout zerschossen wird.

    Wenn du das ganze etwas komplexer machen willst, mach es so wie beschrieben nur mit variablen (relativen) breiten, die sich der jeweiligen fensterbreite anpassen. Das ist aber schon etwas komplizierter

    wenn du meinen vorschlag mit css umsetzen möchtest, kannst du dich gerne an mich wenden, ich arbeite viel mit css stylesheets.

    mfg
    Stefan

  4. #4
    Prinz(essin) Avatar von Lizzard
    Registriert seit
    19.02.2006
    Ort
    München
    Beiträge
    788
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Wieso ein DIV für die Navi und keine Liste (ul) ?
    Wenn schon, denn schon
    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

  5. #5
    Meister(in)
    Registriert seit
    27.04.2006
    Ort
    Wien
    Beiträge
    263
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    die navi selbst natürlich in einer ul. Aber das ul in einem div für die navi (beispiel: die buttons home, ich, gbook,... in ul und die ul in ein div mit dem hintergrund)

    Hier ein beispiel weil mir gerade fad im kopf war, der themenstarter kann das gerne 1:1 übernehmen:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    	<head>
    	<title>Test Layout</title>
    	<style type="text/css">
    		*&#123;margin&#58;0;padding&#58;0;&#125;
    	</style>
    	</head>
    	<body>
    		<div style="margin&#58; 40px auto 10px auto; width&#58;900px;">
    			<div style="background-color&#58;#33FF00;">
    				header
    			</div>
    			<div style="float&#58;left; width&#58;150px; background-color&#58;#D2D2D2;">
    				<ul>
    					[*]Home
    					[*]...
    				[/list]
    			</div>
    			<div style="float&#58;right; width&#58;150px; background-color&#58;#D2D2D2;">
    				infomenü
    
    				...
    			</div>
    			<div style="background-color&#58;#EEEEEE; width&#58;600px; margin&#58;0px 150px 0px 150px;">
    				inhalt...
    				leerzeile...
    
    				leerzeile...
    
    				leerzeile...
    
    				leerzeile...
    
    				leerzeile...
    
    				leerzeile...
    
    			</div>
    			<div style="background-color&#58;#33FF00; width&#58;600px; margin&#58;0px 150px 0px 150px;">
    				evtl. Footer für Impressum, interne Verlinkung etc.
    			</div>
    		</div>
    	</body>
    </html>
    viel spaß mit dem kleinen Anstoß,

    mfg
    Stefan

  6. #6
    Prinz(essin) Avatar von Lizzard
    Registriert seit
    19.02.2006
    Ort
    München
    Beiträge
    788
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Wieso noch ein Div um die Ul? man kann den Hintergrund auch in die Ul packen
    (ok jetzt wirds Haarspalterisch, aber wenn schon so ein genauer Plan zum Coden kommt, dann richtig)
    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

  7. #7
    Meister(in)
    Registriert seit
    27.04.2006
    Ort
    Wien
    Beiträge
    263
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    (ok jetzt wirds Haarspalterisch, aber wenn schon so ein genauer Plan zum Coden kommt, dann richtig)
    Du sagst es. Guck meinen vorigen post, ich hab ihn um ein konkretes beispiel erweitert. Vorher habe ich hintergrund geschrieben, viel mehr waren aber die ganzen andere formatierungen wie float:left, margin, padding, border, etc. gemeint die beim designen dann noch dazu kommen bzw. für das layout essentiell sind. Außerdem gibt es meiner Meinung nach ein "cleaneres Code-Lookout"

    mfg
    Stefan

  8. #8
    Prinz(essin) Avatar von Lizzard
    Registriert seit
    19.02.2006
    Ort
    München
    Beiträge
    788
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Nochwas zum Design:

    Ich würde die abgerundeten Ecken noch ein wenig sauberer gestalten, und vor allem ein wenig einheitlicher. Z.B. In der rechten Box hast du die rechte untere Ecke abgerundet, in der mittleren Box nicht, und bei der Navi hast du dafür beide Ecken abgerundet.
    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

  9. #9
    crade
    Gast

    Standard hm

    stimmt haste recht. Die ecken sollten noch sauberer sein. Stuff danke für deine Ratschläge sollte ich fragen haben melde ich mich bei dir Muss mich erstma in die Materie reinarbeiten kenn mich mit css stylesheets leider garnich aus. HTML hab ich schon vor längeren zeitgen gelernt.... Ich arbeit mich erstma rein und fals noch etw ist meld ich mich nochma


    Crade

  10. #10
    Meister(in)
    Registriert seit
    27.04.2006
    Ort
    Wien
    Beiträge
    263
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    jo bitte gerne. Schau dir mal den Quelltext an, den ich weiter oben gepostet habe. Da ist das "Stylesheet" zwar in HTML eingebettet aber für einen Anfänger in Sachen CSS Layouts sollte das ganz gut sein.

    mfg
    Stefan

Ähnliche Themen

  1. Flaggen mit CSS coden
    Von sejuma im Forum Tutorials, Workshops und Anleitungen
    Antworten: 17
    Letzter Beitrag: 02.11.2009, 14:43
  2. WER KAN CODEN UND EINBAUEN???
    Von Sarah-00 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 21.05.2007, 20:13
  3. LAy für myblog.de coden plz
    Von Engelchen1591 im Forum Promotion - SEO - Suchmaschine (Google & Co) – Mitarbeiter & Linkpartnersuche
    Antworten: 7
    Letzter Beitrag: 30.04.2007, 17:55
  4. Coden
    Von Keiko im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.04.2007, 22:11
  5. Layout coden
    Von Nicki024 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 14.11.2006, 09:11

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •