Beiträge von thilda

thilda

Mach deine Textbox doch mit <code></code>, das sollte dann keine Probleme machen.

thilda

Das sieht schonmal ganz nett aus, scheint aber nicht das zu sein was ich letztendlich verbauen kann. Ich schau es mir aber mal nochmal genauer an.

thilda

Ich sag jetzt mal ja.
Wobei der Hintergrund eh erstmal egal ist...

thilda

Hallo zusammen,
ich suche eine Lösung für einen vertikal fixen Bereich der aber mit dem Rest der Seite bei zu kleinem Fenster horizontal mitscrollt.

Hier ein kleines Bsp:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
   <meta http-equiv="cache-control" content="no-cache">
      <link rel="stylesheet" href="layer.css" type="text/css" media="screen"><!--für Browser-->


   <title>Ihr Account Frau Musterman</title>
</head>


<body>


<div id="inhalt">
<div id="planeten_res_overview">
<table>
   <tr class="kategorie">
      <th>Arbeiter</th>
      <th>verfügbare Arbeitskräfte</th>
      <th>Energie</th>
      <th>Eisen</th>
      <th>Silizium</th>
      <th>Kohlenstoff</th>
      <th>Wasser</th>
      <th>Sauerstoff</th>
      <th>Wasserstoff</th>
      <th>Lagerstand</th>
   <tr>
   <tr>
      <td>30.000</td>
      <td>261</td>
      <td>35.587</td>
      <td>17.548</td>
      <td>19.824</td>
      <td>6.540</td>
      <td>654</td>
      <td>987</td>
      <td>98.785</td>
      <td>67 %</td>
   </tr>
</table>
</div>
         <div id="container">


           <div id="gebaeude_bauen">
<h1>Gebäude errichten auf Planet "Kolonie 1" (555:555:A)</h1>


<table>
   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td><span class="fehler_res">300</span></td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9" class="fehler_bauauftrag">Sie haben leider nicht genügend Rohstoffe um dieses Gebäude auszubauen.</td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9" class="fehler_bauauftrag">Sie können dieses Gebäude nicht ausbauen, da Sie nach dem Ausbau nicht mehr ausreichend Energie für ein Wohngebäude und nicht mehr ausreichend freie Bevölkerung für einen Solarpark haben.</td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


   <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


      <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


      <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>


      <tr class="kategorie">
      <th colspan="9">Gebäude</th>
   </tr>
   <tr>
      <td>Bauzeit</td>
      <td>Bevölkerung</td>
      <td>Energie</td>
      <td>Eisen</td>
      <td>Silizium</td>
      <td>Kohlenstoff</td>
      <td>Wasser</td>
      <td>Sauerstoff</td>
      <td>Wasserstoff</td>
   </tr>
   <tr>
      <td>11:11:11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
      <td>11</td>
   </tr>
   <tr class="bau_auftrag">
      <td colspan="9"><a href="" title="">Ausbauen auf Stufe X</a></td>
   </tr>
</table>
</div>
         </div>
      </div>
</body>
</html>

Alles anzeigen

Code

#inhalt {
      position: absolute;
      top: 120px;
      left: 17em;
      right: 0;
      bottom: 25px;
      overflow: auto;
      margin: 0;
      padding: 0;
   }
   #container {
      min-width: 50em;
      margin: 0;
      padding: 0px 10px 50px 10px;
   }
   #planeten_res_overview {
      background: #ccc;
      position: fixed;
      right: 1.3em;
      left: 18em;
      margin: 0;
      padding: 0.5em 0;
   }
   #gebaeude_bauen h1 { margin: 3em 0 0 0;}

Alles anzeigen

Das Div mit der id="planeten_res_overview" ist das was mir Sorgen bereitet.
Freu mich über alle Anregungen.
Danke

thilda

Wie ist denn die genaue Aufgabenstellung von der Schule?

thilda

Also wie schon gesagt bekommst du das alt-Element nicht in das Background-Image.
Aber ich habe gerade mal eine Suchmaschine dazu angeschmissen und das hier als Alternative gefunden.

Code

<div id="xxx" title="Alternativtext"></div>

thilda

Da es ja ein Background-image ist wird das mit dem alt-Tag nicht so wirklich gehen...

Ansonsten einfach alles in das Array rein.

