Bitte Helfen! Habe ein problem bei homepage

Gute Homepagetools - Zusätze für Eure Page - Page optimieren und lade Zeit prüfen - spezielle Fragen zu Eurer Page - Problemlösungen

Moderator: lauras

Beiträge bitte im neuen Forum

Bitte Helfen! Habe ein problem bei homepage

Beitragvon drPHIP132 » Mittwoch 23. Februar 2011, 13:34

hey leute =)

hab ein problem bei meiner homepage, wäre nett wenn jmd helfen könnte =)

wäre supermeganett wenn ihr die 2 dateien "index.html" und "design.css" mal fix erstellen könntet (unten stehen die inhalte dieser 2 dateien)...lest dann bitte den kurzen text durch auf der seite,...,da stehen meine probleme drinn (ich schreibs hier nicht weil es ist besser wenn ihr das auch visuell seht)

was muss in an der disign.css datei verändern?

DANKE im voraus =))))

PS: i bin anfänger also ne wundern wenn da alles falsch sein sollte ;D

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

meine "index.html" datei:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Startseite</title>
<meta name="description" content="Startseite">
<meta name="keywords" content="Startseite">
<meta name="author" content="Philipp">
<meta name="editor" content="html-editor phase 5">
</head>

<body text="#000000" bgcolor="#111111" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<link href="design.css" type="text/css" rel="stylesheet" />


<div id="seitenbereich">
<font size=5>
<div id="navi"> <ul>
<li> <a href="index.html">Startseite</a> </li>
<li> <a href="über.html">Über mich</a> </li>
<li> <a href="news.html">News</a> </li>
<li> <a href="kontakt.html">Kontakt</a> </li>
<li> <a href="sonstiges.html">Sonstiges</a> </li>
</ul>
</div>
<div id="inhalte"> <font size=3>Homepage &gt; <a href="index.html">Startseite</a> <hr/>
<p> <font size=5>Hey Leute.! =) <br> </p>
<p> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Warum ist dieser Text jetzt ganz links? Wie kann ich ihn so wie den text darüber anordnen?
<br/>
<br/>


und "design.css" datei
<style type="text/css">
<!--

body {
text-align: center;
}

#seitenbereich {
text-align:left;
margin: 0 auto;
width: 1000px;
background-color:#A9a9a9;
}

#navi {
float:left;
width:10em;
background-color:#808080;
}

#inhalt {
margin-left: 14em;
background-color:#A9a9a9;
}

a:link {
color: black;
text-decoration: underline;
}
a:visited {
color: black;
text-decoration: underline;
}
a:hover, a:focus {
text-decoration: none;
color: white;
}
a:active {
text-decoration: none;
color: #C0C0C0;
}

-->

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge

Re: Bitte Helfen! Habe ein problem bei homepage

Beitragvon Sarkkan » Mittwoch 23. Februar 2011, 14:26

Huhu (=

Als erstes, bitte verwende wenn du Code postet den entsprechenden Code-BBcode
Code: Alles auswählen
Hier kommt mein Code rein rein


Soa.. nun zu deinem Code (=

Öhm.. pack den Text einfach in ein div? (=
Diesem gibst du dann evtl. noch einen Linken Außenabstand (margin) von der Breite der Navigation.

Noch Allgemein zu deinem Code:
In die Styledatei gehört nichts außer dem CSS-Code. <style.. o.A. gehört da nicht rein!
Außerdem lagere bitte ALLES aus, kein Element bekommt einen style="...", die Sachen aus dem <body> kommen ebenfalls raus.
Zudem ist <font> veraltet, verwende lieber die CSS-Eigenschaft font-size.

Übrigens gehört <link> in den <head> rein :wink:
Und ich hoffe doch, dass du <body> und und so auch alle schön schließt!

Bitte fange auch an, den Code einzurücken, dass erhöht die Lesbarkeit deines Codes :wink:

Sarkkan
Benutzeravatar
Sarkkan
HTML-Acrobat
 
Beiträge: 1557
Registriert: Montag 5. April 2010, 01:46
Wohnort: Bei Köln

Re: Bitte Helfen! Habe ein problem bei homepage

Beitragvon drPHIP132 » Mittwoch 23. Februar 2011, 14:47

wie meinste text in div? hab doch in <div id="inhalte"> blablabla <div> meinen text ??


vielen dank für schnelel antwort =)
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge

Re: Bitte Helfen! Habe ein problem bei homepage

Beitragvon Sarkkan » Mittwoch 23. Februar 2011, 14:50

Achso.. stimmt ^^
Dann gib diesem bitte ein margin-left: [BreiteDerNavi]px;
Benutzeravatar
Sarkkan
HTML-Acrobat
 
Beiträge: 1557
Registriert: Montag 5. April 2010, 01:46
Wohnort: Bei Köln

Re: Bitte Helfen! Habe ein problem bei homepage

Beitragvon drPHIP132 » Mittwoch 23. Februar 2011, 16:37

cool! DAANNKKEE =)

jetzt klappts =)

hab CSS datei jetzt so:

#NAVI2 ist Breadcrumbs-Navigation

Code: Alles auswählen
<!--

body {
  text-align: center;
  font-size: x-large;
}

#seitenbereich {
   text-align:left;
   margin: 0 auto;
   width: 1000px;
   background-color:#A9a9a9;
}

#navi {
   float:left;
   width:9em;
   background-color:#808080;
}

#navi2 {
   margin-left: 13em;
   background-color:#A9a9a9;
   font-size: large;
}


#inhalt {
   margin-left: 10em;
   background-color:#A9a9a9;
}

a:link {
   color: black;
   text-decoration: underline;
}
a:visited {
   color: black;
   text-decoration: underline;
}
a:hover, a:focus {
   text-decoration: none;
   color: white;
}
a:active {
   text-decoration: none;
   color: #C0C0C0;
}

-->
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge

Re: Bitte Helfen! Habe ein problem bei homepage

Beitragvon Sarkkan » Mittwoch 23. Februar 2011, 17:16

Auch das <!-- und das --> gehören nicht in die Datei herein!

Außerdem sind 1000px Breite zu groß :/
Beziehungsweise könnte Eng werden, arbeite lieber mit ~960px o.Ä.

Außerdem empfiehlt es sich nicht em für Breiten oder Höhenangaben zu nutzen, wenn sich diese nicht direkt auf den Text beziehen, da sich die Größe em an der Schriftgröße Orientiert!
Beispiel:
Code: Alles auswählen
       | 12px | 14px | 16px | ...
-------|------|------|------|-----
1em   | 12px | 12px | 12px | ...
1.5em | 18px | 21px | 24px | ...
2em   | 24px | 28px | 32px | ...

Wenn nun z.B. durch den Benutzer eine Feste Schriftgröße verwendet wird oder dieser die Schriftgröße Manuel vergrößter, so könnte es sein, dass dein gesamtes Layout verschiebt :/
Benutzeravatar
Sarkkan
HTML-Acrobat
 
Beiträge: 1557
Registriert: Montag 5. April 2010, 01:46
Wohnort: Bei Köln

Re: Bitte Helfen! Habe ein problem bei homepage

Beitragvon drPHIP132 » Mittwoch 23. Februar 2011, 18:04

ok danke =)
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge


Beiträge bitte im neuen Forum

Zurück zu Homepage

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron