Meine Homepage - Könnt ihr mir ein bisserl helfen?

19. September 2006

hmm.. joa, so könnte das wohl gehen. poste doch am besten mal nen link zu der seite, das würde alles einfacher machen

wobei man bilder natürlich viel eleganter mit CSS-float neben den Text "rücken" könnte

20. September 2006

die erste zeile (tr) enthält eine Zelle (td), die zweite zeile enthält drei zellen. wie soll das gehen? (lies mal colspan nach)

Also colspan funktioniert auch mit td-Tags. Dafür braucht es nicht extra th oder sowas ;-)

ich bin mir außerdem nicht sicher, ob height-angaben in den tags hier überhaupt möglich/erlaubt sind.. sinnvoll ist es imo nicht, weil die höhe eh vom inhalt bestimmt wird.

height-angaben sind fürn Arsch! Kann man vergessen ^^

Vertikaler Abstand? Dann solltest du in den tr vielleicht mal folgendes verwenden:

<tr valign="top">

Normal werden die Spalteninhalte einer Zeile vertikal zentriert zu den anderen Zellen in der gleichen Zeile angeordnet! Mit valign="top" werden die ganz nach oben gesetzt, egal wie gross eine benachbarte Zelle ist!

Gruss

21. September 2006

Öhm also eben ne richtige Seite gibts noch nicht, aber ne Testseite:

http://home.pages.at/jonas-ulrich/test.html

Wie gesagt, bei safari, firefox und so ist alles super, nur beim IE irgendwie nicht. :kratz:

22. September 2006

Hm ich hatte dieses Problem auch mal bei nem Projekt von mir! Leider habe ich keine Ahnung mehr, wie ich das gelöst habe!

Versuchs vielleicht mal damit:

<table width="800" border="0" align="center" style="border-collapse: collapse; padding: 0px">

  <tr valign="top">

	<td colspan="3" style="margin: 0px; padding: 0px"><img SRC="./image3.jpg" width="800" height="120"></th>

  </tr>

  <tr valign="top">

	<td width="100" style="margin: 0px; padding: 0px"><img SRC="./image2.jpg" width="100" height="680"></td>

	<td width="600" style="margin: 0px; padding: 0px"></td>

	<td width="100" style="margin: 0px; padding: 0px"><img SRC="./image4.jpg" width="100" height="680"></td>

  </tr>

</table>

Hab mal zuerst die valign="top" an den richtigen Orten eingefügt. Die gehören in die <tr> und nicht in die <td>. Und dann habe ich noch überall n'paar CSS-Eigenschaften reingetan. Kann sein, dass jeweils eine der Eigenschaften überflüssig ist, aber ich hab atm grad keine Zeit das zu testen und überflüssige CSS-Eigenschaften schaden ja nicht in diesem Fall!

Gruss

Bearbeitet 22. September 2006 von Manaug

22. September 2006

jo

oder als Alternative gleich ganz mit CSS, fände ich persönlich schöner, aber das ist wohl Ansichtssache (wobei man als CSS-Fetischist natürlich nie eine Tabelle zu Layoutzwecken gebrauchen würde *g*):

<!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="de">

<head>

<style type="text/css">

<!--

* {

	padding:0px;

	margin:0px;

}

img {

border:0px;

}

table.main {

	width:800px;

	margin-left:auto;

	margin-right:auto;

	border-collapse: collapse;

}

table.main td.pic {

	vertical-align:top;

	width:100px;

}

 -->

</style>

</head>

<body>

<table class="main">

	<tr>

		<td colspan="3"><img src="./image3.jpg" alt="" /></td>

	</tr>

	<tr>

		<td class="pic"><img src="./image2.jpg" width="100" height="680" alt="" /></td>

		<td>Text</td>

		<td class="pic"><img src="./image4.jpg" width="100" height="680" alt="" /></td>

	</tr>

</table>

</body>

</html>

Bearbeitet 22. September 2006 von Hjälte

22. September 2006

@Hjälte: Ich wollte ihn halt nicht gleich mit CSS erschlagen ;-)

Wenn ich das richtig sehe, befindet er sich noch im HTML-Lernstadium!

Und wenn sowohl deine als auch meine Lösung nicht funktionieren, dann gehört der IE geschrottet (ok, der gehört so oder so geschrottet, aber ein weiterer Grund kann nicht schaden :-O )!

Gruss

22. September 2006

Hmmm also man könnte jetzt natürlich mit css anfangen, aber ich würd einfach mal das Leerzeichen vor </th> weglassen! Sollte reichen.

<th height="120" colspan="3"> <img SRC="./image3.jpg" width="800" height="120">[hier kein Leerzeichen]</th>

edit:

Grund: Du hast die gesamte Tabelle auf 800px definiert. Das Bild im <th> hast du auch auf 800px definiert. Das Leerzeichen danach fängt ne neue Reihe an. Zumindest soweit ich das sehen kann... :kratz:

Bearbeitet 22. September 2006 von golwin

23. September 2006

ja super, jetzt funzts. Die leerzeichen waren ganz offenbar das Problem. Danke!

@Manaug

Ja, ich bin noch im "HTML-Lernstadium" und ergo noch nicht dermassen beschlagen im Umgang mit CSS. ;-)

25. September 2006

Hallöchen!

Ich habe mal ein paar eher allgemeine Fragen zu html und css.

1. CSS

Wie genau sind die Aufgabenbereiche von css und html (im optimalen Falle) getrennt? Welche Teile einer Webseite gehören am besten ins css und welche ins html?

2. Frames

Gehe ich richtig in der Anname, dass klassische Frames heutzutage kaum noch verwendet werden? Aufgrund verbreiteter Breitband-Zugänge und Informationsauslagerung in Stylesheets sollte die Ladezeitersparnis ja praktisch unerheblich geworden sein. Aber gibt es heute vielleicht ähnliche Lösungen? Und wenn ja, welche Vorteile bringen diese?

3. Farblayout

Ich habe so meine Schwierigkeiten damit, eine Seite optisch zu gestalten. Dabei ist vor allem das Auffinden geeigneter Farbkombinationen ein Problem. Gibt es vielleicht generelle Hinweise, an denen man sich orientieren kann oder Regeln, an die man sich halten sollte bei der Farbwahl der Webseitenelemenete? Oder muss man sich einfach einen guten Riecher antrainieren?

Gruß,

Úmarth

25. September 2006

Moin,

@CSS

Im optimalen Fall sind _sämtliche_ Layoutanweisungen im CSS.

HTML ist "nur" eine Textauszeichnungssprache (wie der Name schon sagt), d. h. man gibt - salop gesagt - einem Text eine Definition mit auf den Weg, was er eigentlich ist (genau wie bei XML, falls Du das kennst).

Beispiele:

<h1>Ich bin eine Überschrift</h1>

<p>Ich bin Fließtext.</p>

<ol><li>Ich bin der erste Listenpunkt.</li><li>Ich bin der zweite Listenpunkt.</li></ol>

Idealerweise sind damit noch keine Layoutinformationen übergeben. Dass so etwas trotzdem strukturiert von einem Browser angezeigt wird, liegt daran, dass jeder Browser Standardvorgaben für bestimmte Textauszeichnungen hat.

CSS hat nun die Aufgabe, dem ganzen ein Layout zu verpassen. Du kannst jedes HTML-Tag mit CSS ansprechen.

Von besonderer Bedeutung sind die HTML-Tags <span> und <div>, die gerade von Anfängern wohl gerne übersehen werden, da diese eigentlich "nichts machen". <span> ist ein Inline-Element, mit dem ein Browser keine Layoutinformation verknüpft, <div> ist ein Blockelement, mit dem ein Browser keine Layoutinformation verknüpft. Gerade deshalb sind diese beiden Tags so essentiell, weil man (mit Hilfe von CSS-Klassen bzw CSS-ID) diese beiden Elemente für logische Textauszeichnung wunderbar benutzen kann.

