• 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.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress, WoltLab & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Wenn du Fragen hast, kannst du dich gerne jederzeit an @Maximilian Rupp wenden

    Hinweis:

  • 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.

  • 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.

  • 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

  • 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


    Das ist der Inhalt von index.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.

  • 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

  • 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.

    Code
    /*
    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;}
  • ohne die geht es auch nicht:-)
    zur besseren Übersicht mal formatiert

  • 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.

  • 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.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!