HTML
css:
html, body {height: 100%;}
table #table88 {position:absolute; bottom: 74px; left: 0px}
..und los geht es.
Beiträge von yeti66
-
-
.... wirst Du mal mit etwas Code rüber kommen müssen.
-
HTML
Alles anzeigen<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"> <!-- /*reset styles*** thanks to Eric A. and Kathryn S. Meyer *** http://meyerweb.com/eric/thoughts/2007/05/01/*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} html, body {height: 100%;} /*reset styles*end*/ table {position:absolute;bottom: 74px;left: 0px;background-color:#CCC;} --> </style> </head> <body> <table width="200" border="1" > <tr> <th scope="col"> </th> <th scope="col"> </th> <th scope="col"> </th> </tr> <tr> <th scope="row"> </th> <td> </td> <td> </td> </tr> <tr> <th scope="row"> </th> <td> </td> <td> </td> </tr> </table> </body> </html>...wobei es hier auf html, body {height: 100%;} ankommt.
-
Optisch würde ich sagen hast Du mit Deiner Seite einen Sprung gemacht. Leider hinkt der Quellcode der Optik meilenweit hinterher. Du hast die Struktur einer Webseite in eine andere kopiert und die Trennung von Inhalt und Layout noch nicht verinnerlicht.
HTML...<big><big><big><span style="font-family: Times New Roman,Times,serif;"> Name:</span></big></big></big></span><big><big style="font-family: Times New Roman,Times,serif;"><big> Corinna </big></big></big></span></span></span></span></small></small></small><br style="color: rgb(0, 0, 0);">Deine Seite ließe sich dabei so einfach darstellen. Die Verwendung von Verweis-sensitiven Grafiken ist auch nicht das Mittel der Wahl für Navigation dieser Art. Das große Wunder ist aber, das die Seite in allen IE ab5.5 gleich dargestellt wird, soweit ich sehen konnte. Deshalb würde ich sagen ein sauberes Layout und aus der Seite wird noch was.
-
Kleine Seite und ohne Flash nicht nutzbar. Zumindest sollte es Alternativen zu Flash geben sonst gibt es leider nur eine schöne gleichmäßig schwarze Seite. Leider.
-
Siehe body und wrapper
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" xml:lang="en" lang="en"> <head> <title>Suckerfish Dropdowns</title> <style type="text/css"> .clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */ /*+++++neu hizugekommen+++++*/ body{ text-align:center;} #wrapper {width:850px;margin: 0 auto;} /*+++++neu hizugekommen++Ende+++*/ #content {background:#E1DDCE;border-top-color:white;border-top-style:solid;border-top-width:10px;padding-top:65px;border-bottom-color:white;border-bottom-style:solid; border-bottom-width:10px;padding-bottom:25px;} /* MENÜSTRUKTUR aufbauen */ #navcontainer {background-color:white;border-bottom-color:#563302;border-bottom-style:solid;border-bottom-width:thin;} #navcontainer a {text-decoration: none;} #navcontainer ul {padding: 0;margin: 0;list-style-type: none;position: relative;font-size:1.1em;} #navcontainer li {display: inline;} /*1st level elements*/ #navcontainer ul {/*border-top: 1px solid #36c;border-bottom: 1px solid #36c;background-color: #36c; */padding: 2px 0;margin-bottom: 10px;} #navcontainer li {margin: 0 0 0px;} #navcontainer ul a, #navcontainer ul a:link/*,#navcontainer ul a:visited*/ {color: #9F8E71; /* inaktiv hell-grau */padding: 0px 25px;} #navcontainer ul a:hover, #navcontainer ul a:focus {color:#563302; /* aktiv weinrot */} /*current Link*/ #navcontainer ul a#current, #navcontainer ul a#current:link, #navcontainer ul a#current:visited {font-weight: bold;color:#563302;} /*Second and subsequent levels*/ #navcontainer ul ul {font-size: 80%;position: absolute;top: 65px;left: 1px;width: auto;} #navcontainer ul ul li {display: inline;} #navcontainer ul ul a, #navcontainer ul ul a:link, #navcontainer ul ul a:visited {/* border: 1px solid green; */} #navcontainer ul ul a:hover, #navcontainer ul ul a:focus {color:#563302;} /*current Link*/ #navcontainer ul ul a#subcurrent, #navcontainer ul ul a#subcurrent:link, #navcontainer ul ul a#subcurrent:visited {font-weight: bold;color:#563302;} </style> </head> <body> <div id="wrapper"> <!-- HEADER SAMT MENÜ --> <div id="header"> <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="#" id="current">Systemische Beratung</a> <ul id="subnavlist"> <li id="subactive"><a href="#" id="subcurrent">SBeratung ITEM 1</a></li> <li><a href="#">Subitem two</a></li> <li><a href="#">Subitem three</a></li> <li><a href="#">Subitem four</a></li> </ul> </li> <li><a href="#">Systemisches Coching</a></li> <li><a href="#">Mediation</a></li> <li><a href="#">Über mich</a></li> <li><a href="#">Kontakt</a></li> </ul> </div> </div> <!-- CONTENT MITTE--> <div class="clearfix" id="content" > <!-- BILDBOX LINKS --> <div style="float: left; margin-left:20px; margin-right:10px; height: auto; border: 1px solid silver; background: #EC7405; padding-left:5px; padding-top:5px"> <p>ctus et L. Iquam factudere, ublintem. Sicia<br /> nosum omne cam norum facchi, unclessulnosum<br /> omne cam norum facchi, unclessul</p> <img src="http://home.arcor.de/benni_84/rradio/images/giraffen.jpg" width="438" height="259" alt="Giraffen" /> </div> <!-- BILDBOX ENDE --> <!-- CONTENT TEXT --> <div style="padding-top: 95px;" >Details zu erfassen und Menschen empathisch zu verstehen.<br /> Iviverobsent? Cus hoc, pere iam inguleris la videm missessatum, <br /> et virim dientius. Verriss ulostractum inpra rent? Quo esceribus omnorum<br /> ingulerdit factus et L. Iquam factudere, ublintem. Sicia det? Esses lo-<br /> cum crensultu iae in det am cus cus core qua int. Scienihil urnium dius? <br /> quid crenat iam nosum omne cam norum facchi, unclessulin temovemssssin Itam<br /> quid crenat iam nosum omne cam norum facchi, unclessulin temovemus ad in Itam<br /> P. Evit ex mantius pes horbis et; inculinerem num talegitus, <br /> untena, nostratum inve, cum in tiam ac verobsendum peribem orterfi <br /> rmiurni ssescepotin num terissilina, me atium fit forbempride temur aut<br /> audacch umeis, consul virmaio sFacia caet im musqui consiliurnum iam,<br /> audacch umeis, consul virmaio sFacia caet im musqui consiliurnum iam, <br /> vid in rent, quam se nonsum aurs acii pratuitabut cond </div> </div> <!-- START FOOOTER --> <div id="footer" style="background:white; border-top-color:#563302;border-top-style:solid; border-top-width:thin; "> <div style="font-family:Arial, Helvetica, sans-serif; font-size:1.3em; text-align:right; padding-right: 80px; padding-top:5px; padding-bottom:5px; color:#EC7405">Monika Sorg<img src="http://home.arcor.de/benni_84/rradio/images/logo_blume.jpg" alt="Blumenlogo" width="93" height="92" /></div> </div> </div> </body> </html> -
So etwa ... und der Text wird als Fließtext noch formatiert(Randaabstand etc.)
-
Tja tut mir leid aber warum sollte ich mich anmelden? Nichts auf Deiner Startseite deutet auf den zu erwartenden Mehrwert hin für den sich eine Anmeldung lohnt! Die Links als solche (Top10/News/Tagebuch) sind fast nicht erkennbar. Etwas mehr Info sollte schon sein.:(
-
zu1.) Das Zauberwort heißt liquid layout.Informationen über das was und wie findest Du im WWW. Das JS für die Berechnung der Seite kannst Du dann vergessen.
zu2.)......das Pagepeel Script nur noch an die gewünschte Seite anpassen und fertig. -
Tja wer gut vorbereitet ist hat eine kleine alte Festplatte oder CD/DVD mit diesen aktuellen Programmen vorbereitet. Wer war das doch gleich: "Ich habe da mal was vorbereitet....!":D
-
Oder vielleicht gar Tod dem IE im allgemeinen?:D...besser isses.
Mal sehen wie die Entwicklung mit IE weitergeht, wenn der IE in Win7 in Europa nicht mehr Bestandteil des Betriebssystems ist (ab 1. Installation). -
Nach langem hin und her muss ich wohl der Realität ins Auge sehen, das dropdown Menu`s ohne JS eigentlich nicht realistisch umzusetzen sind (bis runter zum IE5). Irgendwann muß man sich eh' vom IE5 und IE6 trennen. Die Statistik http://www.w3schools.com/browsers/browsers_stats.asp
spricht da eine deutliche Sprache. Also Tod dem IE4/5 und IE6. -
Ok, ich passe alles nochmal neu an. Ich melde mich dann per Email.8)
-
Hab` gleich mal BMX´t:D. Nun ja Deine Klientel liegt ja wohl eher in der Schülerabteilung trotzdem würde ich die Seite mehrsprachig auslegen und vor allem dem Header eine ansprechende Grafik verpassen. Die Seite ist für 800x600px ausgelegt. Das ist etwas geizig, wie ich finde. Ich würde es auf 1024x768 anlegen, die Schrift nicht so mini und für Web2.0 Zeiten etwas mehr Pepp.
-
Ja schade eigentlich, eine riesige Sammlung und an der Präsentation mangelt es. Vielleicht kannst Du Dich ja entschließen von der Tabelle als Layoutmittel abzusehen um gänzlich auf CSS umzusteigen. Die verwendeten Grafiken sind so stark komprimiert, das man schon Artefakte sehen kann. Deine Navigation ist ein Code-Monster, das geht einfacher und leserlicher http://css.maxdesign.com.au/listamatic/vertical08.htm z.B.
Ja wie gesagt schade. -
Absolut. Kritik sollte immer sachlich sein und so aufgefasst werden. Das Kritik wiederum schwer zu akzeptieren ist geht sicher jedem so. Wichtig ist nur das die Kritik und Hilfe sachlich und konstruktiv ist, dann hilft sie auch weiter wenn sie angenommen wird.
Aber ich denke Du bist auf dem richtigen Weg. Dann sehen wir ja bald was über die Karpfenseite
. -
Also..ich habe mal etwas gewurstelt.
Allerdings sind unnötige table Verschachtelungen im Code. Leider kann ich es jetzt nur an den "Fehlern" und an der Anzeige der Tabelle im Browser ausmachen ob es etwas genutzt hat. Besser für uns wären absolute Grafiklinks. Naja schaul mal....... -
HTML
<tr> <td colspan="3"><img src="images/foot.gif" border="0" width="970" height="284" /></a><br> <a href="http://www.death-soldiers-clan.de.vu/" target="_new" title="Death Soldiers"><img src="images/balken_unter_foot.gif" border="0" width="970" height="26" /></a></td> </tr></table> </body> </html></table> fehlt bei Dir und vieles andere mehr. Ein Wunder das überhaupt etwas angezeigt wird.
-
Ja klar für einen sauberen Ansatz musst Du neu anfangen. Hilfe und Vorlagen zum css-layout gibt es genug: http://www.intensivstation.ch/en/templates/
http://www.vanseodesign.com/blog/css/3-column-css-layout/Wenn Du dann nicht weiterkommst kannst Du hier jederzeit Hilfe finden. Wichtig ist nur: programmiere erst Dein Grundlayout fertig und dann stellst Du Deine Inhalte ein und nichts anderes. Sonst verlierst Du die Übersicht.
-
Keywords für sich betrachtet haben nicht mehr die Bedeutung die sie mal hatten. Heute ist es eher (grob gesagt) die Kombination von gleichen Begriffen (oder sinnverwandte Worte) die in den meta-keywords , der Seitenbezeichnung und im Content als Text und Links vorkommen. Verzichten würde ich deshalb auf keywords nicht.
Eine Übersicht zu Deiner Frage findest Du hier : http://www.at-web.de/suchmaschinenoptimierung/keywords.htm