thilda

Da die erste Abfrage eh erstmal nur die Anzahl klären soll würde ich das über das MySql-Count lösen. Fällt schonmal eine Last weg...

thilda

Zitat von reeperbahner11

Umpf, sorry.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
    <title>Willkommen</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta http-equiv="content-type" content="application/xhtml+xml;  charset=utf-8" />
    <link href="design.css" type="text/css" rel="stylesheet" />
    <link href="img/favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body>
 
<form action="kf_ausgabe.php">
<fieldset>
<legend>Bitte tragen Sie sich hier ein!<br /></legend>
 
         <p><label for="name">Gewünschter Username*:</label>
         <input type="text" name="user" /></p>
 
         <p><label for="passwort">Gewünschtes Passwort*:</label>
         <input type="password" name="pass1" /></p>
         <p><label for="pw_wiederholung">Wiederholung*:</label>
         <input type="password" name="pass2" /></p>
 
 
         <p><label for="email">Email*:</label>
         <input type="text" name="mail" /></p>
         <p><label for="e_wiederholen">Email wiederholen*:</label>
         <input type="text" name="mail2" /></p>
        <br />
        <hr />
 
        <p><label for="anrede">Anrede*:</label>
                        <select size="1" name="anrede">
                        <option value=""selected></option>
                        <option value="Herr">Herr</option>
                        <option value="Frau">Frau</option>
                        </select></p>
 
</fieldset>
</form>
</body>
</html>

Alles anzeigen

Du bist einfach nur eine Schusselliese.

In deinem Select-Befehl sind noch die Anführungsstriche falsch und dein Form-befehl braucht noch ein method="" post oder get...

Ansonsten fehlen für alle Input-befehle die ID's die du mit dem for="" im label anzeigst. Aber das alles sagt dir der Validator.
Und wenn das alles passiert ist, dann meine kleine Schusselliese, dann hast du einen wunderschönen validen Code.
Also schau einfach nochmal fluxx drüber und dann hast du es auch schon. : )

thilda

Der header soll aber als aller erstes kommen. Tut er ja aber nicht da er erst mit dem aufrufen der CSS-datei kommt oder sehe ich das falsch?

thilda

Mein Tipp:

Code

header('Content-type: text/css');

Löschen und dann nochmal schaun was passiert.
An sich funktioniert das script ja.

thilda

Um genau diesen einen Link anzusteuern kannst du ihm zB eine id oder eine class verpassen. Somit kannst du ihn per CSS jederzeit einzeln ansprechen und positionieren wie du magst.

thilda

Probier doch damit einfach selber ein wenig rum.
Es ist nicht so schwer.

thilda

Das Problem was sich darbietet ist, das du keine rechte an dem Bild hast.
Es gibt ein paar Seiten die Bieten die Bilder explizit kostenlos an.
Musst du mal danach suchen. Ich glaube sogar das es ein paar Bsp sogar hier im Forum schonmal gegeben hatt.

thilda

Ich würde sagen das dein Problem in der Queryverabeitung liegt.
Schau dazu nochmal ins php-manual.

Als anregendes Bsp:

PHP

<?php
// Query to select an int column
$query = 'SELECT user_id FROM users WHERE user_id = 1';
$result = mysql_query($query);
$array = mysql_fetch_assoc($result);


// Echoes: string
echo gettype($array['user_id']);
?>

thilda

Also das Bsp ist als XHTML 1.0 ausgegeben aber kompatibel sollte es ja schon sein oder?

Hier das HTML/CSS-File:

HTML

<!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">
<head>
<title>Einfaches Formular</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*<![CDATA[*/
* {
    margin: 0;
    padding: 0;
}
body, input {     
    font-family: 'Arial Narrow', Verdana;
    background-color: #dede99;
}


form  {
    width: 30em;
    font-size: 1em;
    line-height: 120%;
    margin: 1em;
}


fieldset {
    color: #006699;
    border: solid 1px  #006699;
    background-color: #CCCC99;
    padding: 10px;
}


legend {
    padding: 0.1em 0.4em;
    font-weight: bold;
    color: #000;
    border: 3px double #006699;
    background-color: #dede99;
}


input {
    display: block;
    float: left;
    width: 10em;
    border: 1px solid #dede99;
    background-color: #dede99 ;
    margin: 5px;
    padding: 2px;
}


#nummer {
    width: 3em;
}
#plz {
    width: 3em;
}
br { 
    clear: left; 
}
.submit, .reset { 
    background: #CCCC99;
       border: 3px double #006699;
 }
 