Die Grundlage von modernem Webdesign ist die klare und strikte Trennung von Inhalt (HTML) und Layout (CSS). Das bedeutet, dass man idealerweise erstmal den Inhalt der Seite strukturiert (mit HTML) und sich dann erst (mit CSS) überlegt, wie das ganze dargestellt werden soll. Leider ist das etwas schwer zu vermitteln, da gerade Anfänger froh sind, wenn sie mit irgendwelchen veralteten HTML-Tags einen Text bunt machen können, aber das ist auf Dauer gesehen der falsche Weg :-O (da weiß ich so genau, weil ich das anfangs ganz genauso gemacht habe :-) )

Evtl. wird Dir irgendwann nochmal das Stichwort "semantisches HTML" über den Weg laufen. Damit ist gemeint, dass man HTML-Tags nur für die Auszeichnung benutzen soll, für die sie gedacht sind. Beispiel 1: Tabellarische Inhalte kommen in eine Tabelle. Tabellen (meist unsichtbar) sollte man aber nicht zu Layoutzwecken (so wie man in Word germe Bilder neben den Text macht etc...) benutzen, da es sich nicht um tabellarische Daten handelt. Beispiel 2: ein Navigantionsmenü ist eine Aufzählung der Unterseiten eines Webprojektes, daher gehört es semantisch gesehen als Liste definiert. Semantisches HTML gewinnt im Zuge der sog. "Barrierefreiheit von Websites" immer mehr an Bedeutung (für private Websites evtl. eher unwichtig, aber ich glaube, für staatliche Seiten gibt es bestimmte Regeln, was Barrierefreihaeit anbelangt).

@Frames

Frames sind während der Browserkriege von NEstcape entwickelt worden. Heutzutage sollte man Frames auf keinen Fall benutzen, da sie viel mehr Nachteile als Vorteile haben. Und die paar Vorteile, die Frames evtl. früher mal geliefert haben, kann man heute durch PHP, welches wohl bei fast jedem Webhostingpaket mittlerweile enthalten ist, ausgleichen.

Die wichtigsten Nachteile: Kein direkter Verweis auf Unterseiten möglich (da sich in der Adresszeile nie etwas ändert), Suchmaschienen wie google kommen mit Frames nicht klar.

Frames sind in XHTML 1.1 auch schon nicht mehr Bestandteil, die kannst Du also getrost vergessen. Es lohnt auch wirklich nicht, sich die Technik von Frames zu erlernen, da andere Methoden (PHP-include beispielsweise) (a) einfacher zu erlernen sind und (b) sinnvoller sind.

@Farben

Früher gab es mal die sog. "Websicheren Farben" (256 Stück), ob man darauf heute noich achten muss, weiß ich nicht. Ich mache es nicht. Die Farbwahl empfinde ich selbst als eines der schwierigsten Dinge, aber da gibt es genug Hilfeseiten, z.B. http://www.colorschemer.com/online.html

Kleine Anmerkung: Jeder wird Dir was anderes sagen *g* Ich mag CSS, weil damit mit einer Änderung im CSS-File das Layout aller Seiten des Webprojekts geändert wird (und man nicht jede Unterseite einzeln ändern muss). Und natürlich gibt es selbst jetzt noch Leute, die Frames benutzen, evtl. weil sie es von früher her kennen und keine Zeit/Lust haben, ihre Seite umzubauen.

Bearbeitet 25. September 2006 von Hjälte

25. September 2006

zu 1.) Optimal wäre das komplette Layout und die Formatierung mit CSS zu machen und den Inhalt in html zu verpacken.

zu 2.) Jo, frames sind bäh (selbst ich habs mittlerweile eingesehen :rolleyes: ). Neben den normalen frames gibt es auch noch iframes, aber die sind auch nicht besser und beide sterben im inet jetzt wohl nach und nach aus. Die imho beste alternative ist eine Lösung mit php bei der beispielsweise Menü und Header per include(); eingebunden werden.

zu 3.) Farbwahl ist so ne Sache. Ich hab mal irgendwo gelesen, dass man beim Webdesign möglichst nicht mehr als drei verschiedene Farben verwenden sollte (wobei so Pergament wie bei meiner Page als eine Farbe zählen würde). Je "verwandter" die Farben sind desto einheitlicher wirken die Farben zusammen.

(Weiß gerad nicht wie ich das besser ausdrücken soll, aber gelb und orange sind zB verwandt und grün und rot nicht ;-) )

