Bilder Anordnung

[X5-599]

Vielleicht gehört es auch unter Programmierung, aber da ich nicht weiss wie ich es machen soll und daher nicht weiss wonach man da suchen muss, kann ich es nicht sagen.

Kurzum mir gehts um folgendes.

Habe eine Webseite mit css erstellt.
Unter css heist es ja glaube ich nicht mehr Frames, doch wie dann?

Egal, nehmen wir die Paules-PC-Forum Webseite als Vorbild.

Ganz oben, ich würde es Frame nennen, ist doch links ein Paules Logo und rechts sind zwei Banner.

Wie man ein Bild links oder rechts oder auch mittig zentriert ist mir klar.
Doch angenommen ich möchte nun in diesem "Frame" vier (4) Bilder einfügen. So zentriert dass alle den gleichen Abstand haben und die ganze breite ausfüllen, wie mache ich das?

Vielleicht ist es ja so einfach dass ich es einfach übersehe. Habe das mal versucht, ist zwar schon ein weilchen her und habe es nicht hinbekommen.

Also nicht schimpfen wenn ich gerade den Wald vor lauter Bäumen nicht sehe.

[Jochen2011]

du meinst DIV`s

mit Tabellen
und die formatierst du mit css

[X5-599]

DIVs ja klingt gut

Wie gesagt, früher habe ich eben alles mit Frames gemacht, da waren die noch IN.
Und dann bin ich auf css umgestiegen habe mich aber nie darum gekümmert wie es heist.

Egal, das heist also nun ich muss in dem DIV wo der obere Text steht entsprechende Tabellen einfügen. Das habe ich irgendwie schon gesehen.

Ich weiss nicht was die Leute an css finden, Frames waren wirklich in vielerlei hinsicht einfacher.

Nun muss ich nur noch rausfinden wie ich das mit der php Link-Liste einfüge.

[Jochen2011]

welche Seite meinst du überhaupt?

die in deiner Signatur steht?

und mit welchen Programm erstellst du deine Seiten?

[X5-599]

Nein nicht die aus meiner Signatur.
Die aus meiner Signatur bleibt erstmal so.

Nein es ist eine neue die noch nicht aufgeschaltet ist.
Dauert auch noch ein weilchen bis sie es wird, daher habe ich Zeit diese zu generieren.

Allerdings habe ich gerade ein riesen Blackout.
Keine Ahnung.
Ich habe mir ein css Template runtergeladen (zu faul zu lernen eines selber zu erstellen)

Wenn das direkte verlinken geht, das hier: 100 Percent Width, 160 Pixel Left Column, Single Main Column.


Doch irgendwie kann ich machen was ich will, ich bringe es nicht zum laufen.

In der index stehen ja die Einträge für Main, Secondary usw.
Ich habe etwas reingeschrieben, aber er bringt mir nur Fehlermeldungen. Und zwar im Code den mir dieses css Script selber vorgibt.

Komischerweise sind da auch komplett andere Dateien dabei gewesen sprich die css Datei sieht komplett anders aus.

[Jochen2011]

was denn für Fehlermeldungen?

wenn du die Dateien runterläds und die index öffnest
ist die Seite eh leer

1. steht in den Containern nix drin
2. keine Border

also sieht man auch nichts

wenn ich was reinschreibe geht es

[X5-599]

Doch da steht eben überall was drin.

Es gibt folgendes:

.DS_Store
base.css
index.html
reset-fonds-grids.css


Das ist der Inhalt von base.css

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
        /*18px via YUI Fonts CSS foundation*/
        font-size:138.5%;
}
h2 {
        /*16px via YUI Fonts CSS foundation*/
        font-size:123.1%;
}
h3 {
        /*14px via YUI Fonts CSS foundation*/
        font-size:108%;
}
h1,h2,h3 {
        /* top & bottom margin based on font size */
        margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
        /*bringing boldness back to headers and the strong element*/
        font-weight:bold;
}
abbr,acronym {
        /*indicating to users that more info is available */
        border-bottom:1px dotted #000;
        cursor:help;
}
em {
        /*bringing italics back to the em element*/
        font-style:italic;
}
blockquote,ul,ol,dl {
        /*giving blockquotes and lists room to breath*/
        margin:1em;
}
ol,ul,dl {
        /*bringing lists on to the page with breathing room */
        margin-left:2em;
}
ol li {
        /*giving OL's LIs generated numbers*/
        list-style: decimal outside;
}
ul li {
        /*giving UL's LIs generated disc markers*/
        list-style: disc outside;
}
dl dd {
        /*giving UL's LIs generated numbers*/
        margin-left:1em;
}
th,td {
        /*borders and padding to make the table readable*/
        border:1px solid #000;
        padding:.5em;
}
th {
        /*distinguishing table headers from data cells*/
        font-weight:bold;
        text-align:center;
}
caption {
        /*coordinated margin to match cell's padding*/
        margin-bottom:.5em;
        /*centered so it doesn't blend in to other content*/
        text-align:center;
}
p,fieldset,table,pre {
        /*so things don't run into each other*/
        margin-bottom:1em;
}
/* setting a consistent width, 160px;
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

Das ist der Inhalt von index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="">
<meta name="description" content="">
<title>CSS Layout</title>
<link rel="stylesheet" type="text/css" href="reset-fonts-grids.css">
<link rel="stylesheet" type="text/css" href="base.css">
</head>
<body>
<div id="doc3" class="yui-t1">
  <div id="hd">
    <!-- PUT MASTHEAD CODE HERE -->
  </div>
  <div id="bd">
    <div id="yui-main">
      <div class="yui-b">
        <!-- PUT MAIN COLUMN CODE HERE -->
      </div>
    </div>
    <div class="yui-b">
      <!-- PUT SECONDARY COLUMN CODE HERE -->
    </div>
  </div>
  <div id="ft">
    <!-- PUT FOOTER CODE HERE -->
  </div>
</div>
</body>
</html>

Und wenn ich nicht ganz verblödet bin sagt <!-- PUT MASTHEAD CODE HERE --> ja aus was da nun für Text reinkommt.
Wenn ich da einfach zum Test was reinschreibe und auf meinen Webspace lade, sagt er mir Fehler in Zeile 42 und das wäre
<div id="ft">

Doch diese Zeile müsste ja stimmen, denn diese ist so vom Anbieter definiert.
Und eben, es erscheint kein Text, nur dieser Fehler.

[Jochen2011]

die Styles der Container stehen im reset-fonds-grids.css
die haste auch hochgeladen ?

bei mir kommt aber im IE 8 & Firefox keine Fehlermeldung

mit älteren Browsern wirds auch nicht laufen

[X5-599]

Nein die habe ich nicht hochgeladen.
Sah für mich auf einen ersten Blick aus wie base.css einfach nicht formatiert.
Aber werde ich gerne gleich nachholen.

Ich nutze Opera und zwar fast ausschliesslich und erst noch in der neusten Version.

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

[Jochen2011]

ohne die geht es auch nicht
zur besseren Übersicht mal formatiert

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html {
    color:#000;
    background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset, img {
    border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal;
    font-weight:normal;
}
li {
    list-style:none;
}
caption, th {
    text-align:left;
}
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal;
}
q:before, q:after {
    content:'';
}
abbr, acronym {
    border:0;
    font-variant:normal;
}
sup {
    vertical-align:text-top;
}
sub {
    vertical-align:text-bottom;
}
input, textarea, select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
}
input, textarea, select {
*font-size:100%;
}
legend {
    color:#000;
}
body {
    font:13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}
table {
    font-size:inherit;
    font:100%;
}
pre, code, kbd, samp, tt {
    font-family:monospace;
*font-size:108%;
    line-height:100%;
}
body {
    text-align:center;
}
#ft {
    clear:both;
}
#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
    margin:auto;
    text-align:left;
    width:57.69em;
*width:56.25em;
    min-width:750px;
    border:solid 1px;
}
#doc2 {
    width:73.076em;
*width:71.25em;
}
#doc3 {
    margin:auto 10px;
    width:auto;
}
#doc4 {
    width:74.923em;
*width:73.05em;
}
.yui-b {
    position:relative;
}
.yui-b {
    _position:static;
}
#yui-main .yui-b {
    position:static;
}
#yui-main {
    width:100%;
}
.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {
    float:right;
    margin-left:-25em;
}
.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main {
    float:left;
    margin-right:-25em;
}
.yui-t1 .yui-b {
    float:left;
    width:12.30769em;
*width:12.00em;
}
.yui-t1 #yui-main .yui-b {
    margin-left:13.30769em;
*margin-left:13.05em;
}
.yui-t2 .yui-b {
    float:left;
    width:13.8461em;
*width:13.50em;
}
.yui-t2 #yui-main .yui-b {
    margin-left:14.8461em;
*margin-left:14.55em;
}
.yui-t3 .yui-b {
    float:left;
    width:23.0769em;
*width:22.50em;
}
.yui-t3 #yui-main .yui-b {
    margin-left:24.0769em;
*margin-left:23.62em;
}
.yui-t4 .yui-b {
    float:right;
    width:13.8456em;
*width:13.50em;
}
.yui-t4 #yui-main .yui-b {
    margin-right:14.8456em;
*margin-right:14.55em;
}
.yui-t5 .yui-b {
    float:right;
    width:18.4615em;
*width:18.00em;
}
.yui-t5 #yui-main .yui-b {
    margin-right:19.4615em;
*margin-right:19.125em;
}
.yui-t6 .yui-b {
    float:right;
    width:23.0769em;
*width:22.50em;
}
.yui-t6 #yui-main .yui-b {
    margin-right:24.0769em;
*margin-right:23.62em;
}
.yui-t7 #yui-main .yui-b {
    display:block;
    margin:0 0 1em 0;
}
#yui-main .yui-b {
    float:none;
    width:auto;
}
.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
    float:left;
}
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u {
    float:right;
}
.yui-g div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first, .yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-gc div.first div.first {
    float:left;
}
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf {
    width:49.1%;
}
.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
    width:32%;
    margin-left:1.99%;
}
.yui-gb .yui-u {
*margin-left:1.9%;
*width:31.9%;
}
.yui-gc div.first, .yui-gd .yui-u {
    width:66%;
}
.yui-gd div.first {
    width:32%;
}
.yui-ge div.first, .yui-gf .yui-u {
    width:74.2%;
}
.yui-ge .yui-u, .yui-gf div.first {
    width:24%;
}
.yui-g .yui-gb div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first {
    margin-left:0;
}
.yui-g .yui-g .yui-u, .yui-gb .yui-g .yui-u, .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u, .yui-ge .yui-g .yui-u, .yui-gf .yui-g .yui-u {
    width:49%;
*width:48.1%;
*margin-left:0;
}
.yui-g .yui-gb div.first, .yui-gb .yui-gb div.first {
*margin-right:0;
*width:32%;
    _width:31.7%;
}
.yui-g .yui-gc div.first, .yui-gd .yui-g {
    width:66%;
}
.yui-gb .yui-g div.first {
*margin-right:4%;
    _margin-right:1.3%;
}
.yui-gb .yui-gc div.first, .yui-gb .yui-gd div.first {
*margin-right:0;
}
.yui-gb .yui-gb .yui-u, .yui-gb .yui-gc .yui-u {
*margin-left:1.8%;
    _margin-left:4%;
}
.yui-g .yui-gb .yui-u {
    _margin-left:1.0%;
}
.yui-gb .yui-gd .yui-u {
*width:66%;
    _width:61.2%;
}
.yui-gb .yui-gd div.first {
*width:31%;
    _width:29.5%;
}
.yui-g .yui-gc .yui-u, .yui-gb .yui-gc .yui-u {
    width:32%;
    _float:right;
    margin-right:0;
    _margin-left:0;
}
.yui-gb .yui-gc div.first {
    width:66%;
*float:left;
*margin-left:0;
}
.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf .yui-u {
    margin:0;
}
.yui-gb .yui-gb .yui-u {
    _margin-left:.7%;
}
.yui-gb .yui-g div.first, .yui-gb .yui-gb div.first {
*margin-left:0;
}
.yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u {
*width:48.1%;
*margin-left:0;
}
s .yui-gb .yui-gd div.first {
    width:32%;
}
.yui-g .yui-gd div.first {
    _width:29.9%;
}
.yui-ge .yui-g {
    width:24%;
}
.yui-gf .yui-g {
    width:74.2%;
}
.yui-gb .yui-ge div.yui-u, .yui-gb .yui-gf div.yui-u {
    float:right;
}
.yui-gb .yui-ge div.first, .yui-gb .yui-gf div.first {
    float:left;
}
.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf div.first {
*width:24%;
    _width:20%;
}
.yui-gb .yui-ge div.first, .yui-gb .yui-gf .yui-u {
*width:73.5%;
    _width:65.5%;
}
.yui-ge div.first .yui-gd .yui-u {
    width:65%;
}
.yui-ge div.first .yui-gd div.first {
    width:32%;
}
#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {
    zoom:1;
}

[X5-599]

Keine Angst, ich habe schon alles hochgeladen.
Aber eben, ich kriege nur die Fehlermeldung:
Parse error: syntax error, unexpected '<' in /home/xxx/www/xxx/ttest/index.php on line 40

Die zeile ist eben genau die oben genannt.
Wobei ich muss ehrlich sein, ich habe es als php gespeichert weil ich vorhatte die Linkliste als php einzufügen.
Das hatte ich früher als ich noch Frames nutzte auch mal so gemacht.
Aber eben, solange ich die Antwort der Fehlermeldung nicht finde kann ich mich nicht an die anderen Probleme machen.


Wobei wenn ich mir die andere Webseite und ihre css Daten ansehen, habe ich das Gefühl dass hier viele Daten drin sind die irgendie das ganze nur überladen.

[Jochen2011]

wozu index.php ?
wenn du irgendwelche php Scripte nutzen willst
bauste die in dein HTML ein (wenn dein Anbieter das unterstüzt)

in den Style Dateien kannst ja alles löschen was du nicht brauchst
die base.css könntest du auch komplett weglassen

hier was zu lesen
SELFHTML: Stylesheets (CSS)

[X5-599]

php deswegen weil ich noch von damals weiss dass sobald ein php Code drin ist, es php haben müsse.

Ist dem nicht oder nicht mehr so?

Wie gesagt, das wurde mir damals gesagt als ich einen php Script einfügen wollte. Wobei ich ehrlich sein muss, ich hatte es auch zuerst als html gespeichert und erst als ich es php nannte ging es auch. Daher habe ich das nun auch wieder so gemacht.


Wobei ich sagen muss ich habe mir nun ein anderes css Script gesucht. Damit gehts auf Anhieb.
Nun weiss ich nur nicht mehr wie ich die Linkliste als php einfügen kann. Mann wieviel man verliert wenn man mal ein jahr oder länger das Zeug nicht mehr braucht.

[Jochen2011]

dann wäre es einfacher die *.php zu nennen

[X5-599]

Habe ich doch??