IPB

Willkommen, Gast ( Anmelden | Registrierung )

3 Seiten V   1 2 3 >  
Reply to this topicStart new topic
> Html, Css Und Co
pandabär
Beitrag 26.07.2004 - 13:08
Beitrag #1


is getting harder


Gruppe: User
Beiträge: 14
Mitglied seit: 26.07.2004
Mitglieds-Nr.: 3.468



Zuerst einmal möchte ich als neues Mitglied ein Hallo in die Runde werfen!
Ich bastele schon einige Zeit mit dem html editor Phase 5 und habe nun etwas Grösseres vor:
Ich habe mir eine Homepage mit meheren Seiten mit Hilfe eines Progs Namens:"NetFusion7" erstellt. Weil das Prog auf meinem Rechner nicht mehr funzt und ich nur eine abgespeckte Version davon habe, dachte ich ich überarbeite das Ganze und erstelle einfach eine Homepage mit mehreren Seiten selbst mit Phase 5 um auch Änderungen daran machen zu können.
Anzuschauen unter: www.delfinwelt.de
Nun habe ich aber meine liebe Not damit und ich finde einfach nicht die richtigen Infos um meine Vorstellung in die Tat umsetzen zu können.
Ich möchte auch auf der linken Seite eine Navigation machen. Der Text soll weiterhin mittig sein. Muss ich das nun mit Hilfe einer Tabelle machen oder wie??
Kann mir jemand helfen?
Go to the top of the page
 
+Quote Post
Conny
Beitrag 26.07.2004 - 13:19
Beitrag #2


Kommt Zeit, kommt Rat, kommt Conrad!
Gruppensymbol

Gruppe: Mods
Beiträge: 1.169
Mitglied seit: 21.11.2001
Wohnort: Altenkirchen, Westerwald
Mitglieds-Nr.: 42



Hi pandabär,
ja, das kann man mit Hilfe einer Tabelle machen.
Es gibt aber noch viele, viele andere möglichkeiten.
Aus Deinem Text entnehme ich, daß Deine HTML-Kenntnisse, sagen wir mal, wohl eher bescheiden sind.
Das ist der Nachteil von diese klick, klick und fertig Editoren, man lernt nur das Programm zu bedienen und nicht die HTML-Sprache.

Ich kann Dir nur raten Dich zunächst mit HTML als solches zu beschäftigen, (Selfhtml von Stefan Münz).
Danach wird Dir 'unser Editor' viel freude bereiten!
Kopf hoch, Du bist auf dem richtigen Weg!
NetObj. hast Du schon mal rausgeschmissen; das war GUT icon13.gif
Phase5 heruntergeladen und instaliert; das war auch GUT icon13.gif
Jetzt nur noch ein Wenig HTML und es wird SPITZE biggrin.gif

cu
Conny
Go to the top of the page
 
+Quote Post
pandabär
Beitrag 26.07.2004 - 13:26
Beitrag #3


is getting harder


Gruppe: User
Beiträge: 14
Mitglied seit: 26.07.2004
Mitglieds-Nr.: 3.468



Hi, Conny - danke für Deine ermunternden Worte. Du hast Recht, die Kenntnisse sind nicht gerade gross, ich habe ja auch schon bei Münz gelesen, einiges davon kann ich aber leider nicht umsetzen. Deshalb habe ich mich ja hierhin gewendet.
Ich habe den Navigationsbereich als eine Tabelle gesetzt. Nun bekomme ich aber den Text nicht mittig, sondern er wird unten angefügt.
Go to the top of the page
 
+Quote Post
radyserb
Beitrag 26.07.2004 - 14:38
Beitrag #4


looks good


Gruppe: User
Beiträge: 48
Mitglied seit: 07.07.2002
Wohnort: Miltitz
Mitglieds-Nr.: 556



Hallo,
standartmäßig werden die Inhalte vertikal mittig ausgerichtet. Es ist ein bischen schwierig Dein Problem konkret zu erkennen. Bevor Du hier aber den Tabellencode hineinpostest, schau Dir bitte vorher folgendes Beispiel an: http://de.selfhtml.org/html/tabellen/layouts.htm#beispiel. Es sollte Dir weiterhelfen.
Go to the top of the page
 
+Quote Post
pandabär
Beitrag 27.07.2004 - 10:20
Beitrag #5


is getting harder


Gruppe: User
Beiträge: 14
Mitglied seit: 26.07.2004
Mitglieds-Nr.: 3.468



Hallo, genau diesen versuche ich für meine Seite abzuändern. Aber irgendwie habe ich da meine Schwierigkeiten damit.
Zuerst einmal hätte ich gern den Hintergrund einfarbig, und die "Navigation" bekomme ich auch nicht gleichmäßig hin. Ich habe einfach keine Idee mehr, woran es liegen könnte.
Es wäre wirklich nett, wenn jemand den Code mal checken könnte:

<body background="http://meuschen.bei.t-online.de/backgrounds1/14.gif"></body>
<br>
<br>
<div align="center">
<img src="http://meuschen.bei.t-online.de/homepagegrafiken/delfinbanner.jpg" alt="" border="0"></div>
<br>
<br>
<font size="+4"><font face="SnellboundDB"><font color="#FF0000"><div align="center"><b>
Herzlich willkommen...</b></div></font></font></font>
<br>


<div align="center"><font size="+2"><font face="Comic Sans MS"><font color="#0000FF">
...auf den Seiten zum Thema Delfine und Wale</font></font></font></div>
<br>


<table border="0" cellpadding="0" cellspacing="0" width="100%"
<colgroup>
<col width="200">
<col>
</colgroup>
<tr>
<td colspan="2">
<table border="0" cellpadding="10" cellspacing="0">
<tr>
<td>

<img src="http://meuschen.bei.t-online.de/homepagegrafiken/6.gif" alt="" border="0">
<a href="http://delfinwelt.de/index.htm"><font size="+1"><font face="Verdana"><font color="#0000FF">
Home</font></font></font></a>

</td>
</tr>
</table>
</td>
</tr>
<br>
<br>

<table border="0" cellpadding="10" cellspacing="0">
<tr><td>
<img src="http://meuschen.bei.t-online.de/homepagegrafiken/6.gif" alt="" border="0">
<a href="http://delfinwelt.de/arten.html"><font size="+1"><font face="Verdana"><font color="#0000FF">
Arten</font></font></font></a>
</td>
</tr>
</table>
</td>
</tr>
<br>
<br>


<table border="0" cellpadding="10" cellspacing="0">
<tr><td>
<img src="http://meuschen.bei.t-online.de/homepagegrafiken/6.gif" alt="" border="0">
<a href="http://delfinwelt.de/html/delfinbilder.htm"><font size="+1"><font face="Verdana"><font color="#0000FF">
Delfingallerie</font></font></font></a>
<br>
<br>

<img src="http://meuschen.bei.t-online.de/homepagegrafiken/6.gif" alt="" border="0">
<a href="http://delfinwelt.de/html/walbilder.htm">
<font size="+1"><font face="Verdana"><font color="#0000FF">
Walgallerie</font></font></font></a>
</td>
</tr>
</table>
</td>
</tr>

<br>
<br>

<table border="0" cellpadding="10" cellspacing="0">
<tr><td>
<img src="http://meuschen.bei.t-online.de/homepagegrafiken/6.gif" alt="" border="0">
<a href="http://delfinwelt.de/html/gastebuch.html"><font size="+1"><font face="Verdana"><font color="#0000FF">
Gästebuch</font></font></font></a>

</td>
</tr>
</table>
</td>
</tr>
<br>
<br>
<table border="0" cellpadding="10" cellspacing="0">
<tr><td>
<img src="http://meuschen.bei.t-online.de/homepagegrafiken/6.gif" alt="" border="0">
<a href="http://delfinwelt.de/html/impressum.html"><font size="+1"><font face="Verdana"><font color="#0000FF">
Impressum</font></font></font></a>
<br>

<br>
</td>
</tr>
</table>
</td>

<td valign="top">
<table border="0" cellpadding="10" cellspacing="0">

<tr>
<td>

<font size="+1"><font face="Comic Sans MS"><font color="#0000FF">
Unzählige Arten dieser intelligenten Meeressäuger bewohnen unsere Weltmeere.
Sie sind durchaus in der Lage, sich nahezu jeder Umgebung anzupassen. Wie weit ihre
Entwicklung zurück geht, kann niemand so ganz genau sagen. Fest steht jedoch, das
der Mensch schon lange dabei ist, den natürlichen Lebensraum dieser faszinierenden
und wohl größten Säugetiere zu zerstören. Jährlich müssen tausende von ihnen auf
qualvolle Weise sterben.

<br>
<br>
Mit meinen Seiten möchte ich Euch ein bisschen was über
Delfine und Wale erzählen, und ich hoffe, das diese und all die anderen Seiten des
Internets, die sich mit diesem Thema beschäftigen, dazu beitragen können, diesem Wahnsinn
ein Ende zu bereiten.<br>


Die Informationen der folgenden Seiten habe ich zusammen getragen und übernehme für deren Richtigkeit
keine Haftung. Auf den Bildern liegt meines Wissens nach kein Copyright, falls dem doch so ist,
dann bitte eine mail an mich.<br> </font></font></font>
<br><font size="+1"><font face="Comic Sans MS"><font color="#00FF00">
<div align="center"><a href="mailto:meuschen@t-online.de">meuschen@t-online.de</a></div>
</font></font></font>
<br>
<br> <font size="+1"><font face="Comic Sans MS"><font color="#FF0000"><b>
Wichtiger Hinweis!<br>
</b><font color="#800080">
Mit Urteil vom 12. 5.1998 hat das Landgericht Hamburg entschieden, das man durch die Anbringung
eines Links die Inhalte der gelinkten Seiten ggf. mit zu verantworten hat. Dies kann nur
dadurch verhindert werden, das man sich von diesen Inhalten distanziert.
Hiermit distanziere ich mich von allen Inhalten aller gelinkten Seiten auf meiner
Homepage und mache mir die Inhalte nicht zu eigen. Die Verantwortung der Inhalte tragen die
Autoren selbst!
</font></font></font>

</td>
</tr>
</table>
</td>
</tr>
</table>


Ich sag schon mal: DANKE
Go to the top of the page
 
+Quote Post
helpy
Beitrag 27.07.2004 - 11:07
Beitrag #6


;-)
Gruppensymbol

Gruppe: Mods
Beiträge: 246
Mitglied seit: 20.11.2001
Mitglieds-Nr.: 15



Hallo ...

Nur mal so als kleinen Hinweis: Wenn Du den Html-Code zwischen den beiden BB-Code Tags [html] und [/html] stellst, ist das ganze etwas lesbarer. Hier mal ein Ausschnitt aus Deinem Code:

HTML
<body background="http://meuschen.bei.t-online.de/backgrounds1/14.gif"></body>
<br>
<br>
<div align="center">
<img src="http://meuschen.bei.t-online.de/homepagegrafiken/delfinbanner.jpg" alt="" border="0">
</div>
<br>
<br>
<font size="+4">
<font face="SnellboundDB">
<font color="#FF0000">
<div align="center">
<b>Herzlich willkommen...</b>
</div>
</font>
</font>
</font>
<br>

<div align="center">
<font size="+2">
<font face="Comic Sans MS">
<font color="#0000FF">
...auf den Seiten zum Thema Delfine und Wale
</font>
</font>
</font>
</div>
<br>

... usw. ...


Und wenn Du Deinen Code noch etwas anders formatierst, dann kann man auch schon mehr erkennen, ... leider werden die Leerzeichen am Zeilennanfang vom Forum geschluckt, so siehst du die Einrückungen oben nicht ...

