[Website entsteht] Website wünscht sich Feedback und Hilfe

AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Kein Problem mit dem helfen, dann wird meine Beitrags anzahl höher :D xD

Und bitte

HTML: 
/* unvisited link */
a:link {
        text-decoration:none;
	border-bottom:none;
	font-weight:bold;
	color:back;
	border-color:black;
}

/* visited link */
a:visited {
        text-decoration:none;
	border-bottom:none;
	font-weight:bold;
	color:back;
	border-color:black;
}

/* mouse over link */
a:hover {
        text-decoration:none;
	border-bottom:none;
	font-weight:bold;
	color:back;
	border-color:black;
}

/* selected link */
a:active {
        text-decoration:none;
	border-bottom:none;
	font-weight:bold;
	color:back;
	border-color:black;
}

...statt nur :link und :visited zu schreiben. Besonders die Reihenfolge ist wichtig, sonst überschreibt das ein das andere!
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

hannover96xdneu schrieb:
1. Ich habe bereits gesagt, dass das <!doctype html> falsch ist! So muss es sein: <!DOCTYPE html>
Zum Vergrößern anklicken....

Es ist nicht falsch, es klein zu schreiben, denn in HTML5 darf das Doctype-Element klein geschrieben werden. Aber die Kompatibilität ist größer (XHTML-Kompatibilität), wenn es groß geschrieben wird. In der Praxis wird es keinen großen Unterschied machen. Besser ist es also, es groß zu schreiben, aber falsch ist es auch nicht, es klein zu schreiben.

3. Weg von Position Absolute. Du meintest doch, dass du eine Flexible Website haben willst!?!?!?
Zum Vergrößern anklicken....
Wenn es um die Bildunterschriften geht: Das war meine Empfehlung. Sehe keinen Nachteil darin, diese absolut zu positionieren.

Denn wie der Name schon sagt, wird mit position absolute das Element, >absolut< positioniert, dies nimmt es aus dem Dokumentenfluss raus. Es orientiert sich nicht an den unteren oder oberen Elementen im HTML-Dokument.
Zum Vergrößern anklicken....
... aber es orientiert sich am übergeordneten Element.

6. Bitte komme von Tabellen weg, auch wenn sie nur in CSS definiert sind. Man macht sowas eigentlich mit div Containern und float, bzw. mit flexbox machen.
Zum Vergrößern anklicken....
Ja, kann ich nur zustimmen. Wobei flexbox momentan leider noch nicht zu empfehlen ist, da es Internet Explorer erst ab Version 11 unterstützt und Webseiten ja meist auch in Browsern laufen sollten, die ein bis zwei Versionen älter sind als die aktuellste.
 
Zuletzt bearbeitet:
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

BenRo schrieb:
Es ist nicht falsch, es klein zu schreiben, denn in HTML5 darf das Doctype-Element klein geschrieben werden. Aber die Kompatibilität ist größer, wenn es groß geschrieben wird, da so auch HTML5-unfähige Clients es verstehen. In der Praxis wird es keinen großen Unterschied machen. Besser ist es also, es groß zu schreiben, aber falsch ist es auch nicht, es klein zu schreiben.
Zum Vergrößern anklicken....

Naja, wenn es aber W3schools.com immer so schreibt, dann dachte ich, dass es so richtig ist. ;)

BenRo schrieb:
Wenn es um die Bildunterschriften geht: Das war meine Empfehlung. Sehe keinen Nachteil darin, diese absolut zu positionieren.
Zum Vergrößern anklicken....

M. M. n. gibt es einen Nachteil, die Website ist nicht mehr 100% responsive. Und da heutzutage mehr als 50% der www Nutzer von einem mobilen gerät aus surfen, ist das nicht ganz unwichtig.


BenRo schrieb:
... aber es orientiert sich am übergeordneten Element.
Zum Vergrößern anklicken....

Ok, sorry habe ich vergessen...

BenRo schrieb:
Ja, kann ich nur zustimmen. Wobei flexbox momentan leider noch nicht zu empfehlen ist, da es Internet Explorer erst ab Version 11 unterstützt und Webseiten ja meist auch in Browsern laufen sollten, die ein bis zwei Versionen älter sind als die aktuellste.
Zum Vergrößern anklicken....

Ja, aber flexbox ist tausendmal einfacher...Aber Microsoft braucht ja mal wieder ne extra Wurst ;)
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

So, ich habe momentan etwas weniger Zeit (morgan fängt Schule wieder an :( ) aber ich versuche so weit es geht weiter zu machen.
Es wurde sich ja gewünscht, dass ich mich mal an nen grafikprogramm setze, naja mein grafikprogramm war nur papier und stift weil ich mehr zeit nicht hatte, aber da sollte hoffentlich mein gedanke auch klar werden.

Zur Homepage:
Homepage.png


Die Titel halt so im Bild und dann noch nen schönen hover effekt wenn man über einem projekt ist

Tagebücher:
Tagebücher startseite.png

Startseite wo man alle Tagebücher mit nem Thumbnail und Titel sieht, was als Link dient, bei neuen und akutellen Projekten soll zusätzlich nen banner im bild sein

die Nav 2 kommt da nur hin, wenn noch eine unternavigation benötigt wird.
Tagebuchprojekt Startseite:
Tagebuch Projektstartseite.png

Tagebucheintrag:
Tagebuchtag.png


Dann Tools:
Tools.png


Tutorial übersicht:
Tut übersicht.png


Und tut seite:
Tut Thema.png


Also Farben dachte ich vlt:
Nen Blau so in die richtung #3333cc
Vlt mit nem lili richtung x8A2BD9
nen grauton und dann noch ne Lontrastfarbe
als hintergrund dachte ich vlt nen farbverlauf von einer farbe von oben zu einer anderen

Ich hoffe das hilft euch schonmal etwas meine planung zu verstehen
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Speeedymauss schrieb:
So, ich habe momentan etwas weniger Zeit (morgan fängt Schule wieder an :( )
Zum Vergrößern anklicken....
Ich habe noch 3 Wochen :D xD

Speeedymauss schrieb:
aber ich versuche so weit es geht weiter zu machen.
Es wurde sich ja gewünscht, dass ich mich mal an nen grafikprogramm setze, naja mein grafikprogramm war nur papier und stift weil ich mehr zeit nicht hatte, aber da sollte hoffentlich mein gedanke auch klar werden.
Zum Vergrößern anklicken....

Na wenn du meinst :)

----------------------

Ich kann dir sagen, wie du es machen kannst, aber den html / css code musst du schon selber schreiben...:)

----------------------

Zu deiner Startseite (index.html/php):
Die Navigation hast du ja schon. Den Farbverlauf würde ich aber weglassen und eine Einheitliche Farbe nehmen.
Schau dir mal das an.

----------------------

Dann zu deinem Bild mit der Maus da:
Gib der Maus "float:left", dann rutscht deine Überschrift und der PC neben das Bild.
Du musst aber wieder clearen, damit die nav2 nicht auch noch daneben rutscht ;)

----------------------

Bildergalerie:
Arbeite wieder mit "float:left".
Für deine Bildunterschrift mit einem hover Effekt ist das hilfreich.

Tipp:
CSS-Tricks ist immer ein gutes Nachschlagewerk. :daumen:

----------------------

Der Text weiter unten mit "Hallo":
Definiere ein div (schau dir mal das mit der Entwickler Konsole an, dann kriegst du raus, wie das gemacht wurde), gib dem div "float:left" und dann kannst du den Text,
in einem anderen div, einfügen.

----------------------

Footer:

Schau dir mal das an.

----------------------

Mit dem was ich dir nun gesagt habe kannst du auch die anderen Seiten problemlos gestalten. Wie bereits gesagt,
CSS-Tricks ist gut zum nachschlagen (du musst nur Englisch verstehen :D)


Gruß

hannover96xdneu
 
Zuletzt bearbeitet:
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Stift und Papier sind doch besser als nichts :daumen:
Mit nem Grafikprogramm kannst du dich halt mehr um die Details kümmern und ein bisschen mit Farben spielen, finde ich persönlich angenehmer, als ständig im CSS die Farbcodes anzupassen.

