Beiträge von thilda

thilda

Hey Grevas,
ich hab jetzt mal dein 1.bsp übernommen und es spielt soweit.
Für mich ist jetzt die Frage:
ist es allg ausgeschlossen die 3 teile der Koordinaten in einem zu bekommen?
Weil dann weiß ich auch wo noch ein Denkfehler bei mir lag. Und Leerzeichen gibt es keine weiteren. Und auch sind es immer jeweils drei Zahlen und ein Buchstabe.

thilda

Klar könnte ich das so machen.
Ich finde es aber nicht kompliziert es auf die weise zu machen wie ich es vorhabe.
Es bedeutet einfach ein paar Zeilen weniger Code.

Das einzig komplizierte daran ist, derzeit für mich, die Umsetzung. Weil ich mit Regular Expressions einfach nie wirklich klar gekommen bin.

thilda

Hallo zusammen,
ich schaffe es einfach nicht mit den regular expressions umzugehen. Und würde mich über Hilfe sehr freuen.

Ich habe folgenden Code

PHP

preg_match_all("|<h1>(.*?)</h1>|", $bericht, $a);
   echo "Koordinaten sind: {$a[1][0]}";

Das ist erstmal schon ganz gut.
Die Ausgabe hier ist:

Code

Koordianten sind: Bericht von Gloyonaid (333:183:G)

Was ich aber nun möchte ist die Reinfolge aus Zahlen und dem Buchstaben mit den Doppelpunkten.
Diese steht aber nicht immer in Klammern! Jedoch immer zwischen den Tags H1!

Ich habe es schon versucht mit

PHP

preg_match_all("|<h1>([0-9]{3}):([0-9]{3}):([A-Z]{1})</h1>|", $bericht, $a);

Das ich da scheinbar einen Denkfehler habe ist fast sehr offensichtlich.
Auf jeden Fall wird es mit einer Fehlermeldung bestätigt...
Jedoch komme ich nicht darauf.
Und eh ich mir jetzt alle Haare ausraufe, frage ich lieber um Hilfe.

Vielen Dank schon mal.
Alles liebe
thilda

thilda

Hallo zusammen,
ich bin mal wieder ein wenig am basteln und habe ein kleines problem für das es eine lösung zu finden gibt.

Das mittige Menu soll vom inhalt "umflossen" werden. Dabei soll der inhalt rechts UND links fließen.

Hier ist mal das was ich hingebastelt habe. Alles noch in der entstehung.

Eventuell gibt es dafür ja keine Lösung. Dann will ich es aber wenigstens besprochen haben : )

Hier das CSS

Code

/*Allg. Reset der Elemente*/
/*BEGIN*/
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}
/*END*/
html {
   font-family: Arial, Helvetica;
   font-size: 1em;
   line-height: 1em;
   color: #555;
   width: 100%;
   min-width: 42em;
   height: 100%;
}
body {
}
#menu {
   border: 1px solid black;
   position: relative;
   width: 8em;
   height: 8em;
   text-align: center;
   margin: 10em auto 0 auto;
   z-index: 99;
}
ul {
   list-style-type: none;
}
#menu ul {
   margin: 1.5em 0;
}


#submenu-left {
   border-left: 3px solid #ccc;
   border-right: 3px solid #ccc;
   background: #ccc;
   min-width: 20em;
   width: 49%;
   height: 4em;
   float: left;
   margin: -4em 0 1em 0;
}
#submenu-right {
   border-left: 3px solid #ccc;
   border-right: 3px solid #ccc;
   background: #ccc;
   min-width: 20em;
   width: 49%;
   height: 4em;
   float: right;
   margin: -4em 0 1em 0;
}
#submenu-right:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#submenu-left ul li, #submenu-right ul li {
   display: inline-block;
}


#content {
   background: #abc;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 12em;
   padding: 0 0 2em 0;
   overflow: auto;
   z-index: 10;
}


#extension-left {
   border: 3px dotted #ccc;
   min-width: 20em;
   width: 49%;
   min-height: 1em;
   max-height: 7em;
   float: left;
   overflow: auto;
}
#extension-right {
   border: 3px dotted #ccc;
   min-width: 20em;
   width: 49%;
   min-height: 1em;
   max-height: 7em;
   float: right;
   overflow: auto;
}
#extension-right:after {
    content: ".";
    display: block;
    line-height: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

Alles anzeigen

Hier das HTML

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <link rel="stylesheet" href="layer3.css" type="text/css" media="screen"><!--für Browser-->


   <title>Eine &Uuml;bersicht an verschiedenen Styles.</title>
</head>


