Beiträge von Gamling

Gamling

Hi! Ich kann dir empfehlen immer erst dieses Tool zu nutzen, bevor man einen Thread aufmacht: http://validator.w3.org

Gamling

Gamling

Hmm wo is jetzt der Fehler? Ich find ihn irgendwie nicht.

Der Fehler war bei mir auch letztens. Hat mich aufgeregt, jetzt hab ich ein dickes Menü inklusive JavaSkript in einer Zeile

Gamling

Gamling

Hmm, habe ich auch mal. Die Sache ist die, es gibt gewisse Mitglieder dieses Forums, die auf Tabellen alergisch reagieren und nach divs schreien.

Um das mal so auszudrücken.

Aber sie haben recht. Divs sind schwerer, aber besser.

Gamling

Gamling

Jap, sojo hat recht.

btw: sojo for president!

So und nun zum Thema:

Am besten dein Design in deinem Grafikprogramm anschauen, überlegen wie du den Grundaufbau machst. Dann überlegen, was du alles ohne Bilder lösen kannst, sondern nur mit Rahmen, Backgrounds, und weiterem CSS-Kram. Dann die Bilder und Background-Bilder rausschneiden und in die HP einfügen. Für einen Anfänger sind Tabellen sicher besser, später kannst du dann mal divs verwenden, aber ich warne dich, der IE 6 lässt einen erstmal verzweifeln

mfG

Gamling

Gamling

Hmmm, ich könnte dich jetzt zutexten, aber vielleicht hilft dir schon das hier weiter:

http://www.gamling.kilu3.de/punkerz <= zufällig hat diese site von mir genau dein Design

css-code:

Code

body {
background-color:#000000;
font-size:13px;
}


h1{
text-align:center;
font-size:18px;
line-height:8px;
color:#ff2a00;
}


h2{
text-align:left;
font-size:16px;
line-height:8px;
}


h3{
font-size:15px;
line-height:0px;
}


b{
font-size:13px;
color:black;
}


#header {
border-left: black solid 1px;
border-right: black solid 1px;
border-top: black solid 1px;
background-image:url("../grafik/header/header.png");
width:798px;
height:118px;
margin-left:auto;
margin-right:auto;
}


#navigation {
border-top: black solid 1px;
height:35px;
width:800px;
margin-left:auto;
margin-right:auto;
}


#text {
height:360px;
max-height:360px;
margin-left:auto;
margin-right:auto;
width:798px;
background-color:#ae0e0e;
border-left: black solid 1px;
border-right: black solid 1px;
border-top: black solid 1px;
color:black;
font-family:arial;
}


#textinnen {
height:360px;
max-height:360px;
margin-left:auto;
margin-right:auto;
overflow:auto;
width:768px;
max-width:768px;
background-color:#ae0e0e;
color:black;
font-family:arial;
}


#textfriends {
height:360px;
max-height:360px;
margin-left:auto;
margin-right:auto;
overflow:auto;
width:768px;
max-width:768px;
background-color:#ae0e0e;
color:black;
font-family:arial;
}




#textguestbook {
height:360px;
max-height:360px;
margin-left:auto;
margin-right:auto;
overflow:auto;
width:768px;
max-width:768px;
background-color:#ae0e0e;
color:black;
font-family:arial;
}


#footer{
height:19px;
width:798px;
background-color:#530000;
margin-left:auto;
margin-right:auto;
border: black solid 1px;
font-family:arial;
color:#ac0e0e;
text-align:center;
}


img {
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
border:none;
}


#footer a{
color:#ac0e0e;
text-decoration:none;
}


#textfriends p{
width:45%;
padding:5px;
color:#ae0e0e;
border: 1px solid #ff2a00;
background-color:#530000;
text-align:left;
}


#textguestbook p{
width:70%;
padding:5px;
color:#ae0e0e;
border: 1px solid #ff2a00;
background-color:#530000;
text-align:left;
margin-left:auto;
margin-right:auto;
}


strong {
color:#ff2a00;
font-size:14px;
}


#footer a:hover{
text-decoration:underline;
}


#textinnen a{
color:black;
font-size:16px;
text-decoration:none;
}


#textinnen a:hover{
color:black;
text-decoration:underline;
}


#textfriends a{
color:black;
font-size:16px;
text-decoration:none;
}


#textfriends a:hover{
color:black;
text-decoration:underline;
}


#textguestbook a{
color:black;
font-size:16px;
text-decoration:none;
}


#textguestbook a:hover{
color:black;
text-decoration:underline;
}

Alles anzeigen

Ich hoffe das hilft dir. Wenn du das nicht verstehst, nochmal fragen, dann texte ich doch

Gamling

Gamling

Hmm, man schreibt html und css mit dem notepad. Programme wie Frontpage machen auch nichts anderes, als die Tags umzuwandeln.

Gamling

Gamling

Ähm, kein phpkit, nein, nein. Lieber gar nicht erst mit Templates anfangen.

Ansonsten:

http://de.selfhtml.org

Gamling

Gamling

Also, tut mir Leid, wenn man diese Fragen beantworten will, brauchst du etwas Hintergrundwissen...

Am besten lernst du html und css.

http://de.selfhtml.org

Wenn du dann noch Fragen hast, hier stellen.

Jetzt die Antwort auf deine Frage:

1. Zum Beispiel mit einem div-container, dem du mit Hilfe von CSS so definierst: margin-left:auto, margin-right: auto

2. Mit hilfe von Bildern.

Zentrierung (man bin ich sozial):

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Dein Titel</title>
</head>
<body>
<div style="margin-left:auto; margin-right:auto; height:??px; width:??px;">
Hier der Inhalt der Page
</div>
</body>
</html>

Alles anzeigen

mfG

Gamling

Gamling

Mach mal in die Tabelle das hier rein:

Code

cellspacing="0"

Gamling

PS: Nimm doch divs Warum denn nicht?
/edit: SOOOOO schnell

Gamling

Eindeutig dafür! Mich hat er übrigens auch beleidigt, wenn das so weiter geht,
können wir ne Sammel-Klage gegen ihn erheben.

Was ich vorallem schade finde:
Da bittet ein Gast um Hilfe, aber keiner kann sich drum kümmern, weil Lucas mal wieder dazwischen spamt und dumme Kommentare abgibt.

Gamling

Gamling

Zitat

aber dazu hast du weder das Wissen

Immer ein aufmunterndes Wort auf den Lippen, der gute Basstar.

Gamling

Gamling

Mach das doch gleich ins Tutorial-Forum unter dem Titel "Zufällige Ereignisse mit php" oder so. Würden sicher ein paar benutzen, denke ich.

Gamling

PS: Soll jetzt nich wie ein Befehl klingen.

Gamling

Jap, weiß ich jetzt auch. Trotzdem Thx.

Gamling

Gamling

rwo-tony: Ok, dass lass ich mal durchgehen

Uschi: Entschuldigung, aber nachdem man 5h sinnlos vor Codes saß um es für einen Browser anzupassen, nur weil dessen Entwickler unfähig waren geltende Regeln anzuwenden, ist man leicht gereizt. Normalerweise versuche ich freundlich zu sein und rege mich selten auf. Sorry

Gamling

Gamling

Hallo, erstmal Danke euch beiden!

Ok, also das mit dem doctype bringt mich schonmal weiter. Gibts eigentlich auch xhtml 1.1 strict? *google*

Das mit dem Stylesheet sieht sieht aus folgendem Grund so aus: Ich hab meine html Seite gemacht (Phase5) und dort direkt mit CSS formatiert, bis alles gepasst hat (damit ich nicht ständig in 2 Dateien rummachen muss) Dann hab ich einfach die einzelnen style="" Inhalte kopiert und im CSS eingefügt, nach jedem ";" einen Umbruch und der Editor hat das irgendwie einfach mal so gemacht, obwohl er das normal, wenn man css schreibt nicht macht. Ich find das aber gut so und mach das jetzt immer so.

Oh jetzt hab ich wieder gelabert wie nur was

Gamling

Gamling

Hallo, was ist besser:

XHTML 1.0 Strict

oder XHTML 1.1 ?

Bei beiden Doctypes ist meine Page valid, welchen soll ich nehmen? Welcher ist proffesioneller?

Danke

Gamling

edit: Wo ich schon dabei bin:

Code

body {
background-image:url(background.png);
 margin:0px;
  font-family:"arial","verdana";
  }


#zentriert {
margin-left:auto;
 margin-right:auto;
  width:808px;
   background-image:url(background2.png);
    font-family:"arial","verdana";
    }


#header {
width:794px;
 height:150px;
  background-image:url(header.png);
   margin-left:4px;
    margin-right:4px;
     border-left:3px solid #b5b5bd;
      border-right:3px solid #b5b5bd;
       border-bottom:3px solid #b5b5bd;
        font-family:"arial","verdana";
        }


#navigation_links {
float:left;
 margin-left:4px;
  border-left:3px solid #b5b5bd;
   background-color:#6b6767;
    width:94px;
     height:512px;
     }




span.navigation_ueberschrift {
display:block;
 width:84px;
  background-color:#eaeaea;
   border:1px solid #b3b3b3;
    margin:4px; text-align:center;
     text-decoration:none;
      color:#a61616;
       height:20px;
        font-size:15px;
         font-weight:bold;
         }


a.navigation_link {
display:block;
 width:84px;
  background-color:#eaeaea;
   border:1px solid #b3b3b3;
    margin:4px;
     text-align:center;
      text-decoration:none;
       color:#616161;
        height:18px;
         font-size:14px;
          font-family:"arial","verdana";
          }


#google_adsense {
display:block;
 width:84px;
  background-color:#eaeaea;
   border:1px solid #b3b3b3;
    margin:4px; text-align:center;
     text-decoration:none;
      color:#616161;
       height:256px;
        font-size:12px;
         font-family:"arial","verdana";
         }


#content {
width:599px;
 margin-left:0px;
 padding:0px;
  float:left;
   background-color:#6b6767;
    border-left:3px solid #b5b5bd;
     border-right:3px solid #b5b5bd;
      height:512px;
       font-family:"arial","verdana";
       }


