css problem mit div und inhalte

Momo22m · 18.04.2010

Hy Leute ich versuche gerade css zu lernen komme auch gut voran nur mein Problem ist winde kein gutes tut wo ich das nachlesen kann was ich brauche

versuchst mal zu beschreiben

ich habe ein Design gemacht und so gecoded

HTML:

<HTML>
    <HEAD>
<!-- BEGINN anormal-tracker.de V2.5 CODE -->
<script type="text/javascript">
var user=25274;
var zusatz="";
</script><script type="text/javascript" src="http://anormal-tracker.de/tracker.js"></script>
<noscript><a href='http://anormal-tracker.de/openstat.php?userid=25274' target='_blank'><img border='0' src='http://anormal-tracker.de/countv2.php?user=25274' alt=""/></a></noscript>
<!-- ENDE anormal-tracker.de V2.5 CODE -->
</HEAD>
    <LINK rel="stylesheet" type="text/css" href="style1.css">
<title>Wilkommen auf meine Seite</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
<!--
body {
    background-color: #000000;
}
-->
</style><body>

<div align="center"><img src="page Kopie.png" border="0" usemap="#Map">
  <map name="Map">
    <area shape="rect" coords="55,229,185,261" href="uber-mich.html" target="bg">
    <area shape="rect" coords="43,431,186,463" href="legas.html" target="bg">
    <area shape="rect" coords="828,231,976,264" href="gastebuch.html" target="bg">
    <area shape="rect" coords="850,432,967,461" href="kontakt.html" target="bg">
    <area shape="circle" coords="511,711,31" href="http://morris-s.de/blog/index.php" target="_blank">
    <area shape="rect" coords="762,722,879,755" href="imp.html" target="bg">
  </map>
</div>
<iframe src="uber-mich.html" name="bg" class="iframe" scrolling="auto" frameborder="0"></iframe>
<a href="http://twitter.com/momo22m"><img src="http://twitstamp.com/custom-3933.png" target="_blank" class="twitter"></a></img>
</body>
</html>

ich weiß ist einfacher Code war aber für mich war es schwer ^^ so jetzt will ich aber das so machen mit div Tabellen winde sieht dann besser aus und denke er lad dann schneller aber mein Problem ist der Inhalt dann der soll dann mit iframe oder so kommen aber wie mach ich das mit css auch wie ich jetzt schon habe einfach

HTML:

<iframe src="uber-mich.html" name="bg" class="iframe" scrolling="auto" frameborder="0"></iframe>

und ihn css dann auch href="uber-mich.html" target="bg"

oder wie lauft das ab oder gibst nee besser Möglichkeit den Inhalt ein zu laden mag das nicht so wen die ganze Seite neu geladen werten muss

hoffe wisst wie ich das meine

esupanetz · 19.04.2010

AW: css problem mit div und inhalte

Hi Momo,

wenn du schon mit css arbeitest - was ich gut finde, aber auch weiß wie schwierig es am Anfang ist, es umzusetzen - dann vergiss bitte Tabellen und auch iframes.
Schreib dir eine extra css-Datei in die du die Angaben für deine divs einbaust und platziere dann deine Inhalte im HTML.

Fürs css-lernen gibts hier schon etliche gute Links - gibs mal in die Suchfunktion rein.
Eine Seite geb ich dir da gleich her - die find ich toll, weil sie das Konzept sehr gut aufbaut:
Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS

lG

Eva

Pixelverwender · 19.04.2010

AW: css problem mit div und inhalte

Eine weitere gute Adresse: http://www.css4you.de

Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : Eigenschaften }

Momo22m · 19.04.2010

AW: css problem mit div und inhalte

esupanetz schrieb:
Hi Momo,

wenn du schon mit css arbeitest - was ich gut finde, aber auch weiß wie schwierig es am Anfang ist, es umzusetzen - dann vergiss bitte Tabellen und auch iframes.
Schreib dir eine extra css-Datei in die du die Angaben für deine divs einbaust und platziere dann deine Inhalte im HTML.

Fürs css-lernen gibts hier schon etliche gute Links - gibs mal in die Suchfunktion rein.
Eine Seite geb ich dir da gleich her - die find ich toll, weil sie das Konzept sehr gut aufbaut:
Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS

lG

Eva

danke für den Tipp arbeite ihn php ^^ und css ist echt schwer aber wen Mann bichen ihn google sucht windet man schon was aber wieso soll ich nicht mit iframe arbeiten gibst nee andere Art nur den Text also den Inhalt laden zu lassen une die ganze Page zu laden ??

Edit; so hab jetzt das grundlayout fertig mit mein neuen design was ich schlicht halte konnt ja mal tipp geben was ich verbesseren kann am layout oder so

ans316 · 19.04.2010

AW: css problem mit div und inhalte

Ich denke Du solltest Dich erst einmal mit der Theorie befassen.

Warum man CSS verwendet?
Warum man keine Tabellen, Frames oder Iframes zum Gestalten von Websites verwendet.
Stichworte: Semantik, Suchmaschinenoptimierung usw.
Warum man bei Menüs mit dem Listenelement arbeitet usw..

