• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Kompletter Anfänger brauch Hilfe

MegaaaFox

Neues Mitglied
hey leute,

ich habe vor paar stunden erst angefangen mit Html/Css zu programmieren und wollte fragen wie auf einer Seite sozusagen einen Block erstellen kann, ich glaube das was ich will geht mit <div> und das dann in dem Block der Text links zentriert erscheint, wie geht das?

danke schonmal
 
Werbung:
hey leute,

ich habe vor paar stunden erst angefangen mit Html/Css zu programmieren und wollte fragen wie auf einer Seite sozusagen einen Block erstellen kann, ich glaube das was ich will geht mit <div>...

Jedes Blockelement erzeugt einen Block, so auch <div>, aber auch viele andere, wie etwa <p>.

...und das dann in dem Block der Text links zentriert erscheint, wie geht das?

Was jetzt: linksbündig (=Standardeinstellung) oder zentriert?

Lg Xeno
 
ich habe das hier:

<p style="position:relative; right:20%;">

also der block erscheint etwas weiter links und dann soll halt alles an text sozusagen links vom block anfangen.
 
Werbung:
Mit diesen Eigenschaften schiebst Du das Blockelement 20% von rechts weg - also ist es auch weiter links zu sehen.

Ich verstehe die Fragestellung allerdings auch weiterhin nicht?
 
Unbenannt.jpgwie ich den text so hinbekomme also das er immer bei dem block anfang steht
so, wie so ziemlich jede internet seite halt aufgebaut ist
 
hey leute,

ich habe vor paar stunden erst angefangen mit Html/Css zu programmieren
Dann lass mich dir, zu beginn deiner noch jungen Karriere, gleich sagen, dass HTML und CSS keine Programmiersprachen sind, du also damit auch nicht programmieren kannst.
HTML ist eine Auszeichnungssprache, mit der Inhalte strukturiert werden.

und wollte fragen wie auf einer Seite sozusagen einen Block erstellen kann, ich glaube das was ich will geht mit <div> und das dann in dem Block der Text links zentriert erscheint, wie geht das?
Die Frage kannst du dir selbst beantworten, sobald du die nötigen Grundkenntnisse besitzt. Ohne die, geht es nicht. Du musst wissen, welches Tag wofür eingesetzt werden kann und was seine Aufgabe ist.

Lies dir diese Einführung durch (Einführung | Webdesign mit (X)HTML und CSS), inklusive des HTML- und CSS-Teils. Dann kennst du die Grundlagen.
 
Werbung:
Dann müsstest Du alle CSS-Eigenschaften weglassen? Oder "text-align: left;" wenigstens noch verwenden?

Falls es das nicht ist, zeig doch mal deinen gesamten HTML-Code oder besser einen Link zur Seite.
 
@threadi: die seite hat noch nichts wirklich... ich habe noch 0 plan von Html "Strukturierung".

<html>
<head>
<title>Titel</title>
<style type="text/css">
body
{
text-align: center;
color: white;
background-image: url(bild1.png);
background-size: 100%;
}
</style>
</head>
<p><a href="blub">
<img src="bild2" alt="blub"></a></p>
<p style="font-family: Arial; font-size:200%">blub</span>
<p style="position:relative; right:20%; text-align: left;">
bla<br>
blabla<br>
</p>
</html>

bitte ne ordentliche antwort, nicht so eine wie von thor, danke
 
Was bitte gefällt dir an meiner Antwort nicht?

Dass ich dir gesagt habe, dass du Grundlagen brauchst, bevor es Sinn macht, sich mit HTML und CSS zu beschäftigen und dir dazu auch noch eine sehr gute Möglichkeit gegeben habe, diese Grundlagen zu lernen?

Oder dass ich dir die Antwort nicht auf dem Silbertablett serviert habe?
 
Werbung:
bitte ne ordentliche antwort, nicht so eine wie von thor, danke

Du bist wirklich lustig. Kommst ohne jegliche Vorkenntnisse in dieses Forums und erwartest, dass wir dir die Grundlagen vermitteln. Mit so einer Einstellung wirst du es nie erlernen. Das bringt dich höchstens auf die Ignore-Liste derjenigen, welche dir hier vielleicht helfen könnten.
 
@threadi: die seite hat noch nichts wirklich... ich habe noch 0 plan von Html "Strukturierung".
Code:
<html>
<head>
<script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script>
<title>Titel</title>
<style type="text/css">
body
{
text-align: center;   
color: white;
background-image: url(bild1.png);
background-size: 100%;
}
</style>
</head>
<p><a href="blub">
<img src="bild2" alt="blub"></a></p>
<p style="font-family: Arial; font-size:200%">blub</span>
<p style="position:relative; right:20%; text-align: left;">
bla<br>
blabla<br>
</p>
</html>

Der Code ist nicht korrekt. Validiere Deine Seiten immer ( The W3C Markup Validation Service ). Dort siehst Du zum Beispiel, dass Du schon vor dem ersten Zeichen einen Fehler hast (fehlender Doctype).

Setze zudem Code hier im Forum in die entsprechenden Tags, ist sonst mühsam für Helfende.

bitte ne ordentliche antwort, nicht so eine wie von thor, danke

Thor hat durchaus korrekt geantwortet.

Lg Xeno
 
Werbung:
Zurück
Oben