[HTML] Welcome-Page

04/06/2015 14:18 const*#1
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:

[Only registered and activated users can see links. Click Here To Register...]

(Habe keine Rechte, Bilder zu posten. :o)

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
04/06/2015 14:28 OfficialiSEVEN#2
Such mal bei Google "HTML content mittig"

Die Bilder machst du dann mit

<a href="url"><img src="Pfad zum Bild" /></a>
04/06/2015 14:29 const*#3
Quote:
Originally Posted by FrickXHD View Post
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?
04/06/2015 14:30 OfficialiSEVEN#4
Quote:
Originally Posted by *static_cast View Post
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 :D
04/06/2015 15:13 const*#5
Quote:
Originally Posted by FrickXHD View Post
Jop ist er.

HTML ist nur XML mit eigenen Tags :D
Super, hat geklappt. Aber die Überschrift ist selbst mit <h1> noch wirklich klein... Wie kann ich es noch größer machen?
04/06/2015 15:14 OfficialiSEVEN#6
Mit css

h1
{
font-size: 100px;
}

Ist halt nur am Handy geschrieben :D
04/06/2015 15:25 const*#7
Quote:
Originally Posted by FrickXHD View Post
Mit css

h1
{
font-size: 100px;
}

Ist halt nur am Handy geschrieben :D
Habe ich schon gelesen, aber in welche .css Datei muss das geschrieben werden und wie rufe ich diese auf?
04/06/2015 15:27 OfficialiSEVEN#8
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 :D
04/07/2015 15:49 chrisyou#9
Quote:
Originally Posted by *static_cast View Post
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.
04/08/2015 00:23 OfficialiSEVEN#10
Quote:
Originally Posted by chrisyou View Post
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...
04/08/2015 09:00 BlazerHack#11
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.
[Only registered and activated users can see links. Click Here To Register...]
04/08/2015 11:10 chrisyou#12
Quote:
Originally Posted by FrickXHD View Post
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.
04/08/2015 11:41 manniL#13
Quote:
Originally Posted by FrickXHD View Post
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.
04/08/2015 11:44 OfficialiSEVEN#14
Quote:
Originally Posted by manniL View Post
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
04/08/2015 12:08 manniL#15
Quote:
Originally Posted by FrickXHD View Post
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.