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

Neuling hat Problem"!!"

Status
Für weitere Antworten geschlossen.

hero1504

Neues Mitglied
Hallo erstmal,

und zwar möchte ich mir eine Homepage erstellen mit html bzw. xhtml
und ich bin sehr neu auf diesem Gebiet ich möchte sie so einfach wie möglich erstellen und ohne pipapo.
Jetzt zu meinem Problem ich habe mir ein Grundgerüst gebaut und habe auf der linken seite meiner page interne links eingefügt und möchte jetzt aber noch in der mitte ein foto einfügen ich erkläre das jetzt bestimmt voll bescheuert aber ich habe ein pic für euch gemacht das sagt glaub ich alles.
http://www.bilder-space.de/show.php?file=jRlVfwvuWG9ouD6.JPG
mfg
sven
 
Mit dem Bild kann mann nichts anfangen. Es zeigt lediglich, dass das bild nicht an der Stelle ist, wo du es gerne hättest.
Deshalb wird ein Link zur Seite oder der Quelltext benötigt.
Abstrakt sieht es so aus, dass zu die Navi links floaten und in den Bereich rechts daneben das Bild reinsetzen müsstest.
 
Als so blutiger Anfänger denkst Du vielleicht, dass Du das Problem mit HTML lösen kannst. Daher lass mich Dir sagen, dass HTML nur eine Strukturbeschreibungssprache ist, mit der Du Deinem Inhalt eine Bedeutung gibts.

Für das Layout & Design, also das Aussehen, die Positionierung der Elemente, ist die Sprache CSS zuständig.

Wenn Du also fit bist, Deinen Inhalt semantisch korrekt auszeichnen kannst, dann kannst Du Dich auf CSS stürzen und dem Ganzen ein ansprechendes Aussehen geben. Dann kommt auch "float" ins Spiel, was prm schon angesprochen hat.

Gruß,
-Efchen
 
Hier der Quelltext ich will aber kein CSS mit einbinden wenn es nicht unbedingt sein soll aber naja ich habe hier mal für euch den Quelltext:
Code:
<!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-de">
<head>

  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
  <title>PartySven</title>


</head>


<body style="background-color: rgb(204, 255, 255); direction: ltr;">

<div align="center">
<h1>//Willkommen auf PartySven\\</h1>

</div>

<div>
<hr /></div>

<div align="left"><a href="index.htm">Start</a>
</div>

<div align="left">
<a href="bilder.htm">Bilder</a>
</div>

<div align="left">
<a href="tuts.htm">Tutorials</a>
</div>

<div align="left">
<a href="gedichte.htm">Gedichte</a>
</div>

<div align="left">
<a href="linux.htm">Linux</a>
</div>

<div align="left">
<a href="partner.htm">Partner</a>
</div>

<div align="left">
<a href="imprint.htm">Impressum</a>
</div>

<div><br />

<br />

<br />

<br />

<br />

</div>

<div>
<hr /></div>

<div align="center"><img src="Restricted_Area.gif" />
</div>
</body>
</html>
mfg
sven
 
Zuletzt bearbeitet von einem Moderator:
Hier der Quelltext ich will aber kein CSS mit einbinden wenn es nicht unbedingt sein soll
Naja, aber das ist die übliche Vorgehensweise, außerdem verwendest Du CSS ja schon. HTML ist nur noch zum Auszeichnen des Inhalts da. Also Überschriften markieren, Adressen, Textabsätze, wichtige Textstellen, Zitate usw. Für all das gibt es Tags. HTML ist dafür gedacht und macht nichts, was mit dem Aussehen zu tun hat. Seit fast 10 Jahren gibt es endlich CSS und nun kann man HTML wieder seinem eigentlichen Zweck zuführen und Inhalt und Layout trennen. Das macht vieles einfacher, erleichtert die Arbeit, verringert den Traffic und erreicht auf diese Weise eine 100%ige Nutzbarkeit in allen Clients, nicht nur Browsern, und in wirklich allen, insbesondere auch bei Suchmaschinen.

Man kann natürlich weiterhin alles old-style wie in den 1990er Jahren schreiben, allerdings sind einige Tags und Attribute "deprecated", d.h. auf der Abschussliste. Zumindest theoretisch könnte es sein, dass Browser zukünftiger Generationen die nicht mehr unterstützen.

Irgendwann gab es eine Zeit, da wollten die Menschen auch nicht ihre Pferdewagen gegen die brummenden und stinkenden Kisten namens "Automobil" eintauschen, wo angeblich viele Pferde unter der Haube arbeiteten...trotzdem fährt heute jeder mit einem Auto und Pferdegespanne gibts nur noch vereinzelt. Du solltest es mit CSS versuchen.

Wenn Du Interesse und Fragen hast, kannst Du sie gerne stellen. Wenn Du Dich jedoch entscheidest, lieber old-fashioned weiterzubasteln, dann verspreche ich, sage ich nichts mehr (in diesem Thread :-) )

Gruß,
-Efchen
 
Ich hab' dir mal was auf die Schnelle gebastelt:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL="http://www.w3.org/1999/xhtml"]XHTML namespace[/URL]" lang="de-de">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>PartySven</title>
<style type="text/css">
body {
background:rgb(204, 255, 255);
font-family: verdana; font-size: 100.01%;}
h1 {text-align: center;}
#navi {float: left; width: 200px;}
#navi ul {list-style-type: none;}
#content {margin-left: 210px;}
.center {text-align: center}
.clear {clear: both;}
</style>
</head>
 
<body>
<h1>//Willkommen auf PartySven\\</h1>
<hr>
<ul id="navi">
<li><a href="index.htm">Start</a></li>
<li><a href="bilder.htm">Bilder</a></li>
<li><a href="tuts.htm">Tutorials</a></li>
<li><a href="gedichte.htm">Gedichte</a></li>
<li><a href="partner.htm">Partner</a></li>
<li><a href="imprint.htm">Impressum</a></li>
<li><a href="linux.htm">Linux</a></li>
</ul>
<div id="content">
<p class="center">
<img src="Restricted_Area.gif" />
</p>
</div>
<hr>
<div class="clear"></div>
</body>
</html>

Allerdings nützt dir das für die weitere Arbeit nur dann, wenn du lernst, das zu verstehen.
Es wäre deshalb äußerst sinnvoll, wenn du dich in HTML und CSS einarbeiten würdest. Kostet zwar etwas Zeit, zahlt sich aber aus.
Vielleicht ist das ein Einstieg für dich:
Friedels Homepage - Anleitungen für HTML-Autoren und mehr
 
Zuletzt bearbeitet:
Efchen ich wäre gerne bereit CSS zu lernen nur ich weiß net wie ich am besten anfangen sollte.
Muss ich Html perfekt können um css zu lernen
und wenn nicht gibt es tricks wie ich am besten lernen sollte?
 
Sieh dir mal den Link obendrüber an. Da kannst du beides gleichzeitig lernen, wenngleich mit Schwerpunkt CSS.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben