Beiträge von NeoAramis

NeoAramis · 25. Juli 2009

Also das Design ist schön gemacht, aber das kann sich jeder selber machen, sprich, es ist viel zu einfach.

Technisch ist es auch stark verbesserungsbedürftig, z.B. aus deinem Code:

Code

body
{
background: #cfff96;
margin: 0;
padding: 0;
}




#inhalt
{
margin: auto auto;
margin-top: 50px;
width:740px;
border: 1px solid black;
}

Alles anzeigen

Du wolltest ein zentriertes Design. Diese Lösung hat einen Fehler und ist nicht browserkompatibel, vor allem für IE 6 oder 5 und tiefer. Richtig wäre:

Code

* {
margin: 0;
padding: 0;
}




body
{
text-align: center;
min-width: 740px; (oder > 740px)
}




#inhalt
{
margin: 0 auto;
text-align: left;
width: 740px;
border: 1px solid #000000; 
}

Alles anzeigen

Diese Lösung hat zwar einen Hack, ist aber vollkommen harmlos!

NeoAramis · 17. Juli 2009

Hallo

Kann mir jemand sagen wo man gratis Bilder im PNG-Format downloaden kann?

Es müssen Bilder von Tieren (Schmetterlinge, Käfer etc.) oder Pflanzen (Blüten, Blätter etc.) sein.

Ich habe schon ziemlich viel gegooglet aber trotzdem nichts gefunden. Vielleicht weiss jemand von Euch wo man solche Bilder in guter Qualität und gratis downloaden kann.

Danke für Eure Hilfe!

NeoAramis · 15. Juli 2009

Habe dir eine PN geschickt!

Bin meistens jeden Tag online!

NeoAramis · 15. Juli 2009

Finde ich eine gute Idee, obwohl die Website noch verbesserungsbedürftig ist, d.h. die Technik ist ziemlich veraltet (Frames) und die Farben nicht wirklich zusammenpassen.

Aber ich bin gerne dabei!

NeoAramis · 14. Juli 2009

Finde ich eine gute Idee solche Templates anzubieten.

Kannst du uns dein "Plan" zeigen, ich wäre grundsätzlich interessiert mitzumachen!

NeoAramis · 28. Juni 2009

Ihr seid mir vielleicht Mitstreiter! tintwo, den kannst du nicht bringen, willst du so ein Projekt auf die Beine stellen?

NeoAramis · 27. Juni 2009

Also wegen dem webspace bin ich auch für bplaced.net, denn Werbung nervt brutal! Und ich hatte gute Erfahrungen mit diesem Webhoster.

Wir müssen einfach einen Termin abmachen, wann wir zusammenkommen. In MSN kann man ja so etwas wie eine Sitzung machen, so können wir sehr gut kommunizieren!

NeoAramis · 26. Juni 2009

Ich wäre auch dabei, bei der Website-Erstellung kann ich sicher mithelfen, aber nur im Bereich (X)HTML und CSS.

Inhaltlich kann ich Dir nicht wirklich helfen, ich wurde nie gemobbt und habe auch nie gemobbt:)

NeoAramis · 23. Juni 2009

Also irgendwas stimmt mit dem Code nicht.

Lies Dir mal jede Meldung genau durch, die der Validator ausspuckt:

<a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fdie13tekraehe.de%2F">http://validator.w3.org/check?verbose=1 ... aehe.de%2F</a>

Habe im Moment gerade keine Zeit. Aber wenn 3 Warnungen angezeigt werden, würde ich es nicht so lassen.

NeoAramis · 22. Juni 2009

Die Doctype-Deklaration stimmt immer noch nicht, richtig ist:

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

NeoAramis · 22. Juni 2009

Alle Absätze in diesen Tag setzen: <p></p> und dann mit padding die Abstände definieren.

Zur zweiten Frage:

per CSS:

body {
background-color: #xxxxxx;
}

Oder habe ich die Frage falsch verstanden?

NeoAramis · 22. Juni 2009

Mit padding definierst du den Innenabstand, das heisst den Abstand eines Textes zu einem Rand.

Mit margin definierst du den Aussenabstand, das heisst den Abstand zwischen zwei Boxen (Bsp.: <div></div>). Daneben gibt es aber noch Spezialfälle.

Sonst zu margin und padding im Seminar: <a class="postlink" href="http://www.html-seminar.de/box-modell.htm">http://www.html-seminar.de/box-modell.htm</a>

In deinem Fall hast du <hr /> eigentlich gut eingesetzt, Alternative wäre mit einem Rand zwischen zwei Boxen, Vorteil ist, dass du viel mehr Möglichkeiten hast, was das Design und die Position betrifft.

NeoAramis · 21. Juni 2009

Sieht gut aus, Kompliment!

Trotzdem hat es im Quelltext kleine Fehler, folgendes:

1.
<!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" lang="de">
<html>

