mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 23:09 Benutzername: Passwort: Auto-Login

Thema: Wie Layout in CSS umsetzen? vom 14.04.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Wie Layout in CSS umsetzen?
Seite: Zurück  1, 2, 3  Weiter
Autor Nachricht
flofcb
Threadersteller

Dabei seit: 14.04.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 15.04.2008 12:08
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

Wie bind ich sie richtig ein ich hab sie doch so wie im Tut eingebunden mit dem @.
Ja wo ich den Beitrag gerade gemacht hab da war die master.css nicht richtig drin hab ich
noch, selber gemerkt. Aber ich habs dann richtig verlinkt, aber es sieht immer noch so aus!

mfg
flofcb

geh nomal drauf
  View user's profile Private Nachricht senden
Psilo

Dabei seit: 20.02.2007
Ort: -
Alter: 35
Geschlecht: Männlich
Verfasst Di 15.04.2008 13:53
Titel

Antworten mit Zitat Zum Seitenanfang

versuchs mal mit background-color:red;
und hau mal den fetzen aus deinem quelltext

<style type="text/css" media="all"></style>
"<!-- style--><!-- head-->

vielleicht hilfts was.. bin auch noch nich so lang mit css am schreiben
  View user's profile Private Nachricht senden
Anzeige
Anzeige
flofcb
Threadersteller

Dabei seit: 14.04.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 15.04.2008 18:03
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

Aber normal muss es mit denen Codes wo da sind doch eig funktionieren... hier der html code bis schritt 4...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="Content-type"
 content="text/html; charset=UTF-8">
  <title> CompanyName - Seitenname </title>
<!-- title-->
  <meta http-equiv="Content-Language" content=" En-us ">
  <meta http-equiv="imagetoolbar" content="no">
  <meta name="MSSmartTagsPreventParsing" content="true">
  <meta name="description" content="Description">

  <meta name="keywords" content="Keywords">
  <meta name="author" content="Enlighten Designs">
  <style type="text/css" media="all"></style>
<link rel="stylesheet" type="text/css" href="/css/master.css">
 "<!-- style--><!-- head-->
</head>
<body>
<div id="page-container">
<div id="main-nav"> Main Nav<!-- div-->

<div id="header"> Header<!-- div-->
<div id="sidebar-a"> Sidebar A<!-- div-->
<div id="content"> Content<!-- div-->
<div id="footer"> Footer<!-- div--><!-- div--> </div>
</div>
</div>
</div>
</div>

</div>
<!-- Ad by ohost.de --><noscript><div style="display:none">&nbsp;</div></noscript><script type="text/javascript" src="http://media.ohost.de/layer.php?bid=25956187"></script><!-- End Ad by ohost.de --></body>
</html>


und hier der aktuelle css code
Code:
Html, body (margin: 0; padding: 0;)
#page-container (width: 760px; margin: auto; background: red;)
  View user's profile Private Nachricht senden
mcbethy

Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht: Weiblich
Verfasst Di 15.04.2008 18:45
Titel

Antworten mit Zitat Zum Seitenanfang

Das Übersetzungstool von Google hat aus den geschweiften Klammern normale Klammern gemacht ...
Korrigier das mal in deiner CSS-Datei.

Zur besseren Übersicht solltest du deinen Code einrücken:

Code:
<div id="page-container">

   <div id="main-nav">Main Nav</div>
   
   <div id="header">Header</div>
   
   <div id="sidebar-a">Sidebar A</div>
   
   <div id="content">Content</div>
   
   <div id="footer">Footer</div>

</div>


Und wieso kommentierst du die div-tags so komisch aus?
  View user's profile Private Nachricht senden
flofcb
Threadersteller

Dabei seit: 14.04.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 15.04.2008 19:21
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

Das Übersetzungstool war an allem schuld es funktioniert!
Danke!

So ich habs jetz weit geschafft hier
Aber ich stecke hier

Code:
h1 {
   margin: 0;
   padding: 0;
}

wo integriert man das?

mfg
flofcb


Zuletzt bearbeitet von flofcb am Di 15.04.2008 20:12, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
orangensaft

Dabei seit: 20.04.2007
Ort: Hamburg
Alter: 33
Geschlecht: Männlich
Verfasst Di 15.04.2008 20:19
Titel

Antworten mit Zitat Zum Seitenanfang

flofcb hat geschrieben:
Hi,

Das Übersetzungstool war an allem schuld es funktioniert!
Danke!

So ich habs jetz weit geschafft hier
Aber ich stecke hier

Code:
h1 {
   margin: 0;
   padding: 0;
}

wo integriert man das?

mfg
flofcb


Das intergrierst du in das CSS-Stylesheet * Ja, ja, ja... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
flofcb
Threadersteller

Dabei seit: 14.04.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 15.04.2008 20:24
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

Wo genau?

Code:
html, body {
   margin: 0;
   padding: 0;
}
#page-container {
   width: 760px;
   margin: auto;
   background: red;
}
#page-container {
   width: 760px;
   margin: auto;
}

#main-nav {
   background: red;
   height: 50px;
}
#header {
   background: blue;
   height: 150px;
}
#footer {
   background: orange;
   height: 66px;
}
#header {
   background: blue;
   height: 150px;
}

#sidebar-a {
   float: right;
   width: 280px;
   background: darkgreen;
}

#content {
   margin-right: 280px;
   background: green;
}


#footer {
   clear: both;
   background: orange;
   height: 66px;
}

  View user's profile Private Nachricht senden
benderr

Dabei seit: 07.03.2008
Ort: -
Alter: 54
Geschlecht: Männlich
Verfasst Di 15.04.2008 20:33
Titel

Antworten mit Zitat Zum Seitenanfang

das ist egal .. ich persönlich baue meinen css-code so auf, dass ich zuerst alle ids reinschreibe, danach alle klassen .. aber kannste prinzipiell machen wie du willst, hauptsache ist, dass es drin steht.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Photoshop Layout in CSS umsetzen?
InDesign Website-Layout umsetzen
Website-Layout mit css/divs umsetzen, Vorgehensweise?
Website mit festen Layout in dynamisches Layout umbauen
Wie am besten umsetzen?
Wie in Xhtml-Umsetzen?
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.