Beiträge von sejuma

sejuma

http://www.thors-page.de/div/hover.html[/code]

sejuma

Füge bei ul#navigation noch ein

Code

margin-left:0px;

hinzu, dann sollte es klappen.

sejuma

Im großen und ganzen recht ordentlich, allerdings passt die Farbharmonie noch nicht so recht.
Insbesondere das Gelb der Navi stört die Gesamterscheinung. Probier's vielleicht mal mit dem Grün vom Header. Das Splatenfoto ist zwar schön, fügt sich farblich aber auch nicht so recht ein. Alternativ könntest du den Header auch mal mit dem himmelblau probieren.
Der Kontaktkasten rechts unten steht ziemlich einsam und verlassen da. Würde vielleicht besser unter die Navi passen (dann aber farblich anpassen) oder ganz weglassen. Hast ja im Header einen Hinweis.
Die Scrollbalken wirken störend und sind eigentlich auch überflüssig, da man ja im Hauptfenster scrollen kann.

sejuma

Wähle wir von driver vorgeschlagen eine feste Größe für das Bild.
Die Wiederholung kannst du so abstellen:

Code

<body style="background-image: url(background.gif);
background-repeat:no-repeat;">

sejuma

Mit Kontrast meinte ich, dass sich die Schrift etwas besser vom Hintergrund abheben sollte, damit sie besser lesbar wird.
Also z.B. die Schriftfarbe etwas dunkler und/oder den Hintergund etwas heller.
Das Times find ich etwas altbacken, kann man für Familienchroniken o.ä. nehmen. Aber für dein Thema würde Arial besser, moderner und dynamischer passen (ist aber Geschmackssache)

sejuma

Mit background-image und CSS geht das (noch) nicht.
Als reines image kannst du Prozentwerte verwenden, indem du die Pixelwerte proportional in Prozent umrechnest. Für ein Banner mit 800 x 80 px z.B. so:

Code

[img]bild.gif[/img]

Beachte: Aufgrund der damit verbundenen dynamischen Bildgröße kann es je nach Bildschirmauflösung zu Verzerrungen und Qualitätsverlusten kommen.

sejuma

Sieht gut aus.
3 Dinge würd' ich noch ändern:

1. Serifenlose Schrift, z.B. Arial oder Verdana nehmen
2. Standardschriftgröße einen Tick größer einstellen
3. Kontrast zwischen Schrift und Hintergrund zwecks besserer Lesbarkeit noch etwas erhöhen.

sejuma

Such mal in deinem Quelltext nach

Code

font-size

Dort sind für verschiedene Bereiche meist nur 7 oder 8 pt eingestellt. Diese Werte musst du erhöhen und dann abspeichern.
Kann aber auch daran liegen, dass dein gesamter Quelltext sehr bescheiden, unübersichtlich und nicht korrekt ist.
So öffnest du z.B. an einer Stelle <head> zum zweitenmal (darf nur einmal vorkommen) ohne ihn zu schließen.
Am Ende werden body und html nicht geschlossen.
Am besten nimmst du mal einen Doctype rein indem du das in die erste Zeile vom Quelltext setzt

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

und lässt die Seite hier validieren
Da werden dir dann die Fehler angezeigt. Wird noch etwas Arbeit auf dich zukommen, bis alles korrekt ist.

sejuma

Ich hab da schon länger nicht mehr mit gearbeitet, aber frag mal hier nach: http://support.magix.net/boards/magix/i…de9&showforum=6

sejuma

http://de.wikipedia.org/wiki/Hyperlink
Ich bin da nicht so definitionssicher. Ein Hyperlink (Verweis) verweist ja normalerweise auf eine andere Seite (an deren Anfang).
Wenn du so willst, ist ein Ankerlink eine spezielle Form des Hyperlinks. Es wird nämlich nicht auf den Anfang einer neuen Seite, sondern auf eine beliebige, zuvor per Anker definierte Stelle innerhalb der gleichen oder auch einer anderen Seite (das kann auch deren Anfang sein) verwiesen.
Mal angenommen, auf einer HP steht oben ein Text. Dort ist ein Verweis an eine Stelle weiter unten angebracht. Damit du nicht runterscrollen musst, verwendest du einen Ankerlink zu dieser Stelle.

sejuma

Das sind sogenannte "Ankerlinks", siehe https://www.forum-hilfe.de/viewtopic.php?…highlight=anker
An einer beliebigen Textstelle innerhalb einer HP kannst du einen Anker setzen und benennen.
Von einer anderen Stelle auf dieser Seite oder auch von einer anderen Seite kannst du dann auf diesen Anker verlinken.
Wenn du dir mal den Quelltext dieser Seite ansiehst, haben alle Überschriften einen Anker. Im rechten Menue bei den Ergebnissen wird darauf verwiesen, so dass mit dem Link der entsprechende Artikel oben angezeigt wird.

sejuma