Das gehört hier nicht rein, darum die 3 Warnungen im (X)HTML-Validator.

2.
Für die Definition, dass ein Link in einem neuen Tab/Fenster geöffnet werden soll (target="_blank") ist die Doctype-Deklaration "transitional" nötig und nicht wie bei dir "strict".

3.
<h3><u>Links</u></h3>

Mit heutigem Standard wird das nicht mehr so geschrieben, ich würde es in CSS definieren, vor allem um den Quelltext schlank zu halten.

4.
Der beiden Tag's <br /> und <hr /> würde ich nicht benutzen, da kann man mit CSS viel bessere und schönere Varianten machen.

Die Tag <br /> erscheint für viele als praktisch und möchten nicht darauf verzichten und verwenden ihn dann zu oft. Manchmal so schlimm, dass es nur so Ihnen wimmelt, was ich persönlich unübersichtlich finde und extrem stört. Mit padding und margin über CSS ist es viel besser und angenehmer!

Habe mir jetzt nur einmal den Quelltext der Startseite angeschaut...

NeoAramis · 21. Juni 2009

Betreffend Fülltext, finde ich sehr praktisch für den Anfang.

Und der Lorem Ipsum Generator ist bekannt: <a class="postlink" href="http://www.loremipsum.de">http://www.loremipsum.de</a>

NeoAramis · 16. Juni 2009

Ein schwerwiegendes Problem deiner Website ist auch, dass die Seite zu breit ist.

Mit einem 15" Bildschirm und einer Auflösung von 1024*768 verschiebt sich die Box mit der Uhr über den Hauptteil.

Ich sehe, dass der Container id="seite" eine Breite von 850px, die Box mit der Uhr eine Breite von 110px und die Abstände sind ca. 180px breit. Die Summe ergibt mehr als 1024px.

Die Uhr würde ich sowieso herausnehmen, da unnötig und irgendwie sinnlos. Du musst es schliesslich so lösen, dass die Seite bei jeder Auflösung richtig angezeigt wird, wie das funktioniert, kann ich dir nicht sagen. Musst du jemand fragen mit mehr Erfahrung, ist nämlich ziemlich kompliziert. Eine Lösung wäre aber dass die Seite in der Breite maximal 800px lang ist, so passt es dann zu jeder Auflösung bis 800*600.

NeoAramis · 14. Juni 2009

zu 1. Sorry, nicht gesehen, aber würde die Trennstriche trotztdem die ganze Breite nutzen

zu 2. Ok, aber bist in dem Fall gleicher Meinung

zu 3. Klar, dieser Fall ist immer abhängig von der Anzahl der Links, finde ich immer ziemlich ärgerlich wenn plötzlich ein Link dazukommt oder einer weg muss

zu 4. Das heisst nicht, dass du es nicht darfst, ich finde einfach, dass dieser Tag zu anderen Zwecken optimal geeignet ist

NeoAramis · 14. Juni 2009

Sieht ganz solide aus. Sauberer Quellcode und anständige Farben und Formen.

Nur einige Mängel/Vorschläge:

1. Anstatt Trennstriche würde ich einen Rand mit den div-Container machen, der Rand zwischen den linken und rechten Wänden sieht nicht gut aus

Es ist besser, wenn man alles geschriebene in Tags setzt, hier zum Beispiel, weil dieser Textabschnitt den linken Rand berührt, dann mit padding in CSS anpassen

3. Die einzelnen Kästchen für die Links der Navigation würde ich alle gleich breit machen, sieht in der Gesamtansicht optisch besser aus

4. Der Tag fieldset ist eigentlich nicht unbedingt für das gedacht, wofür du ihn eingesetzt hast, sondern eher für kleine Informatinsfelder, Steckbriefe etc.

NeoAramis · 4. Juni 2009

lauras

Ich habe überhaupt kein Design gemacht? Du hast ihm gar nicht geholfen, er hatte sogar den besseren Ansatz. Wo zum Beispiel hast du die Listen mit CSS definiert?

ramb0sp

Mit * kannst du bewirken, dass die ganze Breite genutzt wird. In XHTML ist wichtig, dass du alles in einen Container (hier: id="wrap") packst, damit hast du das ganze Gebilde besser unter Kontrolle!

NeoAramis · 3. Juni 2009

Die Lösung von lauras ist etwas sehr minimal gehalten. Hier eine Lösung um eine Navigation mit CSS zu machen, diese bewährt sich vor allem in der Browserkompatibilität!

XHTML-Code:

HTML