edit: tjo da war hj schon nen sekündchen schneller ;)

Bearbeitet 25. September 2006 von golwin

25. September 2006

Danke euch beiden, ihr habt mir einige Fragen beantwortet.

Ich werde jetzt erstmal wieder rumprobieren und experimentieren. Aber evtl. komme ich später noch einmal mit einer Frage zurück :-)

30. September 2006

Ich wollte ein drop down Menü erstellen, dass mich an verschiedene stellen der Datei wirft. Leider bin ich unfähig, vllt könnt ihr mir helfen.

<select name="menu">

<option selected value="#arzt">&Auml;rzte | Physicians</option>

<option value="#medizin">Innere Medizin | Internal Medicine</option>


usw

Mein Anker:

<p id="medizin">geht nicht</p>

Bei Meinem menü fehlt sicherlich noch vieles, aber ich habe keinen schimmer was.

30. September 2006

Hmmm das ist nur mit html wohl nicht machbar... hab da gerad mal ein bissl rumgespielt.

Da wirst du wohl auf js zurückgreifen müssen. --> informative Information <--

oder php oder sowas :kratz:

30. September 2006

Hm jo JavaScript ist das, was du brauchst!

Hab irgendwo noch nen Code rumliegen, der den gewünschten Effekt haben sollte, muss den aber zuerst suchen (bin grad aufm Sprung zu ner Party ;-) ). Werde morgen mal suchen!

Man könnte es natürlich auch mit PHP machen, wäre aber wenig sinnvoll, da man zuerst ein neues Script aufrufen muss, das einen dann weiterleitet, da solche Anker ja nur funktionieren, wenn #Anker in der URL steht, mit der eine Seite aufgerufen wird.

Du musst dich also bitte bis morgen gedulden oder dir das selber (mit Hilfe von SelfHTML) selbst zusammenreimen (was machbar sein sollte, wenn du dich n'bissl mit JS auskennst).

Gruss

1. Oktober 2006

Zwar Doppelpost aber egal ^^

So Party vorbei und ausgeschlafen => Ich habe nachgeguckt, wie ich das damals gemacht habe!

<select name="Menu" onChange="self.location = this.options[this.selectedIndex].value">

<option value="datei.html#Anker">Anker</option>

<option value="datei.html#Anker2">Anker2</option>

</select>

Damit muss man nicht mal mehr auf einen Button klicken!

Sobald man das DropDown-Menü geöffnet hat und einen Eintrag angewählt hat, wird man sofort dorthin geleitet.

Aus diesem Grund sollte der oberste Eintrag immer neutral sein, sprich nirgendwohin (value="#") zeigen, damit man auch an der Stelle, an der man ist, bleiben kann, auch wenn man das DropDown-Menü schon geöffnet hat!

Hoffe, dass ich dir helfen konnte!

Gruss

1. Oktober 2006

Vielen Dank Leute, ihr habt mir wirklich sehr geholfen.

Mein html Wissen wist wirklich (noch) sehr beschränkt und von JS, php oder CSS hab ich garkeine Ahnung. Ich muss wohl noch etwas tiefer in die Materie einsteigen. ^^

7. Oktober 2006

Hallo ihr erfahrenen Webbastler,

ich habe ein Problem und hoffe, ihr könnt mir einen Tipp geben. Es ist meine erste Seite, in der ich das komplette Design in css machen will.

Folgende Test-Seite: Klick! (am besten im IE anschauen, das macht es am meisten Probleme)

Die Navigationsleiste soll direkt unter die Titel-Box und sollte wenn möglich den kompletten Raum zwischen linkem Seitenrand und Seitenleiste einnehmen. Der Inhalt soll dann darunter.

Leider will das bei mir nicht so ganz (vor allem im IE!). Ich kann die Boxen vielleicht genau in Pixeln angeben, aber eigentlich will ich das nicht. Sollte es nicht eigentlich möglich sein, dass Navi und Seitenleiste zusammen die komplette Breite nutzen?

In Hoffnung auf Hilfe,

Úmarth

8. Oktober 2006

Moin,

Folgende Test-Seite: Klick! (am besten im IE anschauen, das macht es am meisten Probleme)

Ich gehe eigentlich immer anders vor: Erst die Seite im Firefox testen. Wenn dort alles so angezeigt wird, wie ich es mir wünsche, den HTML-Code validieren. Wenn der Code dann fehlerfrei ist, im IE anschauen und Möglichkeiten suchen, dem IE beizubringen, wie er es doch "wie gewünscht" darstellt.

Der IE ist leider kein Programm, was sich an die vorgegebenen Richtlinien hält.

Ich habe mir Deine Seite mal angeschaut.

Die Navigationsleiste soll direkt unter die Titel-Box und sollte wenn möglich den kompletten Raum zwischen linkem Seitenrand und Seitenleiste einnehmen. Der Inhalt soll dann darunter.

ul ist default ein Blockelement und sollte eh die gesamte zur Verfügung stehend breite einnehmen.

Wenn man allerdings die Listenpunkte nebeneinander angezeigt haben möchte - so wie in diesem Fall - sollte man die Listenpunkte (li) als inline definieren. Das kann ich in deinem CSS nicht auf Anhieb finden.

also zB

ul.klasse li { display:inline; }

Um erstmal die Navigation dahinzubekommen, wo du sie haben willst, würd ich alle css-angaben zu den "ausklappmenüpunkten" vorerst rausschmeissen und erst wieder dazuschreiben, wenn der rest so klappt wie es soll (sonst verwirrt das css zu sehr *g*)

hier mal grob wie ich es machen würde:

<body>

<h1 id="kopf">Titel</h1>

<div id="seitenkasten">inhalt des seitenkastens</div>

<div id="mitte">hier hauptinhalt</div>

<div id="fuss">hier fussinhalt</div>

</body>

jetzt muss per css eigentlich nur noch folgendes gemacht werden:

h1#titel: ist eh blockelement und geht über die gesamte breite >> nichts erforderlich

div#seitenkasten {

float:right;

width:300px; // du schreibst zwar irgendwo was von seit css2.1 nicht erforderlich, aber das hör ich zum ersten mal und bei mir klappt es nur in 50% der fälle, wo ich das weglasse *g*

}

