Kann mir jemand bitte helfen?

[cayoty]

meine HP möchte ich ohne Frames dafür es in CSS erstellen, nur funzt es nicht so wie bei den Frames,

Ich stelle mal den Anfang rein, ich möchte es gerne das sich alles öffnet so wie bei Frames, geht das?

<TABLE class=rahmen cellSpacing=0 cellPadding=0 width="90%" align=center>
<TBODY>
<TR>
<TD class=navi vAlign=top width="15%"><!-- Navigation Anfang -->
<TABLE width="100%">
<TBODY>
<TR>
<TD class=ueberschrift><A href="news.htm"><IMG
height=45 src="cayoty_datei/news.gif" alt="news"
width=155 align=left border=0></A></TD></TR>
<TR>
<TD><A class=navi href="impressum.htm"><IMG
height=45 src="cayoty_datei/impressum.gif" alt="impressum"
width=155 align=left border=0>
</A></TD></TR>

Ich weiß das ich mit <div></div> tags arbeiten sollte,mit ebenen übereinander legen und jeden einzeln mit css formatieren, nur weiß ich nicht wie das geht.

Wenn es natürlich zu viel verlangt ist lasse ich es eben so.

Gruß:

[bender]

hallo,
ich habe fast genau dieselbe frage, und zwar will ich meine homepage folgendermaßen erstellen
www.bender-shisha.de/website.jpg (http://www.bender-shisha.de/website.jpg)
wie bekomme ich das mit css hin?
mfg
bender

[Mikes-PCHilfe]

Hallo,

dass würde mit ganz viel Arbeit funktionieren, du müsstest dann alle Unterseiten beim laden der Startseite schon in die DIV's laden, die dann eingeblendet werden. Bei 5 Unterseiten geht das noch, aber ab 20 wirds extrem langsam.

@bender: Heutzutage macht man das wie auf mikes-pchilfe.de mit php, dort kann man dann ohne Frames dynamisch mit PHP den mittleren Inhalt festlegen. Denn wie du siehst, ruft man immer die selbe Datei goto.php auf.

GRuß Mike

[bender]

hallo mike,
wo gibt es denn ein gutes PHP tutorial, wo alles schritt für schritt erklärt wird (so etwas wie selfhtml)
mfg
bender

[Mikes-PCHilfe]

sowas gibts leider nicht. Zumindest nichts brauchbares.

Ich kann da nur BÜcher empfehlen.

GRuß Mike

[Maidenman]

http://tut.php-q.net/ ist nen ganz guter Anfang, vom Buch her kann ich dir das hier empfehlen http://www.amazon.de/exec/obidos/ASIN/3827258839/phpdeluxe-21/302-2132354-5439201

[bender]

hallo,
danke für den link! werd mir das mal durchlesen....
mfg
bender

[Mikes-PCHilfe]

Tatsache, wusste gar nicht das es sowas gibt :)

Neija, dann mal viel Glück

GRuß Mike

[bender]

hallo nochmal,
habe zwar angefangen das tutorial durchzulesen, hab es jedoch nach den ersten kapiteln abgebrochen und will jetzt eine "simple" html/css seite entwerfen, bzw. ist sie schon so gut wie fertig....nur 2 probleme habe ich noch:
1. Hintergrund
wie bekomme ich es hin, den hintergrundper css einzufügen? laut selfhtml funktioniert es so:

<div style="background-image:url(background.jpg);background-repeat:no-repeat">
</div>

bei mir wird aber kein bild angezeigt....und das bild ist im selben verzeichnis wie die html datei...
ich muss es mit css einfügen, weil ich das hintergrundbild nur 1x angezeigt bekommen will....deshalb auch der befehl "background-repeat:no-repeat"

2.
wie bekomme ich es hin, dass sich meine seite auf die größe des fensters anpasst?bei mir ist es nämlcih so, dass wenn ich das fenster maximiere, ein großer schwarzer bereich entsteht, und wenn ich ich das fenster kleiner mache, wird die seite einfach "abgeschnitten"....

3. links
ich würde es gern hinbekommen, dass die links ihre farbe behalten und nicht unterstrichen sind, selbst wenn sie angeklickt wurden

vielen dank für eure hilfe!
mfg
bender

[baluff]

Hallo

zu Punkt 3 kann ich dir antworten.
Indem du im CSS-Template folgende Klassen definierst:


a:link {
font-size:11px;
font-weight:normal;
line-height:12px;
font-family:Verdana,Arial,sans-serif;
letter-spacing:0.0mm;
word-spacing:0.0mm;
color:black;
text-decoration:none;
}

a:visited {
font-size:11px;
font-weight:normal;
line-height:12px;
font-family:Verdana,Arial,sans-serif;
letter-spacing:0.0mm;
word-spacing:0.0mm;
color:black;
text-decoration:none;
}

a:hover {
font-size:11px;
font-weight:normal;
line-height:12px;
font-family:Verdana,Arial,sans-serif;
letter-spacing:0.0mm;
word-spacing:0.0mm;
color:red;
text-decoration:none;
}


Ich hoffe, das hilft dir. Natürlich kannst du auch verschiedene Link-Arten definieren, z.B. a.head:link. Die kannst du dann auf der Webseite aufrufen mit <a class='head' ....

Gruss
baluff

[Mikes-PCHilfe]

zu 1) versuchs mal ohne url() sondern direkt den Datenname

zu 2) Das geht mit JavaScript, schau dir das auf mikes-pchilfe.de im Quelltext an, ich benutze das auch

GRuß Mike

[bender]

hallo leute,
vielen dank für eure hilfe, nur leider bekomme ich das nicht so ganz hin....

@baluff
was ist denn ein css-template bzw. wo muss ich es einfügen?

@mike
scheint irgendwie auch nicht zu klappen, ich habe es folgendermaßen geschrieben:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<div style="background-image:homepage_03.jpg">
</div>
</body>
</html>



"homepage_03.jpg" liegt im selben verzeichnis wie der frame selbst...ich frage mich warum das nicht geht....

mfg
bender

[baluff]

Mit css-template meine ich eine Textdatei mit Endung .css, in welchem du die genannten Sachen einfügst.
Diese Datei kannst du in die Webseiten einbinden mit folgendem Befehl im header:


<link rel='stylesheet' type='text/css' href='Pfad_zur_Datei'>

Dort kannst du auch alle anderen Schriften (<font>, <h1> usw.) definieren.

Ich kenne eigentlich nur diese Variante, aber wahrscheinlich kannst du das auch ohne eigene Datei machen, aber ich weiss nicht wie.

Gruss
baluff

[bender]

hallo baluff,
vielen dank, hat geklappt!
jetzt sind nur noch die beiden anderen probleme offen...
mfg
bender

[Mikes-PCHilfe]

Hallo,

vielleicht kann man einem DIV gar keine Hintergrundgrafik setzen, wäre logisch, denn bei einer Table funktioniert es so.

GRuß Mike

[baluff]

Kein Problem, für den Rest kann ich dir leider nicht helfen ...

Viel Glück
baluff

[Mikes-PCHilfe]

Denke die Sache hat sich damit erledigt.

GRuß Mike

[bender]

hallo,
ja, die sache hat sich erledigt, wollte hier nur schnell noch posten wie ich es gelöst habe :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
Untitled Document
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel='stylesheet' type='text/css' href='main.css'>
<style type="text/css">
body { background-image: url("main.jpg"); background-position:top ; background-repeat: no-repeat }
</style>
</head>
<body>
</body>
</html>

mfg
bender

[Mikes-PCHilfe]

Prima :)

Gruß Mike