Hallo,
habe für unseren Club eine Homepage entworfen, leider müssen andere Personen mit anderen Bildschirmen immer seitlich scrollen um alles zu sehen, was ich nicht muss. Das heißt die HP passt sich nicht an andere Monitorgrößen an. Wie kann ich es machen das sie sich automatisch an beliebige Bildschrimgrößen anpasst? Kann mir jemand Seiten geben wo ich dementsprechende Quellcodes dafür bekomme?
Bitte helft mir.
Liebe Grüße
Biene von Samurai Racers Nürnberg
Hallo,
kommt drauf an wie du sie Seite „designt“ hast…wenn du eine Tabelle hast einfach mit width=„100%“
Hallo Biene
habe für unseren Club eine Homepage entworfen, leider müssen…
Willkommen in der Realität. Du hast eines der vielen Dinge kennengelernt, die man beim Webdesign beachten sollte. Du hast damit einen Eindruck davon bekommen, warum gutes Webdesign nicht immer ganz einfach ist…
Der wesentliche Punkt: Du weisst niemals, was die Besucher Deiner Webseite mitbringen. Welche Bildschirmauflösung sie verwenden, ob sie das Browser-Fenster fullscreen haben, welches Betriebssystem und welchen Browser sie verwenden und so weiter.
Ich empfehle Dir daher mal, diese Seite aufmerksam zu lesen:
http://www.bestviewed.de/
CU
Peter
Kling nach einer Anfängerin.
Die Bildschirmgröße ist eher Nebensache. Wichtig ist die Größe des Browserfensters. Eure HP ist einfach nicht flexibel (bestimmt Tabellenlayout). Den Code würde ich gern mal sehen, also wäre ein Link zur Site nützlich.
Gruß Marcus
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
Hi,
Danke für deinen Tipp. Habe es so versucht wie du es gesagt hattest, leider ist dann bei kleineren Monitoren alles ineinander verschoben und verschwommen. Wie kann ich das vermeiden?
lg
Hallo,
kommt drauf an wie du sie Seite „designt“ hast…wenn du eine
Tabelle hast einfach mit width=„100%“
Hallo Marcus,
ja bin Anfängerin und versteh auch noch nicht sehr viel davon, aber es ist mir wichtig darüber soviel wie möglich zu lernen, da der Club nunmehr auf mich angewiesen ist und ich ihn nicht endtäuschen will.
Die Seite lautet: www.samurai-racers-nuernberg.de
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
Hallo Peter,
Danke für den Tipp. Habe mir die Seite auch durchgelesen. Leider versteh ich kaum was und weiß net wie ich es machen soll. Hab auch noch nicht genug Erfahrungen und ich glaub nicht das die Clubseite eine gute Website ist, weil ich nur ungefähr weiß auf was ich achten muss.
lg
Biene
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
Hallo Marcus,
ja bin Anfängerin und versteh auch noch nicht sehr viel davon,
aber es ist mir wichtig darüber soviel wie möglich zu lernen,
da der Club nunmehr auf mich angewiesen ist und ich ihn nicht
endtäuschen will.Die Seite lautet: www.samurai-racers-nuernberg.de
Erinnert mich an meine ersten Gehversuche. Also mach dir keinen Kopf. So haben die meisten ihre erste Bekanntschaft mit Webdesign gemacht. Der Rückschlag ist wertvoll für dich, weil Du durch Fehler lernst. Du wirst noch mehr Rückschläge einstecken müssen. Aber das ist gut so.
Da liegt einiges im argen. Das erste und wohl offensichtlichste Problem ist, dass da kaum eine sinnvolle Struktur im Quellcode zu erkennen ist. Ich tippe mal auf irgendein Baukastensystem. Zweitens lässt der Quellcode auf wenig bis keine Kenntnis in Sachen Semantik schließen. Es scheint hier stark an Grundkenntnissen zu mangeln.
Wenn ich Du wäre, würde ich HTML und CSS richtig lernen, und mich nicht mehr auf Baukästen verlassen. Letztendlich hast Du mit denen nämlich mehr Ärger als Nutzen.
Wäre es deine private HP könntest Du es ja noch so hinnehmen, weil es dir vielleicht ausreicht. Du schreibst aber, dass der Club darauf angewiesen ist. Und dann sehe ich da ein paar ziemlich teure Autos, die meiner Meinung nach entsprechend präsentiert werden sollten. Professionell getunte Autos auf einer Laienhaften Site, ist nicht jedermanns Geschmack …
Dir hier einen konreten Lösungsvorschlag zu machen wäre eher sinnlos, da Du keine Ahnung von HTML und/oder CSS hast. Deshalb könnte ich mir darüber einen Wolf quatschen und Du würdest es nicht verstehen. Ist nicht schlimm.
Ich persönlich würde die Site platt machen und komplett neu gestalten.
Wenn Du noch weitere Fragen hast, helfe ich dir gerne. Und die anderen hier mit Sicherheit auch.
Für den Fall dass dir irgendwas zu peinlich werden sollte, findest Du hier irgendwo oben auch meine Mailadresse. Die kannst Du gerne für Fragen nutzen. Ich beiße jedenfalls nicht.
Ansonsten wünsch’ ich dir viel Erfolg mit der Site. Und lass dich mal nicht entmutigen!
Gruß Marcus
Mmh das habe ich mir gedacht das die Seite für ein Profi echt zusammengewürfelt aussehen muss. Vorher hatten wir es auch von einem „Profi“ machen lassen. Der sowas beruflich macht. Leider gab es streitereien und sie drohte uns, daher habe ich die Seite innerhalb von 3 Tage notdürftig entwickelt und einfach mit meinem Freund (der Vorstand ist). Nun bin ich dran sie zu ändern und zu verbessern. CSS ist in Arbeit.
Die Mitglieder des Clubs finden die Seite sehr gelungen und besser wie der vom Profi. Auch die Struktur der Seite ist ähnlich wie der die sie vorher gemacht hat. Nur halt ohne CSS, was aber noch kommt.
Aufgefallen ist der Fehler mit den Bildschirmen erst als uns die Autohändler drauf aufmerksam gemacht haben, weil wir um Rechte der Emblems der Marken gefragt haben. Aber selbst von denen hat sich nur einer geweigert die Seite zu akzeptieren. Ist ja auch ok. Nur es ist halt ein privater Club und wir wollen und können uns es nicht leisten gegen Geld eine HP entwickeln zu lassen. Zumahl viele Clubs das machen, oder sich die Vorlagen aus dem Internet ziehen und somit alle den gleichen Aufbau haben. Das wollen wir nicht.
Also muss und will ich es auch machen. Auch wenn ich mit vielen Fachwörtern nichts anfangen kann, versuche ich es weiter. Nur mit den Bildschirm ist wirklich erstmal eine SAche die dringend geklärt werden muss. Wahrscheinlich gibt es noch mehr Probleme mit der Seite die ich noch nicht kenn wie du schon sagtest aber auch die werde ich finden und bereinigen. Leider bin ich auf Hilfe anderer angewiesen. Und bei mir ist es so, das ich meist lerne wenn ich es durch andere erfahre anstatt mir selber was lese irgendwo. Ich habe schon so vieles über HTML und CSS gelesen, aber leider versteh ich wenig und kann es mir nicht auch nicht merken bzw. ergibt für mich kein Zusammenhang, da ich nur lerne durch Fehler und Erfahrungen.
Ich hatte jetzt knapp ein Jahr Informatik mit dem Theme HP´s entwickeln usw. Leider hatte ich muss ich sagen keine gute Lehrerin sie wusste selber nicht drüber bescheid und ich habe mir so alles selbst „erlernt“. Da ich auf ein Wirtschaftsgym bin haben wir HP´s auch nur im Sinne von virtuelle Unternehmensentwicklung gemacht. Und fragen durfte man gar net stellen, es gab eh keine Antwort oder Lösungsvorschlag.
Du sagst du würdest die Seite platt machen und neu gestalten. Und wenn ich dies jetzt machen tät, würde ja wieder das selbe herauskommen. Und woher soll bzw. kann ich jetzt direkte Hilfe bekommen?
lg
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
Hallo Biene,
für die Tabellen ist eine feste Breite von 1253px eingestellt. Daher das Scrollen. Nimm die Breite fürs Erste raus. Das sollte erst mal weiterhelfen.
Als zweiten Schritt alle Tabellen durch CSS ersetzen.
Manfred
Mmh das habe ich mir gedacht das die Seite für ein Profi echt
zusammengewürfelt aussehen muss. Vorher hatten wir es auch von
einem „Profi“ machen lassen. Der sowas beruflich macht. Leider
gab es streitereien und sie drohte uns, daher habe ich die
Seite innerhalb von 3 Tage notdürftig entwickelt und einfach
mit meinem Freund (der Vorstand ist). Nun bin ich dran sie zu
ändern und zu verbessern. CSS ist in Arbeit.
Ich habe auch schon mal daran gedacht, damit beruflich etwas anzufangen, hab’s bis heute aber gelassen. Unter anderem weil ich auch solche Befürchtungen habe.
Ob der Profi den Ihr hattet, berechtigte Gründe hatte weiß ich nicht. Da mische ich mich auch nicht ein. Ich habe meine eigene Definition, wie ein Profi arbeiten sollte. Die stimmt erfahrungsgemäß nicht immer mit anderen Meinungen überein. Denn teilweise wird da immernoch mit Tabellen gelayoutet, oder es werden Stylessheets (CSS) dazu benutzt, um ein Tabellenlayout zu verändern. Das kann ich irgendwie nicht mit meinem Gewissen vereinbaren. Entweder hält man sich ganz an die Webstandards und achtet auf saubere Trennung von Inhalt und Layout, oder man lässt es gleich bleiben.
Die Mitglieder des Clubs finden die Seite sehr gelungen und
besser wie der vom Profi.
Das hat sicherlich auch viel mit Sympatiewerten zu tun. Aber das ist ja auch in Ordnung.
Auch die Struktur der Seite ist
ähnlich wie der die sie vorher gemacht hat. Nur halt ohne CSS,
was aber noch kommt.Aufgefallen ist der Fehler mit den Bildschirmen erst als uns
die Autohändler drauf aufmerksam gemacht haben, weil wir um
Rechte der Emblems der Marken gefragt haben. Aber selbst von
denen hat sich nur einer geweigert die Seite zu akzeptieren.
Ist ja auch ok. Nur es ist halt ein privater Club und wir
wollen und können uns es nicht leisten gegen Geld eine HP
entwickeln zu lassen. Zumahl viele Clubs das machen, oder sich
die Vorlagen aus dem Internet ziehen und somit alle den
gleichen Aufbau haben. Das wollen wir nicht.Also muss und will ich es auch machen. Auch wenn ich mit
vielen Fachwörtern nichts anfangen kann, versuche ich es
weiter.
Es wird Tage geben, da wirst Du die Sache verfluchen. Aber wenn die Neugier überwiegt, machst Du immer weiter. So lange bis dir irgendwann die Lichter angehen. Dann denkst du dir: „warum ist mir das nicht früher eingefallen“
Nur mit den Bildschirm ist wirklich erstmal eine SAche
die dringend geklärt werden muss. Wahrscheinlich gibt es noch
mehr Probleme mit der Seite die ich noch nicht kenn wie du
schon sagtest aber auch die werde ich finden und bereinigen.
Leider bin ich auf Hilfe anderer angewiesen. Und bei mir ist
es so, das ich meist lerne wenn ich es durch andere erfahre
anstatt mir selber was lese irgendwo. Ich habe schon so vieles
über HTML und CSS gelesen, aber leider versteh ich wenig und
kann es mir nicht auch nicht merken bzw. ergibt für mich kein
Zusammenhang, da ich nur lerne durch Fehler und Erfahrungen.
Du musst vorallem zuerst mal lernen, was HTML eigentlich für einen Sinn hat. Das geht schon mal damit los, dass HTML keine Programmiersprache ist. Viele denken nämlich, sie könnten Websites programmieren. Ebenso ist CSS keine Programmiersprache. Also Dinge wie:
Was bedeutet HTML?
Wozu dient es?
Was kann HTML?
und vor allem: was kann es nicht?
Die einfache Aussage „mit HTML erstellt man Internetseiten“ ist einfach eine unzureichende Information die zu vielen Missverständnissen führen kann.
Ich hatte jetzt knapp ein Jahr Informatik mit dem Theme HP´s
entwickeln usw. Leider hatte ich muss ich sagen keine gute
Lehrerin sie wusste selber nicht drüber bescheid und ich habe
mir so alles selbst „erlernt“. Da ich auf ein Wirtschaftsgym
bin haben wir HP´s auch nur im Sinne von virtuelle
Unternehmensentwicklung gemacht. Und fragen durfte man gar net
stellen, es gab eh keine Antwort oder Lösungsvorschlag.
Was in deutschen Bildungseinrichtungen teilweise gelehrt wird, finde ich oft nicht mehr lustig. Uralter Mist, der vielleicht vor zwanzig Jahren üblich war (aber auch da eigentlich schon Müll), aber mit modernen Vorgehensweisen nichts zu tun hat. Da wundern mich auch die Pisastudien nicht mehr.
Das Traurige dabei: die Leute verlangen für solche Volkshochschulkurse auch noch Geld.
Wenn man etwas nicht kann, soll man es zugeben, aber den Quatsch dann nicht auch noch jemand anderem als Profiarbeit unterjubeln wollen.
Du sagst du würdest die Seite platt machen und neu gestalten.
Und wenn ich dies jetzt machen tät, würde ja wieder das selbe
herauskommen.
Ja, die Gefahr sehe ich ebenso.
Und woher soll bzw. kann ich jetzt direkte Hilfe
bekommen?
Ich kann dir jetzt natürlich einfach eine Lösung hinklatschen und dir wie in einer Schritt-für-Schritt-Anleitung schreiben, wie Du es hinbekommst. Dadurch lernst Du null, geschweige denn, dass Du damit zurecht kommst.
Das ist wie in einer Autowerkstatt: Du kannst dein Auto dort reparieren lassen und bist einfach froh wenn es wieder fährt, hauptsache es klappt. Wenn Du verstehen willst warum es dich stehen gelassen hat, bleibt dir nichts anderes übrig, als dich mich KFZ-Mechanik zu beschäftigen.
Aus eigener Erfahrung finde ich es ziemlich mühsam, sich als Anfänger die Antworten auf seine Fragen stückchenweise zusammen kratzen zu müssen.
Das einzige was ich dir persönlich anbieten kann (und was ich für sinnvoll halte), ist zu versuchen, dir HTML und CSS bei zu bringen. Allerdings halte ich das Forum dafür eher ungeeignet, weil dadurch eine ewig lange Diskussion entsteht, die mich als außenstehender User nerven würde. Außerdem werden ältere Threads ohnehin irgendwann in’s -ich nenne es mal Archiv- verbannt.
Letztendlich liegt es aber an dir, wie Du die Sache angehst. Ich wünsch’ dir dabei jedenfalls viel Erfolg.
Gruß Marcus 
P.S.: Gruß aus Fürth nach Nürnberg 
Hallo Manfred,
Dnke für den Tipp, habe es auch jetzt so gemacht. Nur ein Problem bleibt (kannst Du dir gern anschauen) die Schrift ist zu nah an die Buttons bei kleineren Bildschrimen oder wie man es nennen kann.
Gibt es da nicht noch eine Möglichkeit wie man das ändern kann?
Tabellen in CSS habe ich schon proboiert. Aber eine Frage bleibt mir bei css. Ich mache für die ganze HP eine Css- datei. Aber meine Seiten sind nicht alle gleich aufgebaut mit den gleichen Tabellen. Muss ich jetzt mehrere css dateien machen?
lg
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
Hallo Biene,
Nur ein
Problem bleibt (kannst Du dir gern anschauen) die Schrift ist
zu nah an die Buttons bei kleineren Bildschrimen oder wie man
es nennen kann.
Gibt es da nicht noch eine Möglichkeit wie man das ändern
kann?
Fürs Erste schau mal hier: http://de.selfhtml.org/html/tabellen/gestaltung.htm#…
Schlussendlich solltest Du alle Tabellen entfernen.
Befasse Dich erst mal gründlich mit CSS. Hier erfährst Du alles, was Du benötigst: http://de.selfhtml.org/css/index.htm.
Aber meine Seiten sind nicht alle gleich aufgebaut mit
den gleichen Tabellen. Muss ich jetzt mehrere css dateien
machen?
Nö. Eine Datei genügt. Da kannst Du alles definieren.
Brauchst Du mehr, frag hier weiter.
Manfred
Hi,
um CSS besser kennen zu lernen, empfehle ich dir diese Seiten:
Du kannst das Ganze zum Offlinelesen runterladen.
Viele Grüße
WoDi
Hallo,
habe mir deine empfohlenen Seiten gut angeschaut, habe auch wieder mehr gelernt.Danke für den Tipss!
Nur ein, zwei Fragen bleiben mir unergelöst.
Du meintest ich solle die Tabellen ganz weg machen, meintest du damit nur aus HTML raus? Wenn ja, ich bin dabei sie in CSS umzuschreiben, aber muss da mein kompletten Inhalt auch rein. Eigentlich sagt man ja Layout und Inhalt trennen. Aber wie bekom ich mein Inhalt welche ich demnach in HTML schreiben muss in die Tabellen oder kann ich den auch in CSS nei setzen?
Und wie definier ich in CSS das mances nur für eine der HP Seiten gilt? Das habe ich immer noch net so wirklich raus gefunden?
lg
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
Hallo Biene,
Du meintest ich solle die Tabellen ganz weg machen, meintest
du damit nur aus HTML raus? Wenn ja, ich bin dabei sie in CSS
umzuschreiben, aber muss da mein kompletten Inhalt auch rein.
Damit meine ich, ins HTML gehören keine table - tr - td Tags, es sei denn für tabellarische Auflistungen.
Eigentlich sagt man ja Layout und Inhalt trennen.
Richtig.
Aber wie
bekom ich mein Inhalt welche ich demnach in HTML schreiben
muss in die Tabellen oder kann ich den auch in CSS nei setzen?
CSS hat keinen Seiteninhalt. Es definiert lediglich, wie Seite und Seitenelemente aussehen. Das beinhaltet die Positionierung von Elementen. Siehe: CSS-basierte Layouts http://de.selfhtml.org/css/layouts/index.htm
Und wie definier ich in CSS das mances nur für eine der HP
Seiten gilt? Das habe ich immer noch net so wirklich raus
gefunden?
Du kannst für HTML-Tags verschiedene Styles definieren und dann den Elementen zuweisen.
Manfred