Macrosdesign,
zu1. hatten wir schon mal Gesamtdesign "sehr gut"! headerpic passt nicht mit dem Rahmen zur Navi. Empfehlung: Header dezenter/filigraner zum Tehma(Natur) und ohne Rahmen.!
zu2. hmm.. schwer zu sagen, wo es halt hinpasst. Die Säulen tragen zu dick auf und die Navi ist mau
zu3. pic Ordner und Button als Papierschnipsel ist to mouch Gesamtdesign "Ansatz gut Umsetzung zu verspielt im header nicht klar genug"!
zu4. der innere Rand links passt sich nicht an den header und bei HOME hover hat er links/oben einen Rand - Transparent wäre besser Gesamtdesign "schön und sauber"!
zu5. Text der Links nicht mittig - Gesamtdesign "naja nich berauschend"!
zu6. Bekannt, optisch sehr sauber, trägt aber auch grafisch dick auf - aber wo es hinpasst ok.
zu7. geht garnicht -->Tonne. rote Rollerchen im header und die Navi macht nichts her sorry
Beiträge von yeti66
-
-
minder,
was genau tut er im FF nicht? Bei mit macht er alles, was er soll. Jedenfalls kann ich kein Unterschied entdecken.
-
Tinkerbell,
schön, einem netten Mädel helf´ich gern
-
Tinkerbell,
wenn Du es so, wie bei Stu Nicholls Galerie machen willst übernimmst Du den Code. Den css-Code setzt Du ab und gibst einen Hinweis über die Herkunft. Im Impressum schreibst Du ein "Thanks to..." mit einem Link zu Stu Nicholls Seite.
Wenn im Copyright nichts anderes steht geht das in Ordnung.Wo brauchst Du Hilfe? In erster Instanz solltest Du es aber selber versuchen und Dein Erfolg präsentieren. Dann hilft auch jeder. Heute Abend schaue ich noch mal rein. Eine konkrete Vorstellung wäre dann schon wichtig. Bis morgen Abend steht es dann, ok ?
-
yup, fehlt halt etwas der Pep,der die Seite von der Masse abheben lässt und zu etwas lesenswertem macht ein Eycatcher halt.
-
sero79,
einfacher und mit weniger Code und ohne JS wäre es natürlich beim Seitenaufbau jeweils dem WEITER Button die nächste URL zu verpassen. JS schalten auch viele User aus Sicherheitsgründen ab und dann brauchst Du eine Alternative da Deine Lösung mit JS nicht funktioniert.
ZitatWarum einfach wenn es umständlich geht?
-
Dark_Dog,
Du hast Dir den Quelltext oben nicht besonders zu Herzen genommen. Aber den Innenabstand zum Rand bekommst Du mit padding:20px; z.B. Das hatte ich hier mit
siehe da .. gelöst
Dein
vor dem container ist Quark - margin-top:25px; tut es auch und der Container "rahmen" ist unnötig, wie Du an dem obigen Quelltext sehen kannst. Außerdem ist Deine Seite bequem ohne Tabellenlayout zu gestalten. Die wilde Mischung aus Tabelle und Containern ist nicht nötig.Code<div id="rahmen"> <div id="header"></div> <div id="navi"></div> <div id="content"></div> <div id="footer"></div> </div>
So sieht das im groben html- seitig aus. Mit css formatiert ist es dann schnell. -
Dark_Dog,
HTML
Alles anzeigen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>JPAQmusic - more than music...</title> <meta name="description" content="descr"> <meta name="author" content="Jean Pierre Zwickl"> <meta name="keywords" content=""> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta name="robots" content="index,follow"> <meta name="language" content="de"> <link rel="stylesheet" type="text/css" media="screen, projection" href="stylesheet.css"> <link rel="shortcut icon" href="favicon.ico"> <style type="text/css"> <!-- * {margin:0;padding:0;} body {background-color: #717171;color: #4a4a4a;font-family: Arial;font-size: 14px;scrolling:no;} p {padding:20px;} #textfeld {background-image:url(http://www.jpaq.de/neue_seite/img/textfeldbg.jpg);height: 561px;padding: 0px;} #textdiv {height: 511px;width: 950px;overflow:auto;scrolling: no;} a {border: 0;color: #ff7800;text-decoration: underline;} img {border: 0;} --> </style> </head> <body> <table border="0" cellspacing="0" cellpadding="0" width="1000" align="center" style="margin:20px auto;"> <tr> <td>[img]http://www.jpaq.de/neue_seite/img/header.png[/img]</td> </tr> <tr valign="top"> <td>[img]http://www.jpaq.de/neue_seite/img/navispacerlinks.jpg[/img][url='index.php'][img]http://www.jpaq.de/neue_seite/img/home.jpg[/img][/url][url='jpaqmusic.php'][img]http://www.jpaq.de/neue_seite/img/jpaqmusic.jpg[/img][/url][url='examples.php'][img]http://www.jpaq.de/neue_seite/img/examples.jpg[/img][/url][url='shop.php'][img]http://www.jpaq.de/neue_seite/img/shop.jpg[/img][/url][url='agb.php'][img]http://www.jpaq.de/neue_seite/img/agb.jpg[/img][/url]</td> </tr> <tr> <td id="textfeld"> [b]Herzlich Willkommen auf den Internetseiten von jpaqmusic.[/b] [b]Sie suchen: Gemafreie - AKM - Suisa - Royalty free music?[/b] Wir bieten moderne Kompositionen im Bereich: [b]House, Trance, Techno, Dance-Electro und Chill Out[/b] jpaqmusic bietet Ihnen unveröffentlichtes Studiomaterial, Songs und kostengünstiges Audiomaterial direkt vom Komponisten in professioneller Studioqualität (44,1 kHz) zur Vertonung von Film, Video, DVD, Multimedia-Produktionen, Web-Background, Events oder öffentliche Beschallung jeglicher Art! Sparen Sie sich unnötige Kosten oder Gebühren! Nie wieder laufende Kosten, die normalerweise an div. Nutzungsgesellschaften wie die [url='http://de.wikipedia.org/wiki/GEMA']GEMA[/url], [url='http://de.wikipedia.org/wiki/ASCAP']ASCAP[/url] und [url='http://de.wikipedia.org/wiki/Broadcast_Music_Incorporated']BMI[/url], PRS, [url='http://de.wikipedia.org/wiki/SUISA']SUISA[/url], [url='http://de.wikipedia.org/wiki/Gesellschaft_der_Autoren%2C_Komponisten_und_Musikverleger']AKM[/url], BUMA usw... zu entrichten sind. Überzeugen Sie sich selbst! Im Shop können Sie sich einige Ausschnitte unserer Produktionen anhören. Mehr als über hundert von zufriedenen Kunden - ob International oder hier zu Lande - waren absolut mit unseren Produktionen zufrieden! Hörproben finden Sie im Bereich Examples. Viel Spaß! </p></td> </tr> <tr> <td colspan="6">[url='imprint.php'][img]http://www.jpaq.de/neue_seite/img/footer.jpg[/img][/url]</td> </tr> </table> </body> </html>
Allerdings solltest Du etwas zum Thema Entities, also gegen Deine verwendeten Umlaute tun. Ach ja IE5.5 und IE6 kommen nicht mit .png Dateien klar. Deshalb sieht es unter diesen beiden Oldtimern etwas anders aus .
-
Zitat von firefox5.0
....und zweitens niemand dafür zahlt...
naja, ehrlich würde ich auch nicht. Wenn sich hier jemand mit Hauswirtschft präsentieren will, dann doch wohl seriös und nicht mit einer klatschbunten Seite. Was Du machst hat immer einen touch zuviel. Bemühe Dich doch mal das Thema seriös rüberzubringen. -
:-)Eva:-),
sieh`mal unter Roaming bei Deinem Handyvertrag nach ,bzw. auf der Seite deines Anbieters. Dort bekommst Du auch Informationen über Möglichkeiten und Kosten.
-
donfey,
hier einmal ein Ansatz als tabellenloses Layout:
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Language" content="de" /> <meta name="GENERATOR" content="Microsoft FrontPage 5.0" /> <meta name="ProgId" content="FrontPage.Editor.Document" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>TC Freisenbruch 02</title> <style type="text/css"> <!-- html, body {margin:0;padding:0} body {font: 76% arial, sans-serif;text-align:center} #header {height:175px;} #container {text-align:left;width:1030px;margin:0 auto;background-color:#009933;} #navi { float:left;width:200px; text-align:center; padding-left:10px;} #content {float:right;width:790px;background-color:#CCCCCC; margin:10px;} #footer {clear:both;background: #006600;color: #FFF;padding:2px; text-align:center;} p{ padding-right:20px; padding-left:20px;} img{ border:none;} #middle { margin-bottom:14px;} #menu {width: 200px;margin:10px 0;} #menu ul {list-style: none; width:200px; margin:0; padding:0;} #menu a, #menu h2 {font: bold 11px/16px arial, helvetica, sans-serif;display: block;border-width: 1px;border-style: solid;border-color: #ccc #888 #555 #bbb;margin: 0;padding: 2px 3px;} #menu h2 {color: #FF8635;background: #96D12C;text-transform: uppercase;} #menu a {color: #000;background: #efefef;text-decoration: none;} #menu a:hover {color: #a00;background: #fff;} #menu li {position: relative;} #menu ul ul ul {position: absolute;top: 0;left: 100%;width: 100%;} #menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;} #menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;} <!-- [if IE]> #menu ul li {float: left;width: 100%;} <![endif] --> <!-- [if lt IE 7]> body {behavior: url(csshover.htc);font-size: 100%;} #menu ul li a {heigth: 1%;} <![endif] --> --> </style> </head> <body> <div id="container"> <div id="header">[img]Banner.gif[/img][img]tcf_Vereinswappen.jpg[/img]</div> <div id="wrapper"> <div id="content"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> </div> <div id="navi"> <div id="menu"> <ul> [*] <h2>Inhaltsverzeichnis</h2> <ul> [*][url='#']Home[/url] [*][url='#']Statistiken[/url] <ul> [*][url='#']A-Jugend[/url] [*][url='#']B-Jugend[/url] [*][url='#']C-Jugend[/url] [*][url='#']D-Jugend[/url] [/list] [*][url='#']Spielberichte[/url] [/list] [/list] </div> </div></div> <div id="footer"> Dein footer</p> </div> </div> </body> </html>
Leider ist für IE5.5 und IE6 noch Nacharbeit zu erbringen. Grundsätzlich solltest Du jedoch auf ein Tabellenlayout verzichten.
-
Torty,
ahh..ein Karussel meinst Du. Besser: http://meinlcymbals.com/products
-
Torty,
vielleicht ist ja hier was dabei: http://www.drweb.de/weblog/weblog/?p=823 .
http://vikjavev.no/highslide/ finde ich sehr gut gelungen als Alternative.
-
Football.Goal,
yup, der Rat von driver ist der beste Rat, den Du bekommen kannst. Setze Deine Seite neu an mit einem solidem 3Spaltenlayout. Erst danach füllst Du Deine Spalten mit Inhalten. Wenn Du so vorgehst findest Du auch in Deinen "Bauabschnitten" Deiner Seite, wenn Du nicht weiter kommst Hilfe im Forum.
-
jafob,
yup, Verschachtelungsfehler, Verwendung von Entities wären erst einmal das erste, was auffällt. Dein header - Bild ist 933px breit und Dein Hintergrund (Schatten) ist auch 933px breit, passen aber links oben nicht zusammen .
Eigentlich bin ich eher erstaunt, das der FF Deine Seite so hinbiegt, trotz mehrer nicht geschlossen div tags. ÜbrigensCode<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
sieht die Umsetzung sehr streng;..... "img" duldet kein Attribut "border und hspace" "a" kein Attribut "target" usw. usv.
-
skokes,
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"> <!-- * {margin: 0;padding: 0;} body {background: #1c2023;font-family: "trebuchet ms", verdana, arial, sans-serif;font-size: 100.01%;text-align:center;} #wrapper {width:960px;margin: 0 auto;} #linkeBox {float:left;width:475px;background-color:#cecece;color: #555555;margin-right:10px;} #rechteBox {float:right;width:475px;background-color:#cecece;color: #555555;} #footer {clear:both;width:100%;background-color:#0000ff;color:#ffffff;text-align:center;} --> </style> </head> <body> <div id="wrapper"> <div id="linkeBox"> diese beiden boxen sollen zwischen den beiden zeilen stehen, diese aber nicht berühren! </div> <div id="rechteBox"> dies ist die zweite box sie wird neben der ersten box stehen und ragt ebenfalls in die untere untere div-box hinein! </div> <div id="footer"> dies ist die untere blaue box, die sich mit den beiden grauen ueberschneidet! :( </div> </div> </body> </html>
...so etwa?
-
pinales,
yup, müssen muss auch nicht sein. Mit den Akzenten meinte ich auch kein umlaufenden Schatten, sondern den Header von http://www.photoshoptutorials.de . Klar es wird immer schwieriger eine Seite zu erstellen, die sich von der Masse abhebt. Wenn es zum Thema passt, bemühe ich mich um eine asynchrone Seite. Aber in diesem Fall würde ich immer zu einem 2 Spalter zentriert tendieren.
-
pinales,
yup, einiges wurde ja schon gesagt..
Hier würde ich ja ein 2Spaltiges Layout bevorzugen und die Neuigkeiten in die 2. Spalte einbinden und die Seite mittig setzen. 100% Breite macht nur bei viel Content Sinn. Sonst sieht es so verloren aus. Den header würde ich mit einem leichten Verlauf ansetzen, damit die "Spiegelung" auch zum tragen (besser zur Geltung)kommt. http://coderz-home.de/index.php?page=Thread&threadID=342&l=3
Auch, wenn es schlicht sein soll, kann man ruhig Akzente setzen. Das macht Lust aufs Lesen und erleichtert die Lesbarkeit. [wie hier z.B.: http://www.photoshoptutorials.de/] -
Macrosdesign,
nur, damit es nicht untergeht, da ich es nur editiert habe pusche ich, wenn`s erlaubt ist --> https://www.forum-hilfe.de/viewtopic.php?p=291328#291328
-
Macrosdesign,
also grafisch toll aber gecodet . Was soll das mit dem preload, das ist doch Schnee von gestern. Eine ganz normale css-navi reicht vollkommen aus und im Mittelteil braucht die Grafik nur 1px hoch zu sein.
Als Beispiel ohne preload und gelisteter Navi: funzt im IE ab Vers6,FF,Opera und Safari. Für den IE5 muss noch einiges getan werden.