[HTML] Welcome-Page

const* · 04/06/2015, 14:18

Hallo Elitepvpers!

Ich habe leider kein Wissen über HTML, nur über C++/C#, und daher möchte ich nach Hilfe fragen. Meine Idee ist, wenn man auf meine Webseite kommt, dass dann so eine Seite kommt:

(Habe keine Rechte, Bilder zu posten.

)

Meine Frage ist nun nicht, wie man bei einem Klick auf "zur Webseite" weitergeleitet wird, sondern dieses Design, die Bilder.

Die zwei Boxen sollen Bilder sein, und diese sollen mittig auf der Webseite unter dem Titel sein, aber wie mache ich das?

Wäre nett, wenn jemand helfen kann oder eine Lösung postet.

Marco

OfficialiSEVEN · 04/06/2015, 14:28

Such mal bei Google "HTML content mittig"

Die Bilder machst du dann mit

<a href="url"><img src="Pfad zum Bild" /></a>

const* · 04/06/2015, 14:29

Quote:

Originally Posted by FrickXHD

Such mal bei Google "HTML content mittig"

Die Bilder machst du dann mit

<a href="url"><img src="Pfad zum Bild" /></a>

Okay, danke! Habe ich schon, kann einen Text mittig platzieren, der Code ist, wenn man dann auf das Bild klickt?

Edit: Wie kann ich dann aber die Bilder in der gleichen Zeile (Höhe/Ebene) anzeigen?

OfficialiSEVEN · 04/06/2015, 14:30

Quote:

Originally Posted by *static_cast

Okay, danke! Habe ich schon, kann einen Text mittig platzieren, der Code ist, wenn man dann auf das Bild klickt?

Jop ist er.

HTML ist nur XML mit eigenen Tags

const* · 04/06/2015, 15:13

Quote:

Originally Posted by FrickXHD

Jop ist er.

HTML ist nur XML mit eigenen Tags

Super, hat geklappt. Aber die Überschrift ist selbst mit <h1> noch wirklich klein... Wie kann ich es noch größer machen?

OfficialiSEVEN · 04/06/2015, 15:14

Mit css

h1
{
font-size: 100px;
}

Ist halt nur am Handy geschrieben

const* · 04/06/2015, 15:25

Quote:

Originally Posted by FrickXHD

Mit css

h1
{
font-size: 100px;
}

Ist halt nur am Handy geschrieben

Habe ich schon gelesen, aber in welche .css Datei muss das geschrieben werden und wie rufe ich diese auf?

OfficialiSEVEN · 04/06/2015, 15:27

In irgendeine ist egal in welche

In einbeziehen solltest du es mit <link> machen können bin mir da aber gerade nicht sicher ansonsten hilft Google weiter

chrisyou · 04/07/2015, 15:49

Quote:

Originally Posted by *static_cast

Habe ich schon gelesen, aber in welche .css Datei muss das geschrieben werden und wie rufe ich diese auf?

HTML Code:

<link href="main.css" rel="stylesheet">

Der Name ist dabei völlig egal.

Du musst nicht unbedingt eine .css-Datei anlegen, du kannst auch alles in die jeweiligen Tags mit aufnehmen, siehe:

HTML Code:

<h1 style="font-size: 100px"> Hallo Welt!</h1>

Mit einem Stylesheet ist es natürlich viel übersichtlicher zu handhaben.

OfficialiSEVEN · 04/08/2015, 00:23

Quote:
Originally Posted by chrisyou
HTML Code:
<link href="main.css" rel="stylesheet">
Der Name ist dabei völlig egal.

Du musst nicht unbedingt eine .css-Datei anlegen, du kannst auch alles in die jeweiligen Tags mit aufnehmen, siehe:
HTML Code:
<h1 style="font-size: 100px"> Hallo Welt!</h1>
Mit einem Stylesheet ist es natürlich viel übersichtlicher zu handhaben.

Nein weil es ein NoGo ist!

Css schreibt man immer in separate Dateien als in die Tags...

BlazerHack · 04/08/2015, 09:00

Hey da ich noch ein Anfänger in CSS etc. bin, habe ich mir deinen Beitrag
als kleine lern Aufgabe gestellt und dir solch eine Seite in ca. 3 Stunden zusammen gestellt.

Habe dir in der Datei alles beschrieben, falls du etwas ändern möchtest.

Was du brauchst.
Du brauchst 2 Bilder. Eins in Bunt und eins in Schwarz/Weiß

1. Die Bilder müssen 300px breit und 400px hoch sein.
2. Beide Bilder müssen als .png gespeichert werde.
3. Das schwarz/weiße Bild muss nonhover heißen und das bunte hover

Das war es schon und hier noch der download.

chrisyou · 04/08/2015, 11:10

Quote:

Originally Posted by FrickXHD

Nein weil es ein NoGo ist!

Css schreibt man immer in separate Dateien als in die Tags...

Mag ein "NoGo" unter etablierten Programmierern wie dir sein, ich habe bisher davon noch nichts gehört.

Wie gesagt, es ist einfach übersichtlicher in einer CSS und es ist de-facto auch in den Tags möglich.

manniL · 04/08/2015, 11:41

Quote:

Originally Posted by FrickXHD

Nein weil es ein NoGo ist!

Css schreibt man immer in separate Dateien als in die Tags...

Was für ein Bullshit. CSS in die Tags zu packen ist kein NoGo, sondern teilweise sehr nützlich. Dass man keine 100 Zeilen CSS in nen einzelnen Tag packt ist logisch, aber bei kleinen Teilen als "Sonderreglung" ist das sinnvoll.

OfficialiSEVEN · 04/08/2015, 11:44

Quote:

Originally Posted by manniL

Was für ein Bullshit. CSS in die Tags zu packen ist kein NoGo, sondern teilweise sehr nützlich. Dass man keine 100 Zeilen CSS in nen einzelnen Tag packt ist logisch, aber bei kleinen Teilen als "Sonderreglung" ist das sinnvoll.

Ja zum Debuggen klar. Aber wenn es dann publik geht sollte es nicht mehr drin stehen

manniL · 04/08/2015, 12:08

Quote:

Originally Posted by FrickXHD

Ja zum Debuggen klar. Aber wenn es dann publik geht sollte es nicht mehr drin stehen

Selbst auf einer Homepage die public ist geht das klar.
Bestes Beispiel: Man nutzt Bootstrap, welches man minimal abändern möchte, für 1-2 Elemente. Da brauch ich keine classes oder ids zu erstellen.