Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 14

Thema: Design anpassen

  1. #1
    ich_hab_eine_frage
    Gast

    Standard Design anpassen

    Hallo nette Forianer,

    ich hatte eine Art Boxmodell gefunden. Code ist dazu folgendermasssen:

    Code:
    <div id="header">
    			<div class="content">
    				<h1>Webseitentitel</h1>
    				<p>Kurze Beschreibung der Webseite</p>
    			</div>
    		</div> <!-- end header -->
     
    		<div id="wrapper">
    			<div id="outer1">
    			<h3>Left 200px</h3>
    					
    			</div>
     
    			<div id="outer3">
    			<h3>Right 200px</h3>
    			</div> <!-- end outer3 -->
     
    			<div id="outer2">
    			<h3>Center percentage</h3>
    					
    			</div> <!-- end outer2 -->
     
     
    		</div><!-- end #wrapper -->
     
    		<div id="footer">
    			<div class="content"><div>
    					</div>
    			
    			</div>
    		</div> <!-- end footer -->
    Und die Css Datei dazu


    Code:
    body {font-size:76%; font-family:"trebuchet MS", verdana, arial, sans-serif; background:#f0f0f0; }
     
    #header {background:#a31e39;}
     
    #outer1 {float:left; width:180px; padding:10px; background:#e0d0d0;}
    #outer3 {float:right; width:180px; padding:10px; background:#b0b0b0;}
    #outer2 {background:#e0e0e0; margin:10px 210px;}
     
    #outer1, #outer2, #outer3 {padding-bottom:32767px; margin-bottom:-32767px;}
     
    #wrapper {overflow:hidden; background:#e0e0e0;}
     
     
    #footer {clear:both; background:#455c5a;}
     
    .content {padding:10px;}
    h1 {font-size:20px; margin:0; padding:10px 0; color:#fff;}
    h3 {font-size:18px; margin:0; padding:8px 0;}
    p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
    #footer p,
    #header p {color:#fff;}
    #footer a {color:#fff;}
    #footer a:hover {text-decoration:none;}
    Was fehlt mir da noch an Validität?
    Kann mir jemand dabei behilflkich sein?
    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 synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Design anpassen

    also mit nem anständigen doctype
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de">
    haste da nen valides dokument
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Unregistriert
    Gast

    Standard AW: Design anpassen

    Hallo danke für eure schnelle Antwort.

    Nun zu diesem Code, nachdem ich ihn ausgebaut habe ist er valide. Eine Frage habe ich dazu noch.

    Code:
    <div id="header">
    			<div class="content">
    				<h1>Webseitentitel</h1>
    				<p>Kurze Beschreibung der Webseite</p>
    			</div>
    		</div> <!-- end header -->
     
    		<div id="wrapper">
    			<div id="outer1">
    			<h3>Left 200px</h3>
    					
    			</div>
     
    			<div id="outer3">
    			<h3>Right 200px</h3>
    			</div> <!-- end outer3 -->
     
    			<div id="outer2">
    			<h3>Center percentage</h3>
    					
    			</div> <!-- end outer2 -->
     
     
    		</div><!-- end #wrapper -->
     
    		<div id="footer">
    			<div class="content"><div>
    			</div>
    			
    			</div>
    		</div>
    Die letzten 2 Divs die geschlossen werden, für was sind die denn?

    </div>
    </div>

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Design anpassen

    Die sind überflüssig, da kein korrespondierender öffnender Div mehr vorhanden ist. Kannst bzw. musst du also löschen. Müsste normalerweise auch der Validator meckern.

  5. #5
    Unregistriert
    Gast

    Standard AW: Design anpassen

    der validator hat nicht gemeckert. Aber ich werde es mal ausprobieren sie wegzulassen, mit den enddivs die meiner meinung nach überflüssig sind ist das dokument auch valide

  6. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Design anpassen

    HTML-Code:
    <div id="footer">
       <div class="content">
          <div>
          </div>			
       </div>
    </div>
    kann euch net verstehen also ich find des is richtig, hab mal was eingerückt...
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  7. #7
    Macrosdesign
    Gast

    Standard AW: Design anpassen

    Ich kann synaptic nur zustimmen ... es werden 8 "div-tags" geöffnet und 8 "div-tags" geschlossen ... is alles nur etwas unübersichtlich eingerückt

  8. #8
    Unregistriert
    Gast

    Standard AW: Design anpassen

    Zitat Zitat von synaptic Beitrag anzeigen
    HTML-Code:
    <div id="footer">
       <div class="content">
          <div>
          </div>			
       </div>
    </div>
    kann euch net verstehen also ich find des is richtig, hab mal was eingerückt...
    ich meine das ist ein vorgefertigtes Design, ich kann coden und ich würde es nur so machen

    <div id="footer">
    <div class="content">
    <div>
    </div>


    footer wird geöffnet, content in footer auch geöffnet und zweimal div um beide zu schliessen. verstehe wer will ich würde es änders machen, aber mich wunderts das es dann nicht mehr valide ist.

  9. #9
    Unregistriert
    Gast

    Standard AW: Design anpassen

    Verzeiht mir wegen meinem Doppelpost, könnt ihr mir sagen welche divs am ende den geschlossen werden, denn wenn ihr euch das anschaut werden alle schon vorhergeschlossen. Also entweder bin ich doof oder steh auf dem schlauch

  10. #10
    Macrosdesign
    Gast

    Standard AW: Design anpassen

    kleiner Tipp zähl mal alle <div ... > und danach alle </div>

Ähnliche Themen

  1. Design in Html anpassen
    Von incendium im Forum Job Forum - Jobs für Grafiker, Programmierer und Webmaster
    Antworten: 1
    Letzter Beitrag: 11.05.2008, 10:59
  2. Design an Wordpress anpassen
    Von incendium im Forum Job Forum - Jobs für Grafiker, Programmierer und Webmaster
    Antworten: 0
    Letzter Beitrag: 29.03.2008, 16:41
  3. design anpassen
    Von DEC|The_Fuerby_X im Forum HTML & CSS Forum
    Antworten: 78
    Letzter Beitrag: 31.05.2007, 15:18
  4. design im vms script anpassen
    Von techniko19 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 14.03.2007, 11:10
  5. Design anpassen
    Von chrismoder im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 08.06.2006, 08:34

Stichworte

Berechtigungen

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