Ich denke, wenn Du PHP kannst lernst Du auch XHTML und CSS.

Beispiele und Tuts gibt es im Netz jede Menge und nicht verzagen, Jeder hat mal angefangen.

Momo22m · 19.04.2010

AW: css problem mit div und inhalte

ja php kann ich auch nicht gut auch am lernen aber bei webspel und co wird das doch auch ihn so nee Art iframe gemacht der Inhalt oder ist das ein andere cod

esupanetz · 19.04.2010

AW: css problem mit div und inhalte

Aua

rot auf schwarz - kleine Schrift --> ich habs schnell weggeklickt weils mir in den Augen weh tut. Sorry, das ist eine kurze und sehr komprimierte Antwort, die du vielleicht nicht gern liest, aber mal meine persönliche Meinung.

Für die Navi oben eine größere Schrift die besser lesbar ist nehmen. (BTW - soweit ich weiß schreibt man Legasthenie ;-) )

Um dir das "coden" zu erleichtern - mach eine externe CSS-Datei, die du dann einbindest. Wie das Einbinden in PHP geht, findest sicher in den PHP-Tutorials. Weil dann brauchst die Definitionen nur einmal machen und nicht x-mal.

Vergiss den iframe, er macht die Seite weder Benutzerfreundlich noch Suchmaschinenfreundlich. Beschäftig dich einfach mal mit den Basics, nur dann wird die Seite gut und für alle angenehm zu verwenden.

lG

Eva

Pixelverwender · 19.04.2010

AW: css problem mit div und inhalte

Du baust in Dein PHP-Script im HTML-Header einfach folgendes ein:

Code:

<link rel="stylesheet" type="text/css"  href="style.css">

"style.css" ist in diesem Fall Deine externe CSS-Datei, in der Du alle Formatierungen definierst.

Wenn Du externen Text einbinden willst (z.B. aus einer *.txt-Datei), gibt es (ich meine, sogar hier) jede Menge Tutorials.

Beispiel für das Einbinden von Text per php

Code:

<?php
  $fp=fopen("upload.txt","r");
  if($fp)
  {
   while(!feof($fp))
   {
    $zeile=fgets($fp, 100);
    echo "$zeile";
   }
  fclose($fp);
  }
 else
  echo"Datei ist nicht vorhanden";
?>

vincitore · 19.04.2010

AW: css problem mit div und inhalte

Also erstmal zum erlernen von xhtml und css:

kostet zwar massig Punkte, aber lohnt sich

dann fürs einbinden von Inhalt per PHP:

PHP:

<div id="navigation">
  <a href="?open=home" title="Home">Home</a>
  <a href="?open=testlink2" title="link2">testlink2</a>
</div>
<div id="content">		
  <?php 
    $open=$_GET['open'];
    if(file_exists($open.".php") or $open==""){
      if(empty($open) or $open=="home"){ #Abfrage ob kein Wert oder "home" als Wert uebergegebn wurde
        include("home.php");
      } else { include($open.".php");}
    } else { #Fehlermeldung wenn die PHP Datei nicht vorhanden ist, oder Tippfehler im Link vorhanden ist
      echo "Diese Datei existiert nicht.";
    }
  ?>
</div>

Momo22m · 19.04.2010

AW: css problem mit div und inhalte

wow danke für die viele anworten

@: die seite ist noch im aufbau deswegen im test ordner ^^
@e: danke für den php code werd mal gucken ob ich das schaffe

vincitore · 19.04.2010

AW: css problem mit div und inhalte

Momo22m schrieb:
wow danke für die viele anworten

@: die seite ist noch im aufbau deswegen im test ordner ^^
@e: danke für den php code werd mal gucken ob ich das schaffe

wenn nich schreib mir ich kann dir den auch noch genauer erklären

Momo22m · 19.04.2010

AW: css problem mit div und inhalte

vincitore schrieb:
wenn nich schreib mir ich kann dir den auch noch genauer erklären

danke werd ich machen

Edit:

HTML:

<div id="navigation">
  <a href="?open=home" title="Home">Home</a>
  <a href="?open=testlink2" title="link2">testlink2</a>
</div>

also wen ich mich nicht irre sind das die button oder wen ich jetzt den 3 rein machen will wirt so gemacht oder

HTML:

<a href="?open=bla" title="Über mich">Über mich</a>

oder

vincitore · 19.04.2010

AW: css problem mit div und inhalte

ja genau
die datei heißt dann in deinem Beispiel bla.php

also kannst die divs auch anders aufbauen bzw. die links wo anders hin machen, wichtig ist nur dass du den php code da rein packst wo der inhalt hin soll

Edit: den <a> tag kannst du auch noch bearbeiten wie du willst, wichtig ist nur dass du halt die ?open=inhalt an deine datei in der es reingeladen wird drin hast
zb. index.php?open=about oder halt nur ?open=about

Momo22m · 19.04.2010

AW: css problem mit div und inhalte

ah danke wert mich morgen mal ran machen

und danke für das tut wert mir heute aben mal angucken

Edit: wow das ist geiles tut aber ich verstehe momentan nur 30% oder so xD hab noch viel zu lesen ^^