ul#navigation li{

display:inline;

}

Die Navigation geht damit natürlich nicht über die gesamte Breite, sondern nur soweit, wie Listenpunkte enthalten sind.

damit das nicht ganz so doof aussieht, würde ich dem ul noch einen hintergrund geben, der sollte dann eigentlich über die gesamte breite gehen:

ul#navigation {

background:#f00;

}

falls nicht, einfach ein <div id="navigationkasten"></div> um die navigation schreiben und diesem div den hintergrund geben, denn das geht garantiert von ganz links bis zum gefloateten element rechts.

Ich weiß nicht, ob Dir das weiterhilft :-)

8. Oktober 2006

Danke schon mal für die Tipps. Ich glaube, ich habe über die vielen Änderungen, die ich ständig vornehme, ziemlich den Überblick verloren.

1. Ich arbeite fast nur mit dem FF, auch hier. Aber zur Zeit stellt der FF die Seite ganz ok dar (noch nicht so, wie ich möchte, aber ok) und der IE macht eigentlich nur Murks.

2. Zum dynamischen Menu. Du hast natürlich Recht. Ich habe es auch zuerst ohne versucht. Aber immer, wenn ich es später einfügen wollte, kamen so viele Fehler, die ich nicht finden konnte, dass ich mich entschieden hab, es erstmal zu implementieren, so dass ich mich darum nicht mehr zu sorgen brauche. :-)

3. Zu den Änderungen (ich schaue jetzt nur im FF):

Die Titelleiste ist kein Problem. Der Seitenkasten sieht wie folgt aus:

ul#Aktuelles {

font-size: 0.83em;

float: right;

width: 220px;

margin: 0 0 1.2em; padding: 0;

background: white;

border: 1px solid gray;

Ich habe die Pixelangabe, wie du sagst. Das mit dem width in css2.1 steht im Navigationselement und sollte eigentlich keine Rolle spielen (ich will die Breite der Navi ja eigentlich nicht genau beschreiben müssen). Das ist noch ein Überbleibsel aus der Selfhtml-Beispielseite, mit der ich angefangen habe. In der Navigation fehlte das display: inline, richtig. (ich dachte, ich hätte es drin, hab es jetzt wieder eingefügt). Eine Background-Farbe für den Navigationsrahmen habe ich eingestellt, sie geht aber eben nicht über die ganze Breite.