Die genaue Fehlerbehebung kann ich dir momentan nicht sagen. Die Ursache scheint aber beim

Code

#link_logo_rechts

zu liegen. Wenn du hier das position:absolute weglässt, ist auch der unerwünschte Hover-Effekt weg.
Allerdings stimmt dann die Anordnung nicht mehr.
Versuch mal generell ohne position:absolute auszukommen und arbeite stattdessen mit floats und margins.

sejuma

http://favicon.de/

sejuma

Ordne dem #content jetzt mal noch einen prozentualen height-Wert zu, der so gewählt ist, dass der content auch bei längerem Inhalt nicht über den footer läuft evtl. noch mit max-height begrenzen und dann noch ein overflow:hidden;
Die exakte Höhenanpassung wirst du damit auch nicht hinbekommen, aber zumindest sieht das dann optisch so aus.
Die Alternative besteht dann eben in festen Pixelwerten für alle drei Bereiche.

sejuma

Kommt erst Mit CSS3. Der IE kanns noch nicht, FF und einige andere schon:

Code

<p style="border:3px solid #ff0000;
left:10px;top:50px;
-moz-border-radius:30px;">runde Ecken</p>

http://www.css4you.de/trickkiste/tr00012.html

sejuma

Probier's mal so:
CSS

Code

html
{height:100%;
background-color:#fff;;
}
body
{height:100%;}


#nonFooter
	{
		position: relative;
		min-height: 100%;
	}


	* html #nonFooter
	{
		height: 100%;
	}


	#footer
	{
		position: relative;
		margin: -7.5em auto 0 auto;
	}


#header
{height:170px;
background-color:red;}
#content
{
background-color:yellow;
}
#footer
{background-color:silver;
height:100px;}

Alles anzeigen

HTML

Code

<body>




		<div id="nonFooter">
			<div id="header">
				header
			</div>




			<div id="content">
				content
			</div>


		</div>




	<div id="footer">
		footer
	</div>


</body>

Alles anzeigen

Quelle: http://www.themaninblue.com/experiment/foo…ample_short.htm

sejuma

Bleiben wir mal beim Beispiel von Questionmark:
Such in deinem Quelltext mal die Stelle wo

Code

</head>

steht.
Unmittelbar davor fügst du folgendes ein:

Code

<style type="text/css">
#navlist li { list-style-type: circle; }
</style>

Egal für welches Menue du dich entscheidest: Der genannte CSS-Code kommt immer in den Headbereich zwischen die beiden style-Angaben.

Den HTML-Code fügst du mal zunächst nach

Code

<body>

ein.
Wahrscheinlich willst du die Navi nicht immer ganz oben stehen haben. Dann musst du dir im Quellcode innerhalb des body-Bereichs eine andere Stelle suchen, wo sie besser hinpasst, bzw. lernen, wie man das mit entsprechenden Containern macht, indem du dich an folgenden Beispielen orientierst: http://www.stichpunkt.de/css/bereiche.html
Ohne etwas Theorie und ganz ohne Kenntnisse geht's auch leider mit dem Homepagebau nicht.

sejuma

Dann nimm doch für alle drei Bereiche Prozentangaben, die zusammen 100 ergeben: z.B. Logo 15 %, Inhalt 80% und Footer 5 %. Für den Fall dass der Inhalt größer wird, ergänze die CSS mit overflow:auto oder hidden

sejuma

Wenn schon mit CSS, dann würd ich für dieses Layout vollkommen auf Tabellen verzichten.
Drei Container, der Header und Footer mit fester Pixelhöhe, dazwischen der Content, der sich je nach Inhalt in der Höhe anpasst. Einfacher geht's nicht.
Orientiere dich mal an diesem Layout : Die beiden Menueboxen links und rechts lässt du einfach weg, nimmst für den Mittelteil die gleiche Breite wie für den Header und setzt darunter den Footer.

sejuma

Falls du dich mit CSS etwas auskennst gibt's hier zahlreiche Beispiele.
Den CSS-Code musst du dabei innerhalb des Headbereiches zwischen den Angaben

Code

<style type="text/css">

und

Code

</style>

einfügen oder in eine externe CSS-Datei auslagern.

Beiträge von sejuma

Brauche einen HTML-Code für Rollover-Effekt

Im FF alles top, im IE leider flop

[Bewertung&Frage]

Hintergrundbild

gähn Wieder mal

Layout mit CSS haut im IE nicht hin

gähn Wieder mal

Schriftgröße nciht verstellbar (myblog.de)

MAGIX Fotos auf CD und DVD - MENÜ-Erstellung

keinen passenden titel gefunden sry^^

keinen passenden titel gefunden sry^^

IE-Bug bei Hover über Links

favoriten icon !?!?!

Css 100%

Kanten abrunden

Css 100%

Navigationsleiste mit html

Css 100%

Css 100%

Navigationsleiste mit html