<!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" xml:lang="de" lang="de">
	<head>
		<title>Titel</title>
		<link rel="stylesheet" href="design.css" type="text/css">
	</head>
	<body>
		<div id="wrap">
			<div id="head">
  				<img src="pics/beispiel.jpg" alt="head" />
			</div>
			<div id="navigation1">
  				<ul>
    				<li><a href="#">link</a></li>
    				<li><a href="#">link</a></li>
   					<li><a href="#">link</a></li>
   					<li><a href="#">link</a></li>
   					<li><a href="#">link</a></li>
  				</ul>
			</div>
			<div id="navigation2">
 				<ul>
    				<li><a href="#">link</a></li>
    				<li><a href="#">link</a></li>
   					<li><a href="#">link</a></li>
   					<li><a href="#">link</a></li>
   					<li><a href="#">link</a></li>
  				</ul>
  			</div>
			<div id="inhalt">
  				<h4>inhalt</h4>
			</div>
		</div>
	</body>
</html>

Alles anzeigen

CSS-Code

Code

* {
	margin: 0;
   	padding: 0;
}




#wrap {
	margin: 0 auto;
   	border-bottom: 1px solid #000;
   	height: 432px;
}




#head {
   	border-bottom: 1px solid #000;
   	height: 50px;
   	padding: 15px;
} 
 
#navigation1 {
    border-bottom: 1px solid #000;
    height: 50px;
}




#navigation1 ul {
    list-style-image: none;
    white-space: nowrap;
}




#navigation1 ul li {
    float: left;
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
}




#navigation1 ul a:link {
	float: left;
	display: block;
	height: auto;
	margin: 0 15px 0 0;
	padding: 2px 2px 3px 20px;
	text-decoration: none;
	color: #000;
	font-family: Arial;
	font-size: 15px;
}




#navigation1 ul a:active {
	float: left;
	display: block;
	height: auto;
	margin: 0 15px 0 0;
	padding: 2px 2px 3px 20px;
	text-decoration: none;
	color: #000;
	font-family: Arial;
	font-size: 15px;
}




#navigation1 ul a:hover {
	float: left;
	display: block;
	height: auto;
	margin: 0 15px 0 0;
	padding: 2px 2px 3px 20px;
	text-decoration: underline;
	color: #000;
	font-family: Arial;
	font-size: 15px;
}




#navigation1 ul a:visited {
	float: left;
	display: block;
	height: auto;
	margin: 0 15px 0 0;
	padding: 2px 2px 3px 20px;
	text-decoration: none;
	color: #000;
	font-family: Arial;
	font-size: 15px;
}




#navigation2 {
    float: left;
    border-right: 1px solid #000;
    height: 300px;
}




#navigation2 ul {
    list-style-image: none;
    white-space: nowrap;
}




#navigation2 ul li {
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
	width: 100px;
	height: auto;
}




#navigation2 ul a:link {
	display: block;
	height: auto;
	margin: 0 15px 0 0;
	padding: 2px 2px 3px 20px;
	text-decoration: none;
	color: #000;
	font-family: Arial;
	font-size: 15px;
}




#navigation2 ul a:active {
	display: block;
	height: auto;
	margin: 0 15px 0 0;
	padding: 2px 2px 3px 20px;
	text-decoration: none;
	color: #000;
	font-family: Arial;
	font-size: 15px;
}




#navigation2 ul a:hover {
	display: block;
	height: auto;
	margin: 0 15px 0 0;
	padding: 2px 2px 3px 20px;
	text-decoration: underline;
	color: #000;
	font-family: Arial;
	font-size: 15px;
}




#navigation2 ul a:visited {
	display: block;
	height: auto;
	margin: 0 15px 0 0;
	padding: 2px 2px 3px 20px;
	text-decoration: none;
	color: #000;
	font-family: Arial;
	font-size: 15px;
}




#inhalt {
	float: left;
}




#inhalt h4 {
	padding: 15px;
}

Alles anzeigen

NeoAramis · 23. Mai 2009

Mit Flash und JavaScript, selber so etwas machen ist viel zu schwierig, aber dies kann man sicher irgendwo kopieren, sieht man ja ziemlich häufig!

Beiträge von NeoAramis

Sommerliches Design

Gratis Bilder im PNG-Format

Zum wievielten Mal auch immer: Neues Projekt in Arbeit

Zum wievielten Mal auch immer: Neues Projekt in Arbeit

Zum wievielten Mal auch immer: Neues Projekt in Arbeit

Neues Projekt, möchte jemand mitmachen?

Neues Projekt, möchte jemand mitmachen?

Neues Projekt, möchte jemand mitmachen?

www.die13tekraehe.de - Meine erste Homepage

www.die13tekraehe.de - Meine erste Homepage

www.die13tekraehe.de - Meine erste Homepage

www.die13tekraehe.de - Meine erste Homepage

www.die13tekraehe.de - Meine erste Homepage

Mein erstes Html design

Mein neues Design(kreativer NameO.o gibts auch erst 100 mal)

Mein neues Design(kreativer NameO.o gibts auch erst 100 mal)

Mein neues Design(kreativer NameO.o gibts auch erst 100 mal)

2 Navigationen Problem

2 Navigationen Problem

aufklappbare ecken