div#Rahmen {

text-align: right;

 margin: 0; padding: 0;

border: 1px solid white;

background-color: darkblue;

Hm, so. Ich weiß grade gar nicht, was ich besonderes geändert habe(vielleicht war es das fehlende display:inline), aber jetzt sieht es (in beiden Explorern) schon fast so aus, wie ich möchte.

Nur der Nav-Rahmen ist nicht da. So im Raum wirkt das Element störend, ich möchte die Navigationsleiste schon über die komplette Breite haben eigentlich :/

Hier gucken

edit: Ok, habs glaub ich hingekriegt. Ich habe den Navigationsrahmen jetzt mit einer festen Höhe versehen, damit ist er sichtbar und nimmt den ganzen Raum in Anspruch, wie gewünscht.

Bearbeitet 8. Oktober 2006 von Úmarth

11. Oktober 2006

Ich versuchs mal hier.

Könte einer von euch mir ein banner machen ?

Solte für en Forum von nem Onlinegame sein

iregendwas im Hintergrund was nach Morgul oder Mordor aussieht.

Und den Namen : Hûi

11. Oktober 2006

Das ist jetzt das dritte Mal, dass Du an verschiedenen Stellen danach fragst. Einmal hätte gereicht, also hör bitte auf, überall danach zu fragen.

Und jedesmal gibst Du nur so dürftige Informationen... wie soll Dir da jemand helfen können?

Überleg Dir doch erstmal, wie Dein Forum bzw. die Seite layoutet ist, damit potentielle Helfer das Banner an das Layout anpassen können. Oder ist Dir das egal?

Wenn es Dir tatsächlich egal ist, wie das Banner aussieht, warum nimmst Du dann nicht irgendein urheberrechtsfreies Bild und schreibst da Deinen Schriftzug drauf? Kann man doch mit jedem Grafikprogramm innerhalb von 5 Minuten machen.. hättest Du also locker in der Hälfte der Zeit hinbekommen, die Du hier darauf verwendet hast, Deine Fragen zu formulieren.

btw: Deine Enter-Taste klemmt...

Bearbeitet 11. Oktober 2006 von Hjälte

11. Oktober 2006

Das ich es mehrmalsgeschrieben hab liegt dadran das jemand gesagt hat versuchs hie .

Ich hatte geglaubt sie meint den bereich gesamt das wurde geglost dan hab ich nochmal hier hin gemacht.

18. Oktober 2006

Kann man eigentlich eine MySQL-Abfrage so formulieren, dass in einer bestimmten Reihenfolge ausgegeben wird ("ORDER BY spaltenname" kenn ich auch, das meine ich so nicht direkt)?

Also ich habe beispielsweise 10 Datensätze mit der ID 1 bis 10 und möchte die in der Reihenfolge 9, 5, 1, 10, 2, 4, 3, 6, 8, 7 ausgegeben bekommen.

Oder muss ich dann mit PHP nach der Abfrage sortieren?

Oder vor der Abfrage ein array in der gewünschetn Reihenfolge schreiben und dann mittels foreach jeden Datensatz einzeln abfragen?

Bearbeitet 18. Oktober 2006 von Hjälte

18. Oktober 2006

Hm gute Frage!

Ich kenne bisher keinen SQL-Paramter oder -Schreibweise, die das machen könnte!

Habe das bisher immer mit nem neuen Array gemacht, das ich dann halt selber sortiert habe!

Gruss

Anmelden

Meine Homepage - Könnt ihr mir ein bisserl helfen?

Empfohlene Beiträge

André

Manaug

Beleg Langbogen

Manaug

André

Manaug

golwin

Beleg Langbogen

Úmarth

André

golwin

Úmarth

Grischnách

golwin

Manaug

Manaug

Grischnách

Úmarth

André

Úmarth

Gast Anárion III

André

Gast Anárion III

André

Manaug

Dein Kommentar

Umsehen

Aktivitäten