.content_header {
display:block;
 width:583px;
  background-color:#eaeaea;
   border:1px solid #b3b3b3;
    margin-left:4px;
     text-align:left;
      text-decoration:none;
       color:#a61616;
        height:20px;
         font-size:15px;
          font-weight:bold;
           font-family:"arial","verdana";
            padding-left:3px;
             padding-right:3px;
             }


.content_text {
display:block;
 width:583px;
  background-color:#eaeaea;
   border:1px solid #b3b3b3;
    margin-left:4px;
     text-align:left;
      text-decoration:none;
       color:#616161;
        font-size:13px;
         font-weight:normal;
          font-family:"arial","verdana";
           padding-left:3px;
            padding-right:3px;
             height:476px;
              margin-top:0px
             }




.spacer {
margin:0px;
 padding:0px;
  border:0px;
  }


#navigation_rechts {
margin-left:0px;
 float:right;
  width:94px;
   border-right:3px solid #b5b5bd;
    background-color:#6b6767;
     font-family:"arial","verdana";
      margin-right:4px;
       height:512px;
       }


.navigation_rechts_ueberschrift_oben {
display:block;
 width:84px;
  background-color:#eaeaea;
   border:1px solid #b3b3b3;
    text-align:center;
     text-decoration:none;
      color:#a61616;
       height:20px;
        font-size:15px;
         font-weight:bold;
          margin-left:4px;
           margin-top:4px;
            margin-right:4px;
            }


.partner {
display:block;
 width:84px;
  background-color:#eaeaea;
   border:1px solid #b3b3b3;
    margin:4px;
     text-align:center;
      text-decoration:none;
       color:#616161;
        height:160px;
         font-size:10px;
          font-family:"arial","verdana";
          }


#footer_div {
clear:both;
 width:794px;
  height:31px;
   background-image:url(footer.png);
    margin:auto;
     border:3px solid #b5b5bd;
      margin-left:4px;
       margin-right:4px;
        font-family:"arial","verdana";
         text-align:left;
          color:#ffffff;
           font-size:16px;
           }


#footer_span {
text-align:center;
 padding-left:282px;
  padding-right:282px;
   font-size:16px;
    color:#ffffff;
    }


a.footer_link {
color:#ffffff;
 text-decoration:none;
 }




* html #navigation_rechts {
margin-left:0px;
 float:right;
  width:94px;
   border-right:3px solid #b5b5bd;
    background-color:#6b6767;
     font-family:"arial","verdana";
      margin-right:2px;
       height:512px;
       }


* html #navigation_links {
float:left;
 margin-left:2px;
  border-left:3px solid #b5b5bd;
   background-color:#6b6767;
    width:94px;
     height:512px;
     }


* html #content {
width:599px;
 margin-left:0px;
 padding:0px;
  float:left;
   background-color:#6b6767;
    border-left:3px solid #b5b5bd;
     border-right:3px solid #b5b5bd;
      height:512px;
       font-family:"arial","verdana";
       }

Alles anzeigen

Ist das schon Level 2 CSS oder noch Level 1?

Gamling

LOL, "Ich besser mich, ich besser mich"...

Also ich merk nichts davon.

So back to topic:

So nach 3h Arbeit wird meine Site von allen 3 Topsites gleich angezeigt. Endlich. Also die Typen die den Iexplorer 6 gemacht haben möchte ich gern mal gehörig in den Arsch treten... Praktisch ist jedoch, dass sie so viele Fehler gemacht haben, dass man einige Fehler schon wieder ausnutzen kann um andere zu behebn

Naja egal.

rwo-tony: Hast du schonmal ein komplettes Css-Design mit float-Befehlen für den IE 6 optimiert? Das is mehr als "bisschen rumprobieren" ich wär fast gestorben

mfG

Gamling

PS: @Basstar: Ach das war Ironie... das Klang so ernst, ich hab schon gedacht: "hmm warum sieht seine Page dann so gut aus...."

Gamling

101 WIE SINNLOS IST DAS DENN?

Gamling

Ja kannst du. Icq ist ein messenger. http://de.wikipedia.org

Gamling

Gamling

ROFL. Gut, bin ich beruhigt, weil wenn das PS wäre, dann wärst du schon etwas heftiger drauf...

Beiträge von Gamling

HTML Darstellung in Opera!

bilder in tabelle direkt untereinander

Meta Tags und Co.

Grundaufbau Bilder?

Design mit DIV's

[url]www.t-error-maps.at.tt[/url]

Was ist denn der erste Schritt?

design-frage

unwissenheit schützt vor "lücke" nicht

Unvernüftiger User Lucas

posting anzeige

Link des Tages

doctype -keine Hilfe erwünscht, nur kleine Frage

Designwettbewerb 2007...

doctype -keine Hilfe erwünscht, nur kleine Frage

doctype -keine Hilfe erwünscht, nur kleine Frage

Designwettbewerb 2007...

Tauziehen

ICQ wofür???

Frohe Ostern '07!