<body>
   <div id="menu">
      <ul>
         <li><a href="index.php?category=start" title="Die Startseite">Startseite</a></li>
         <li><a href="index.php?category=css" title="Was ist CSS?">CSS</a></li>
         <li><a href="index.php?category=page1" title="Eine Testseite">Page 1</a></li>
         <li><a href="index.php?category=page2" title="Eine zweite Testseite">Page 2</a></li>
         <li><a href="index.php?category=page3" title="Eine dritte Testseite">Page 3</a></li>
      </ul>
   </div>
   <div id="submenu-left">
      <ul>
         <li>Eins</li>
         <li>Zwei</li>
         <li>Drei</li>
      </ul>
   </div>
   <div id="submenu-right">
      <ul>
         <li>Vier</li>
         <li>Fünf</li>
         <li>Sechs</li>
      </ul>
   </div>


      <div id="content">
<p>Dies ist die Startseite der style-umgebung. Ich wünsche allen viel spass beim durchschaun.</p><br>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
      </div>


      <div id="extension-left">Extension - left</div>
      <div id="extension-right">Extension - right</div>
</body>
</html>

Alles anzeigen

Mein eigener Ansatz war ein dummy-element einzufügen das floatet. Jedoch hatte ich bis jetzt damit leider nicht viel Erfolg : (

thilda

Ich habe mir nur auch die frage gestellt was eventuell "besser" ist. Auch von der perfomance her.
Lieber ein Bild einbinden oder eine SVG datei erzeugen lassen vom Serve.

Von der größe her nimmt es sich nichts. die SVG datei und die Bilder sind gleich groß.
Lediglich die CSS-fähigkeit sowie die flexibilität des SVG würden mir gerade als pluspunkte einfallen.

thilda

Hallo zusammen,
ich habe mir gerade ein wenig was zum thema svg durchgelesen und wollte mal fragen wie da eure erfahrungen mit sind und was ihr allg. davon haltet.

Und so ganz nebenbei wollte ich auch noch fragen ob ihr vielleicht eine lösung habt wie man ein svg serverseitig generiert und dann in eine website einbindet?
Also ich überlege gerade ob es ein lösung gibt ohne irgendetwas zwischen zu speichern.
Und ich will es in einem html4.0 text verwenden.

Freue mich über regen austausch.
Danke schonmal

thilda

Hey, also an sich hab ich das verstanden und werd mich da mal einarbeiten.
Das mit den einzelnen Objekten hab ich jetzt noch nicht gefunden, aber es wird sicher.

Was mich gerade am meisten stört. ich habe nirgends gefunden wie ich an den doctype rankomme. Ich würde ihn sehr gerne ändern, habe aber keine ahnung wie.
Kann mir da nochmal jemand helfen, bitte?

Alles liebe
thilda

thilda

Gibt es diesbezüglich ein paar schöne tutorials die man empfehlen kann.
Haber leider bei meinen bisherigen suchen nicht so viel dazu gefunden.

Ist vielleicht auch nicht ganz so üblich...

thilda

Hallo zusammen,
ich kenne mich leider mit JS und jQuerry nicht aus und bevor ich mich in die Materie einlese und Bücher kaufe und all sowas wollte ich erstmal kurz anfragen ob meine Idee überhaupt funktioniert.

Es geht darum das auf einem Server ein Frameset angeboten wird.
Nun möchte ich für meinen Bowser das Frameset abändern und erstmal ein iframe draus machen. Später will ich dann an einigen stellen noch ein paar andere elemente, wie zB ein paar Absätze, Divs und Klassen einfügen.

Ich habe also vor die Website für mich und meinen Browser selber um zu gestalten.

Ist das möglich, oder habe ich da zu viel geträumt?

thilda

ich hab leider nix online, ist nur grad ne spielerei auf dem rechner. Und auch schon wieder gelöscht.
müsste man also nochmal schreiben.

thilda

Aber scheinbar nur eins von beiden wie ich das mal ausgetestet habe, oder?

Also ein menu was in y-richtung ein overflow=scroll und in x-richtung ein overflow=visible hat geht nicht oder?

thilda

Hallo zusammen,
ich hab mal ein Verständnissfrage.

Wenn ich einen Fixen Bereich habe, nehmen wir an es ist ein Menu. Und jetzt ganz zufällig hin und wieder ein paar Punkte aus dem Menu-unterpunkten, welche als Drop-out daher kommen, seitwärts den Menubereich überschreiten...
Dann sollte ja im normalfall mit overflow das verhalten geklärt werden. visible,hidden, scroll... Das ist alles klar.
Nur habe ich für das Menu schonmal 'scroll' gesetzt, das es für die länge nach unten auf jeden fall scrollt.
Wie bekomme ich jetzt aber den Bereich nach recht, weil das menu links steht, auf 'visible'?

Ich habe zb gesehen das css3 ein overflow in 'x' und 'y' richtung anbietet. Da das aber css3 ist und ich gerne alles erstmal bei css2 belassen möchte, das es wirklich funktioniert....

Habe ich da irgendwie eine möglichkeit das umzusetzen oder muss ich da einfach drauf verzichten?

thilda

Habe den css-code nur für das forum so eingebunden... war irgendwie schneller zum probieren gedacht.
Und die leerzeichen und so... das muss so. ich finde sonst nichts wieder^^

danke aber schonmal für die rückmeldungen.

thilda

Hi zusammen,
ich stehe gerade total auf dem schlauch.
Habe es nun endlich geschaft ein menu zu zaubern das so funktioniert wie ich es will... nun wollte ich einfach nochmal eure meinung hören ob das auch so wirklich richtig ist oder ob man das besser lösen kann.

Hier der Brei:

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="content-language" content="de">
   <meta http-equiv="cache-control" content="no-cache">
   <meta http-equiv="pragma" content="no-cache">


<style="text/css">
   .untermenu-global_overview {
      width: 15em;
      position: absolute;
      left: -999em;
      z-index: 1;
   }
   ul.allgemeine_links li:hover ul { left: auto; position: static;}
</style>  
   <title></title>
</head>
<body>
                  <ul class="allgemeine_links">
                     <li class="Globale_Übersicht"><a href="index.php?category=glob_overview" title="oberpunkt1">Oberpunkt1</a>
                        <ul class="untermenu-global_overview">
                           <li>Unterpunkt1</li>
                           <li>Unterpunkt2</li>
                           <li>Unterpunkt3</li>
                        </ul>
                     </li>
                     <li class="Allianzen"><a href="index.php?category=allianzen" title="oberpunkt2">Oberpunkt2</a></li>
                     <li class="Stufenrechner"><a href="index.php?category=stufenrechner" title="oberpunkt3">Oberpunkt3</a></li>
                     <li class="Galaxiesurfer"><a href="index.php?category=galaxiesurfer" title="oberpunkt4">Oberpunkt4</a></li>
                     </ul>
</body>
</html>

Alles anzeigen

thilda

Ach, ich liebe es.
Vielen vielen Dank.

thilda

Ich bin gerade ein wenig erschüttert so etwas von euch zu hören. Der FF zb zeigt auch gelegentlich ein paar Fehler bei der Seitenansich wenn ich es so mache wie auf der Seite zuvor geschrieben.
Mit der Div+hover variante funzt dann alles super.

Und eigentlich ist man doch schon sehr geneigt validen Code zu schreiben oder?

thilda

Das was ich da als letztes gepostet habe ist nicht valide... das weiß ich ja jetzt auch... Aber es funzt in Opera und Firefox^^
Habe dann das A als Div gesetzt und musste dann alles mit einem :hover machen ist aber nicht mehr das was ich will...

und es ist halt eigentlich ne tabelle...

thilda

naja... die infos sind eigentlich schon ein table. Das einziege was mir noch eingefallen ist das es vielleicht über display: table; gelöst werden kann.
Also alles ummodeln und dann so aussehen lassen.

Bekomme ich diesen tollen "klick"-effect eigentlich auch mit anderen elementen hin, außer dem a-Tag?

thilda

So... es funktioniert zwar. ABER.
In einem a-Tag darf kein Blockelement stehen. Der Table ist also verboten... Wie wird das also realisiert? So wie es oben steht meintest du es doch oder?

thilda

So, jetzt habe ich es dann doch geschafft.
Hier mein Ergebniss:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css"><!--
       table.built2_gebaeude tr td {vertical-align: top;}
       td.baukosten {width: 15px; display: inline-block;}
      .built2_gebaeude a.baukosten1 table {display: none;}
      .built2_gebaeude a.baukosten1:focus table,
      .built2_gebaeude a.baukosten1:active table {display: block; position: relative; width: 15em; top: 0; left: -10em;}
//-->
</style>
</head>


<body>
   <div id="table_div">
      <table class="built2_gebaeude">
         <tr>
            <td>Planetenzentrale (StufeX)</td>
            <td class="baukosten"><a class="baukosten1" href="#" title="Baukosten"><img src="blah/Image5.png" alt="Baukosten">


            <table>
            <tr>
            <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>111</td>
            <td>111</td>
            <td>111</td>
            <td>111</td>
            <td>111</td>
            <td>111</td>
            <td>111</td>
            <td>111</td>
         </tr>
</table></a></td>
            <td>Bauzeit</td>
            <td>11:11:11</td>
            <td class="bau_auftrag"><a href="" title="">Ausbauen auf Stufe X</a></td>
         </tr>
         </table>
         </div>
         </body>
         </html>

Alles anzeigen

Beiträge von thilda

regular expression

regular expression

regular expression

mittiges menu umfließen lassen

svg erstellen/einbinden/täglicher gebrauch

svg erstellen/einbinden/täglicher gebrauch

JS/Ajax/jQuerry - Frameset in iframes 'umwandeln'

JS/Ajax/jQuerry - Frameset in iframes 'umwandeln'

JS/Ajax/jQuerry - Frameset in iframes 'umwandeln'

Overflow - X-Richtung bei fixen bereichen...

Overflow - X-Richtung bei fixen bereichen...

Overflow - X-Richtung bei fixen bereichen...

vertikales menu - drop down

vertikales menu - drop down

Dropout ohne JS möglich?

Dropout ohne JS möglich?

Dropout ohne JS möglich?

Dropout ohne JS möglich?

Dropout ohne JS möglich?

Dropout ohne JS möglich?