label { 
    width: 5em; 
    margin: 5px;
    padding: 5px;
    float:left; 
    text-align: right;
    font-weight: normal;
    color: #000;
}
p {
    clear: left;
    float: left;
    width: 100%;
}


input:focus, input:hover, input:active {
   background-color: #fff;
   border: 1px dashed #999;
   font-weight: bold;
}




/* Beispiel für Fehlermeldungen */
/* diese Klasse müsste per Javascript oder PHP zugewiesen werden */
input.fehler { 
    border: 1px solid #f00;
    font-weight: bold; 
    background: #fff url(achtung.gif) right no-repeat;
}
/*]]>*/
</style>
</head>
<body>
<form>
<fieldset>
<legend>Bitte tragen Sie sich hier ein!<br /></legend>


  <p><label for="name">Name:</label>
  <input name="name" id="name" type="text" /></p>


  <p><label for="vorname">Vorname:</label>
  <input name="vorname" id="vorname" type="text" /></p>


  <p><label for="strasse">Strasse:</label>
  <input name="strasse" id="strasse" type="text" />
  <label for="nummer">Nummer:</label>
  <input name="nummer" id="nummer" type="text" size="4" maxlength="4" /></p>


  <p><label for="plz">Postleitzahl:</label>
  <input name="plz" id="plz" type="text" size="5" maxlength="5" />
  <label for="ort">Ort:</label>
  <input name="ort" id="ort" type="text" /></p>


  <p><label for="land">Land:</label>
  <input name="land" id="land" type="text" /></p>


  <input name="absenden" type="submit" class="submit" value="Absenden" />
  <input type="reset" name="Reset" class="reset" value="L&ouml;schen" />
  </fieldset>
</form>
</body>
</html>

Alles anzeigen

Quelle: Buch "CSS-Praxis" von "Kai Laborenz" 4.Auflage
Abschnitt 5.10 ab Seite 265

Viel spass beim lernen.
Alles liebe
thilda

thilda

Also das <p> um das <form> muss da überhaupt nicht hin, das ist irgendwie nicht sinnvoll.

Hier auch mal eine weitere Variante.
Wenn du willst kann ich dir auch mal ein komplettes Formular aus dem Buch CSS-Praxis geben...

HTML

<form id="das_formular">
<fieldset>
   <legend>Hier steht eine Zusammenfassung drinne...</legend>
   <p><label>Name:</label><input type="text"></p>
   <p><label>Straße:</label><input type="text"></p>
   <p><label>Ort:</label><input type="text"></p>
   <input type="submit" value="abschicken">
</fieldset>
</form>

edit:
Habe gerade gesehen das ich das <fieldset> vergessen habe. Darf ja mal vorkommen.
Aber ohne fieldset kein legend...

thilda

Also ich finde das sehr unübersichtlich...
Es würde doch auch funktionieren wenn du zb <pre> oder der gleichen verwendest oder?

thilda

Da die 4 von jeweils einem Semikolon rechts und links begrenzt wird wäre das doch an stelle von '%' ein passender selektor oder?

thilda

weil deine if-abfrage genauso reagieren soll
ein else hilft da vielleicht für die fehlermeldung

Beiträge von thilda

PHP HTML Umlautwandler

vertikal Fixed, horizontal scrollbar

vertikal Fixed, horizontal scrollbar

vertikal Fixed, horizontal scrollbar

Button

zufallsbild script in der css

zufallsbild script in der css

Bestimmten Daten nacheinander auslesen

Kontaktformular ist weg, kann da mal jemand schauen?

zufallsbild script in der css

zufallsbild script in der css

Bannercode einbinden und frei positionieren können

Kontaktformular ist weg, kann da mal jemand schauen?

hintergrund...lange gesucht...

Bestimmten Daten nacheinander auslesen

Kontaktformular ist weg, kann da mal jemand schauen?

Kontaktformular ist weg, kann da mal jemand schauen?

Problem: in textarea beschriebene #navi hat keine auszeichnung

explode bei mysql?

Array fehler