Also, wenn Du schon CSS verwendest, dann verzichte ganz auf die <font>-Tags. Der obige Code könnte dann z.B. so aussehen:

HTML
<body>
<div id="banner">
<img src="/homepagegrafiken/delfinbanner.jpg" alt="" border="0">
</div>

<div id="wellcome">
Herzlich willkommen...<br>
<span id="welcom">...auf den Seiten zum Thema Delfine und Wale</span>
</div>

... usw. ...
</body>


und im Style-Sheet definierst du dann:
QUELLTEXT
body { background-image: url(/homepagegrafiken/delfinbanner.jpg); }
div.wellcome {  
 font-family: SnellboundDB;
 font-size: 24pt;
 color: #FF0000;
 font-weight: bold;
}
span.wellcome {
 font-size: 12pt;
 font-family: "Comic Sans MS";
 color: #0000FF;
}


Das ganze hab' ich nicht getestet und nur mal schnell so hingeschrieben ... ich übernehme keine Garantie auf fehlerfreiheit wink.gif ... soll also nur ein kleiner Denk-Anstoss sein ...

Ach ja ... den <body>-Tag schließt man am Ende deines Contents!
HTML
<body ...> ... Dein Content ...</body>


Zur Auswahl der Schriftart, den Farben usw. ... sag' ich jetzt mal nichts.
cu, helpy
Go to the top of the page
 
+Quote Post
Andreas
Beitrag 27.07.2004 - 12:21
Beitrag #7


____________________
Gruppensymbol

Gruppe: Admin
Beiträge: 1.220
Mitglied seit: 20.10.2001
Mitglieds-Nr.: 3



Hi,

warum dann nicht gleich ganz richtig und statt <div ...> ein vernünftigeres <h1 ...> benutzen? Dann haben *alle* Browser was davon und Google kann's ordentlich indizieren bzw. besser gewichten. Kommt der Seite mit einem besseren Ranking zu Gute.

Andreas

(statt <h1 ...> natürlich den Tag des Wunsches nehmen, in diesem speziellen Fall bietet sich ein heading natürlich an ...)
Go to the top of the page
 
+Quote Post
pandabär
Beitrag 27.07.2004 - 12:24
Beitrag #8


is getting harder


Gruppe: User
Beiträge: 14
Mitglied seit: 26.07.2004
Mitglieds-Nr.: 3.468



Hi, danke Dir für Deine Antwort. Ich habe die ganze Zeit nur mit "Text" gearbeitet und leider noch nicht die große Ahnung von CSS oder Tabelle. Da knie ich mich grad rein. Ich will mal schau'n, das ich es nun besser machen kann. Aber eine Antwort auf meine Frage habe ich jetzt immer noch nicht bekommen.
Go to the top of the page
 
+Quote Post
pandabär
Beitrag 27.07.2004 - 12:28
Beitrag #9


is getting harder


Gruppe: User
Beiträge: 14
Mitglied seit: 26.07.2004
Mitglieds-Nr.: 3.468



Hi Andreas, ich habe erst jetzt gemerkt, das Du auch geantwortet hast. Hat sich wohl überschnitten.
Wenn ich aber h1 oder so nehme, dann kann ich doch nur die Schriftgröße damit bestimmen, nicht aber die Schriftart oder -Farbe. Oder bin ich jetzt hier falsch?
Go to the top of the page
 
+Quote Post
pandabär
Beitrag 27.07.2004 - 12:31
Beitrag #10


is getting harder


Gruppe: User
Beiträge: 14
Mitglied seit: 26.07.2004
Mitglieds-Nr.: 3.468



Hallo, was bitte ist ein heading? sick.gif
Go to the top of the page
 
+Quote Post
Google Bot
Beitrag
Beitrag #


Google Ads









Go to the top of the page
 
Quote Post

3 Seiten V   1 2 3 >
Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 28.03.2024 - 14:14

taschenkalender
expertise-panel IPS Driver Error

IPS Driver Error

There appears to be an error with the database.
You can try to refresh the page by clicking here