Was mir auffällt, ist, dass du Nav1 und Nav2 getrennt hast.
Wenn Nav 2 ein Untermenü von Nav 1 sein soll, sollten die unbedingt zusammen, entweder direkt untereinander oder als Dropdown.
Man sollte sich immer auf ein Hauptmenü festlegen, wenn du noch das Titelbild zwischen die Menüs kommt, weiß keiner so richtig, was nun Hauptmenü und Submenü ist.

Von den Farben würde ich dir eher zu nicht ganz so aufdringlichen raten, sonst wirkt die Seite schnell etwas grell.
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

hi,
kurze Frage (ich arbeite mal wieder an der Website):
Geht es, dass sich die Schriftgröße einer Überschrift der Fenstergröße anpasst?
Ich möchte, dass mein "Speeedys Mods" und der Seitenname sich Dynamisch zur Fenstergröße ändern, wie mache ich das?
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

So cih habe jetzt nochmal etwas an der Seite gemacht, haptsächlich Quellcode verändert.

Wegen dem Design bin ich mir noch nicht so einig wie ich das am besten aufbauen soll. Ich hätte gerne was modernes aber ich selber finde gerade keine vernünftige Lösung, hätte einer ne Idee wie man da vlt die Bilder mit den Projekten gut aufbauen kann?

Würd mich über JEDE Idee freuen die ihr mir hier schreibt!

So Bild von meinem Stand (Farben sind momentan hauptsächlich damit ich die ganzen Abstände besser erkenne kann, genauso wie die Kästen in der Navigation)
Website Stand 26.08.14.PNG


Quellcode:
HTML: 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Speeedy's Mods Homepage</title>
        <link rel="stylesheet" type="text/css" href="home.css" />
        <link rel="stylesheet" type="text/css" href="layout.css" />
    </head>

    <body>
        <nav>
            <ul>
                <li><a href="index.html" title="Homepage">Homepage</a></li>
                <li><a href="tagebuecher.html" title="Tagebücher">Tagebücher</a></li>
                <li><a href="quickie.html" title="Quickie">Quickie</a></li>
                <li><a href="galerie.html" title="Galerie">Galerie</a></li>
                <li><a href="tutorials.html" title="Quickie">Tutorials</a></li>
                <li><a href="tools.html" title="Tools">Tools</a></li>
            </ul>
        </nav>
        <header class="kopfzeile">
            <img src="pictures/logo.png" alt="Logo" class="logo" />
            <img src="pictures/computer.png" alt="Fertiger Casemod" class="headerbild" />
            <h1>Speeedy's <br /> Mods</h1>
        </header>
        <div class="trennleiste">
            <h3>Casemods</h3>
        </div>
        
        <div class="projektvorstellung">
        <img src="pictures/720int28fertigthumbnail.jpg" alt="" class="bildlinks projektbilder" />
        <img src="pictures/happybirthdayfertigthumbnail.jpg" alt="" class="bildmitte projektbilder" />
        <img src="pictures/sockelathumbnail.jpg" alt="" class="bildrechts projektbilder" />
        </div>
        
        <div class="trennleiste">
            <h3>Casecons</h3>
        </div>
        
        <div class="projektvorstellung">
        <img src="pictures/720int28fertigthumbnail.jpg" alt="" class="bildlinks projektbilder" />
        <img src="pictures/happybirthdayfertigthumbnail.jpg" alt="" class="bildmitte projektbilder" />
        <img src="pictures/sockelathumbnail.jpg" alt="" class="bildrechts projektbilder" />
        </div>
        
        <div class="trennleiste">
            <h3>Homepage</h3>
        </div>
        
        <article class="haupttext">
            <p>
Hallo und willkommen <br />
auf der offiziellen Website von Speeedy's Mods!<br />
<br />
<br />
WICHTIG: Die Seite ist noch im Beta-Status, d.h. es wird noch an der Seite gearbeitet. Wie die Website momentan ist (Texte,Bilder,Design) kann (und wird) sich teilweise noch stark verändern, Ich möchte es aber schonmal ermöglichen, dass man schon jetzt auf die Website zugreifen kann.<br />
<br />
Auf dieser Seite geht es um Casemods und Casecons aller Art.<br />
Die hier aufgeführten Projekte sind i.d.R. alle von mir selbst durchgeführt und in handarbeit entstanden.<br />
<br />
Links geht es zu meinem Projekt, an dem ich gerade arbeite oder welches ich vor kurzem abgeschlossen habe.<br />
<br />
Rechts sind aktuelle Casemods und Casecons aufgezählt, mit den entsprechenden Links zu den genauen Seiten der Mods. Andere Mods sind in der Navigation unter "Projekte" und "Umrüstungen" zu finden.<br />
<br />
Ich unterscheide noch in zwei Arten von Mods:<br />
"Umrüstungen": wo ich ein Gehäuse und Hardware nehme wie es ist, was ich dann nur auf etwas neues umrüste, also z.B. der Umbau auf eine Wasserkühlung. Also Sachen, wo ich nicht viel mit dem Gehäuse und der Hardware an sich mache.<br />
<br />
und<br />
<br />
"Projekte": Dies sind Arbeiten, die aufwändiger sind, wo ich auch das Gehäuse und die Hardware verändere und anpasse.
            </p>
        </article>
        
    </body>
</html>


EDIT:

Außerdem habe ich immer noch keinen Plan wie ich die Bildbeschriftung da jetzt reinbauen soll...
 
Zuletzt bearbeitet:
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Wegen dem Design, zen garden.

Text über Bild:
css-tricks (wie schon oben erwähnt).

Ideen:
Füge neben den Bildern Text ein und verlinke z. B. mit "[...]" auf den kompletten Beitrag. Das kann den Besucher anregen mehr darüber zu erfahren und so kommt er auf weitere unterseiten. (Wenn du ein bisschen werbung zur finanzierung schaltest, kann das mehr Geld einbringen). Wobei man sich über Werbung erst später Gedanken machen sollte...

Gruß

hannover96xdneu
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

ich werds mir morgen in ruhe angucken,
ich habe jetzt aber nochmal viel rumgebastelt:
Website Stand 26.08.14 neu.PNG


Download komplettes Projekt:

Anhang anzeigen Website Neugestaltung 1.1.zip

Probleme/etc momentan:

- Bild im Header ist unten außerhalb des Headers, weiß gerade nicht wie ich den Header so groß bekomme, dass dieser sich ans bild anpasst
- andere Schriftart
- pseudoklassen von links gehen immer noch nicht
- fehler die ihr findet

Würde mich freuen wenn mal wer drüber guckt!!!
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Speeedymauss schrieb:
ich werds mir morgen in ruhe angucken,
ich habe jetzt aber nochmal viel rumgebastelt:
Anhang anzeigen 764654

Download komplettes Projekt:

Anhang anzeigen 764655

Probleme/etc momentan:

- Bild im Header ist unten außerhalb des Headers, weiß gerade nicht wie ich den Header so groß bekomme, dass dieser sich ans bild anpasst
- andere Schriftart
- pseudoklassen von links gehen immer noch nicht
- fehler die ihr findet

Würde mich freuen wenn mal wer drüber guckt!!!
Zum Vergrößern anklicken....
1. Verstehe nicht so richtig, was du meinst.
2.
HTML: 
font-family: arial, verdana, andalus
Wenn die schriftart arial nicht auf dem pc des besuchers vorhanden ist, wird verdana genommen.
3. ....ein momment
4. Gucke morgen nochmal drüber
 
Zuletzt bearbeitet:
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

guck mal nach den farben, der header bereich ist heller als der body und das bild geht wegen float halt unten über den header hinaus, die nav habe ich je gecleart, damit das bild da nicht auch noch drüber geht, aber das bild soll ja komplett im header drin sein, wenn ich versuche mit height die höhe des headers ändern will und das in % angeben möchte passiert nichts wenn ich verschiedene werte eingebe
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Ok, bin gerade zu müde um da mitzudenken ;) (morgen bin ich ausgeschlafen :daumen:)

Kannst du aber bitte die website nochmal hochladen? Oder hier einfach die CSS/HTML-Datei hier im Forum reinstellen? Ich habe hier schei* Internet (bzw. mobiles) und kann deswegen selbst die kleine 4.2 mb große Datei nicht downloaden, bzw. nur sehr langsam...:(

l. g. & gute Nacht :)

hannover96xdneu
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

oki

wenn ich dran denke schreib ich hier morgen früh den code rein
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

ok vlt änder ichs ja :D

erstmal der aktuelle Code, ich werde aber jetzt selber noch nen bischen was machen:
HTML: 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Speeedy's Mods Homepage</title>
        <link rel="stylesheet" type="text/css" href="home.css" />
        <link rel="stylesheet" type="text/css" href="layout.css" />
    </head>

    <body>
        
        <header class="kopfzeile">
                <!--<img src="pictures/logo.png" alt="Logo" class="logo" />
                <img src="pictures/computer.png" alt="Fertiger Casemod" class="headerbild" />-->
                <img src="pictures/headerbild.png" alt="Blick auf zwei Grafikkarten" class="headerbild" />
                <h1>Speeedy's <br /> Mods</h1>
            
        </header>
        
        <nav>
            <ul>
                <li><a href="index.html" title="Homepage">Homepage</a></li>
                <li><a href="tagebuecher.html" title="Tagebücher">Tagebücher</a></li>
                <li><a href="quickie.html" title="Quickie">Quickie</a></li>
                <li><a href="galerie.html" title="Galerie">Galerie</a></li>
                <li><a href="tutorials.html" title="Quickie">Tutorials</a></li>
                <li><a href="tools.html" title="Tools">Tools</a></li>
            </ul>
        </nav>
        
        <div class="main">
        
            <article>
                <img src="pictures/720int28fertigthumbnail.jpg" alt="" class="projektbildcasemods" />
                <h3> Casemods</h3>
                <p>
                    Bei Casemods wird immer ein Case verändert blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla 
                </p>
                
                <h3> Aktuelles Projekt</h3>
                <h4> 720ger in T28</h4>
                <p>
                    Projektblala blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla 
                </p>
            </article>
            <article class="casecons">
            <img src="pictures/happybirthdayfertigthumbnail.jpg" alt="" class="projektbildcasecons" />
            <h3> Casecons</h3>
                <p>
                    Bei Casecons wird immer ein Case verändert blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla 
                </p>
                
                <h3> Aktuelles Projekt</h3>
                <h4> Wohnzimmer PC</h4>
                <p>
                    Projektblala blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla 
                </p>
            </article>
        
            <article class="haupttext">
                <p>
Hallo und willkommen <br />
auf der offiziellen Website von Speeedy's Mods!<br />
<br />
<br />
WICHTIG: Die Seite ist noch im Beta-Status, d.h. es wird noch an der Seite gearbeitet. Wie die Website momentan ist (Texte,Bilder,Design) kann (und wird) sich teilweise noch stark verändern, Ich möchte es aber schonmal ermöglichen, dass man schon jetzt auf die Website zugreifen kann.<br />
<br />
Auf dieser Seite geht es um Casemods und Casecons aller Art.<br />
Die hier aufgeführten Projekte sind i.d.R. alle von mir selbst durchgeführt und in handarbeit entstanden.<br />
<br />
Links geht es zu meinem Projekt, an dem ich gerade arbeite oder welches ich vor kurzem abgeschlossen habe.<br />
<br />
Rechts sind aktuelle Casemods und Casecons aufgezählt, mit den entsprechenden Links zu den genauen Seiten der Mods. Andere Mods sind in der Navigation unter "Projekte" und "Umrüstungen" zu finden.<br />
<br />
Ich unterscheide noch in zwei Arten von Mods:<br />
"Umrüstungen": wo ich ein Gehäuse und Hardware nehme wie es ist, was ich dann nur auf etwas neues umrüste, also z.B. der Umbau auf eine Wasserkühlung. Also Sachen, wo ich nicht viel mit dem Gehäuse und der Hardware an sich mache.<br />
<br />
und<br />
<br />
"Projekte": Dies sind Arbeiten, die aufwändiger sind, wo ich auch das Gehäuse und die Hardware verändere und anpasse.
                </p>
            </article>
        </div>
    </body>
</html>

Code: 
@charset "utf-8";
/* CSS Document */

img.projektbildcasemods{
    width:40%;
    border-radius:10px;
    float:left;
    margin-right:2%;
}

img.projektbildcaseconsac{
    width:40%;
    border-radius:10px;
    float:right;
    margin-left:2%;
}

img:hover {
    opacity: 0.79;
    transition: all 500ms;
}



article.haupttext{
    margin-left:20%;
    margin-right:20%;
}

article{
    clear:both;s
    padding:1px;
    margin-top:1%;
    margin-bottom:1%;
}

article.casecons{
    text-align:right;
}

Code: 
@charset "utf-8";
/* CSS Document */

body {
    margin: 0px;
    padding: 0px;
    font-family:"Comic Sans MS", cursive;
    background-color:#111;
    color:#FFF;
}
nav{
    padding:10px;
    margin-bottom:0px;
    background-color:#3333cc;
    clear:both;

}
nav ul{
    list-style-type:none;
    padding: 0px;
    margin:0px;
    text-align:center;

}
nav ul li{
    display:inline;
    margin:0px;
    padding:9px 20px 9px 20px;
    font-weight:bold;
}
/**
.tabellencontainer{
    display:table;
    margin:0px;
    padding:0px;
    width:100%;
}

.tabellenzeile{
    display:table-row;
}

.tabellenzelle{
    display:table-cell;
    vertical-align:top;
}**/



div.main{
    padding:10%;
    padding-top:3%;
}

.headerbild{
    width:65%;
    float:right;
    border-radius:10px;
}

header.kopfzeile{
    margin:0px;
    padding:50px;
    padding-left:5%;
    background-color:#222;
    height:50%;
    
}

.kopfzeile h1{
    font-size:5vw;
    margin-top:5px;
    width:100%;
    text-shadow:7px 7px 3px black;
}

/* unvisited link */
a:link {
    text-decoration:none;
    border-bottom:none;
    font-weight:bold;
    color:back;
    border-color:black;
}

/* visited link */
a:visited {
    text-decoration:none;
    border-bottom:none;
    font-weight:bold;
    color:back;
    border-color:black;
}

/* mouse over link */
a:hover {
    text-decoration:none;
    border-bottom:none;
    font-weight:bold;
    color:back;
    border-color:black;
}

/* selected link */
a:active {
    text-decoration:none;
    border-bottom:none;
    font-weight:bold;
    color:back;
    border-color:black;
}
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Sry wegen Doppelpost!

Aber es gibt neue Scrrenshots:
website stand 27.08.14 1.PNG

website stand 27.08.14 2.PNG

website stand 27.08.14 3.PNG

website stand 27.08.14 4.PNG

website stand 27.08.14 5.PNG


Habe momentan ne Webfont drauf die ich bei google gefunden habe, die find ich schonmal besser als die Schriftart davor, nur wird diese bei ff nicht angezeigt, bei opera schon (mehr habe ich noch nicht getestet)

Ich finde das grobe Design so eigentlich nicht schlecht, jetzt kommen halt noch die kleinigkeiten. Ich würds auch mit hellen farben machen aber ka welche man da am besten nimmt, damit man auch diesen effekt hat. (Vorschläge von euch?)

Desweiteren habe ich immer noch kp wie das mit dem Bild im Head geht...

Ich denke mal wenn ich eure grobe zustimmung zu dem design und aufbau habe fange ich mal mit ner unterseite an

LG
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Zuerst mal würde ich sagen, hol dir nen kostenlosen Account bei bplaced (Oder mach ein extra Verzeichnis auf deinem Webspace auf) und lad dort den aktuellen Stand mit Filezilla hoch.
Das spart dir das packen eines Zips bei jeder Änderung und wir können schneller das Ergebnis sehen.

Vom Design geht es auf jeden Fall in die richtige Richtung, was du auf jeden Fall machen solltest:
- Die Schriftfarbe der Links (Zeile 78 & 88) hast du "back" statt "black" geschrieben, deswegen geht auch der Kontrast im Menü flöten. Statt a:link kannst du übrigens auch einfach a schreiben.

Was ich noch machen würde:
- Gib dem Text auf deiner Webseite im Desktop-Modus eine feste Breite (Irgendwas um die 1000px rum, was etwa so breit wie eine Din-A4 Seite ist, wenn du sie vor deinen Bildschirm hältst).
So hast du zum einen besseren Überblick darüber, wie der Text auf jedem Bildschirm aussieht, denn wenn Jemand einen Bildschirm mit einer Auflösung 4000x1080 hat, hast du womöglich nur noch 2 Zeilen Text, die sich über den ganzen Bildschirm ziehen.
Zum anderen stört es den natürlichen Lesefluss, wenn man etwas ließt, was breiter als eine Din-A4 (Hochformat) ist, weil du nicht so schnell in die nächste Zeile springen kannst.
Erreichen kannst du das, indem du dem main-div folgende CSS-Regel hinzufügst:
Code: 
margin: 0 auto;
width: 1000px;
Wirkt sich natürlich negativ auf das Repositive aus, deswegen solltest du das mit einer Viewport-Regel umgeben, dann hast du auf dem Handy keine Probleme damit.
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

ofhouse schrieb:
Zuerst mal würde ich sagen, hol dir nen kostenlosen Account bei bplaced (Oder mach ein extra Verzeichnis auf deinem Webspace auf) und lad dort den aktuellen Stand mit Filezilla hoch.
Das spart dir das packen eines Zips bei jeder Änderung und wir können schneller das Ergebnis sehen.

Vom Design geht es auf jeden Fall in die richtige Richtung, was du auf jeden Fall machen solltest:
- Die Schriftfarbe der Links (Zeile 78 & 88) hast du "back" statt "black" geschrieben, deswegen geht auch der Kontrast im Menü flöten. Statt a:link kannst du übrigens auch einfach a schreiben.

Was ich noch machen würde:
- Gib dem Text auf deiner Webseite im Desktop-Modus eine feste Breite (Irgendwas um die 1000px rum, was etwa so breit wie eine Din-A4 Seite ist, wenn du sie vor deinen Bildschirm hältst).
So hast du zum einen besseren Überblick darüber, wie der Text auf jedem Bildschirm aussieht, denn wenn Jemand einen Bildschirm mit einer Auflösung 4000x1080 hat, hast du womöglich nur noch 2 Zeilen Text, die sich über den ganzen Bildschirm ziehen.
Zum anderen stört es den natürlichen Lesefluss, wenn man etwas ließt, was breiter als eine Din-A4 (Hochformat) ist, weil du nicht so schnell in die nächste Zeile springen kannst.
Erreichen kannst du das, indem du dem main-div folgende CSS-Regel hinzufügst:
Code: 
margin: 0 auto;
width: 1000px;
Wirkt sich natürlich negativ auf das Repositive aus, deswegen solltest du das mit einer Viewport-Regel umgeben, dann hast du auf dem Handy keine Probleme damit.
Zum Vergrößern anklicken....

Da warst du ne halbe Stunde schneller als ich :D

Was ich sagen kann:
Die Mutter meiner Freundin hat mir freundlicher weise ihren eingestaubten Webspace mit domain für meine Testzwecke überlassen. Wenn meine Seite fertig ist bau ich ihr dann auch eine.
Die Seite ist nun unter andrea-taube.de abrufbar und meistens auf dem aktuellsten stand. ;)

Danke für dein Lob, schön das es gefällt, mir persönlich gefällts auch immer besser was ich da zusammenschreibe :D

Den Fehler in black hab ich auch scchon gefunden undd verbessert. Auch das Problem mit dem Bild im Header.

Die Breite könnt ich fixieren aber ich meine da gibt auch ne regel mit max-width aber ka ob die dafür anwendbar ist, gucke ich morgen

wenn es irgendwann wirklich gegen ende geht, werd ich vlt dann sowieso stylesheets für mobile geräte entwerfen...ma gucken
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

W
Projekt] Protonbase.de – Archiv, Wiki und Hilfsseite in einem, für Linux-Gaming & Steam Deck
Antworten
6
Aufrufe
484
Wilhelm901
W
tammer
neuer PC nach 14 Jahren erwünscht (Gaming)
Antworten
5
Aufrufe
776
Hellhammer
Hellhammer
W
Starke FPS-Drops trotz gutem PC – brauche Hilfe
Antworten
11
Aufrufe
2K
Wildi10
W
V
PCGH Discord Hilfe gesucht
Antworten
6
Aufrufe
5K
Misanthrop68
Misanthrop68
sauerkraut4tw
Hilfe: Trotz aktiver Internetverbindung kein Internet für diverse Websites und Anwendungen
Antworten
17
Aufrufe
9K
Gast1772925001
G
Oben Unten
Zurück