WinFuture-Forum.de: [HTML/CSS] Inline bringen - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

[HTML/CSS] Inline bringen


#1 Mitglied ist offline   ph030 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.130
  • Beigetreten: 14. Juli 04
  • Reputation: 36
  • Geschlecht:unbekannt

geschrieben 04. Juni 2013 - 14:26

Hallo,

für einen Teil einer Website brauche ich eine nicht(!) JS-basierte Lösung, einen Bereich ein- und ausklappen zu können. Das habe ich gefunden und entsprechend umgesetzt, allerdings habe ich nun das Problem, dass ich die betreffenden Teile nicht in einer einzigen Zeile angeordnet bekomme, sondern das Zeug untereinander steht(wahrscheinlich wegen den <div>s).

<!DOCTYPE html>

<html>
<head>
    <title>###</title>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

    <style type="text/css">
        html, body, div, p { margin: 0em; padding: 0em; background-color: #fff; font-size: 100%}
        #header {text-align: center; margin:0;padding:0}
        #header h3 {background-color: #fff; color: #000;margin:0; padding:1.5em 0em}
        #header h1, h4, h5 { background-color: #fff;color:#000; margin: 0;padding:0}
        #header h1 {padding-top:.5em;}
        #header h4 {padding: .5em 0 1em 0;color: #000}
        #header a, a:visited {color: white;}
        #header p {background-color: #fff; color:#000; padding: 1em 0em}
        #nav {background-color: #fff; color: darkred; padding:0 0 0 6.5em;margin: 0}

        #nav .row ul li {display: inline}
        #nav {display: inline; clear: both}

        a {text-decoration: none}
        a:visited {color: inherit}

        .row { vertical-align: top; height:auto !important; }
        .list {display:none; }
        .show {display: none; }
        .hide:target + .show {display: inline; }
        .hide:target {display: none; }
        .hide:target ~ .list {display:inline; }
        @media print { .hide, .show { display: none; } }
    </style>
</head>

<body>
    <div id="header"><h3>bla bla</h3><h1>deluxe bla</h1><h4>jajablabla</h4><p>###<br><a href="#oink?" target="_blank">dududo</a><br>###</p></div>

    <div id="nav">
        <div class="row">
                    <a href="#show_1" class="hide" id="show_1"><h3>1</h3></a>
                    <a href="#hide_1" class="show" id="hide_1"><h3>1</h3></a>
                    <div class="list">
                        <ol style="list-style: decimal-leading-zero">
                            <li>###<span style="text-align: right;float: right">?</span></li>
                            <li>###<span style="text-align: right;float: right">?</span></li>
                            <li>###<span style="text-align: right;float: right">?</span></li>
                            <li>###<span style="text-align: right;float: right">?</span></li>
                        </ol>
                    </div>
                    <div class="row">
                    <a href="#show_2" class="hide" id="show_2"><h3>2</h3></a>
                    <a href="#hide_2" class="show" id="hide_2"><h3>2</h3></a>
                    <div class="list">
                        <ol style="list-style: decimal-leading-zero">
                            <li>---<span style="text-align: right;float: right">?</span></li>
                            <li>---<span style="text-align: right;float: right">?</span></li>
                            <li>---<span style="text-align: right;float: right">?</span></li>
                            <li>---<span style="text-align: right;float: right">?</span></li>
                        </ol>
                    </div>
                    </div>
        </div>
    </div>

</body>
</html>



Das Ziel ist es, 1&2 (natürlich Alibitexte) auf einer Zeile zu haben und den versteckten Inhalt jeweils darunter ein-/ausblenden zu können.

Ich hab schon divs hin- und hergeschoben und am CSS gespielt, bekomme es aber nicht hin. Kann jemand helfen oder wäre das überhaupt nicht (ohne JS) zu realisieren?
0

Anzeige



#2 Mitglied ist offline   Fatality 

  • Gruppe: aktive Mitglieder
  • Beiträge: 32
  • Beigetreten: 24. Februar 07
  • Reputation: 2
  • Geschlecht:Männlich
  • Wohnort:Augsburg
  • Interessen:Webentwicklung, Linux, Musik, Sport

geschrieben 07. Juni 2013 - 19:19

Hi,

wenn ich dich richtig verstanden habe, möchtest du die beiden Navigationen (1 & 2) nebeneinander anzeigen? Wenn ja setzt du um beide einen Container (indemfall ein <div class="row">) und gibst denen jeweils ein display: inline-block, damit diese nicht umbrechen. Alternativ könnte man beide auch einfach nebeneinander floaten.

<!DOCTYPE html>

<html>
<head>
    <title>###</title>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

    <style type="text/css">
        html, body, div, p { margin: 0em; padding: 0em; background-color: #fff; font-size: 100%}
        #header {text-align: center; margin:0;padding:0}
        #header h3 {background-color: #fff; color: #000;margin:0; padding:1.5em 0em}
        #header h1, h4, h5 { background-color: #fff;color:#000; margin: 0;padding:0}
        #header h1 {padding-top:.5em;}
        #header h4 {padding: .5em 0 1em 0;color: #000}
        #header a, a:visited {color: white;}
        #header p {background-color: #fff; color:#000; padding: 1em 0em}
        #nav {background-color: #fff; color: darkred; padding:0 0 0 6.5em;margin: 0}

        #nav .row ul li {display: inline}
        #nav {display: inline; clear: both}

        a {text-decoration: none}
        a:visited {color: inherit}

        .row { vertical-align: top; height:auto !important; display: inline-block; width: auto; margin-right: 30px;}
        .row > h3 { margin-top: 0; }
        .list {display:none; }
        .show {display: none; }
        .hide:target + .show {display: inline; }
        .hide:target {display: none; }
        .hide:target ~ .list {display:inline; }
        @media print { .hide, .show { display: none; } }
    </style>
</head>

<body>
    <div id="header">
        <h3>bla bla</h3>
        <h1>deluxe bla</h1>
        <h4>jajablabla</h4>
        <p>###<br><a href="#oink?" target="_blank">dududo</a><br>###</p>
    </div>

    <div id="nav">
        <div class="row">
            <h3 class="hide" id="show_1"><a href="#show_1">1</a></h3>
            <h3 class="show" id="hide_1"><a href="#hide_1">1</a></h3>
            <div class="list">
                <ol style="list-style: decimal-leading-zero">
                    <li>###<span style="text-align: right;float: right">?</span></li>
                    <li>###<span style="text-align: right;float: right">?</span></li>
                    <li>###<span style="text-align: right;float: right">?</span></li>
                    <li>###<span style="text-align: right;float: right">?</span></li>
                </ol>
            </div>
        </div>
        <div class="row">
            <h3 class="hide" id="show_2"><a href="#show_2">2</a></h3>
            <h3 class="show" id="hide_2"><a href="#hide_2">2</a></h3>
            <div class="list">
                <ol style="list-style: decimal-leading-zero">
                    <li>---<span style="text-align: right;float: right">?</span></li>
                    <li>---<span style="text-align: right;float: right">?</span></li>
                    <li>---<span style="text-align: right;float: right">?</span></li>
                    <li>---<span style="text-align: right;float: right">?</span></li>
                </ol>
            </div>
        </div>
    </div>

</body>
</html>


Sag bescheid ob das so passt, sonst kann ich morgen nochmal genauer drauf schauen.
unique message status for all kind of states...
1

#3 Mitglied ist offline   ph030 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.130
  • Beigetreten: 14. Juli 04
  • Reputation: 36
  • Geschlecht:unbekannt

geschrieben 07. Juni 2013 - 20:09

Danke dir, das bringt in der Tat die Sachen schonmal in eine Reihe - insgesammt sollen da mehr Menupunkte in eine Reihe, aber das ist dann ja keine Kunst mehr.

Probleme mit deiner derzeitigen Lösung:
1. Ich möchte irgendwie einen Offset realisieren, so dass die Einblendungen jeweils an der selben Stelle angezeigt werden. Derzeit jumped die "2" zur Seite, wenn ich die "1" aktiviere.

2. Warum auch immer funktioniert es derzeit mit deiner Lösung nicht, dass die "?" am rechten Rand angezeigt werden, d.h. der gesetzte float:right wird scheinbar ignoriert.

Danke soweit schonmal.
0

#4 Mitglied ist offline   Fatality 

  • Gruppe: aktive Mitglieder
  • Beiträge: 32
  • Beigetreten: 24. Februar 07
  • Reputation: 2
  • Geschlecht:Männlich
  • Wohnort:Augsburg
  • Interessen:Webentwicklung, Linux, Musik, Sport

geschrieben 08. Juni 2013 - 10:12

Das liegt jeweils daran das beide <div class="row"> keine feste Breite haben. Will heißen, dem einfach eine Breite von sagen wir mal 120px geben und es gibt kein "jumpen" mehr und die "?" werden auch jeweils rechts angezeigt.

Noch ein kleiner Tipp: Inline CSS ist schwer wartbar, ich würde jede CSS Angabe in den Header bzw. in eine CSS-Datei packen.

Hier der vollständige Code (habs nur im Chrome getestet):

<!DOCTYPE html>
<html>
<head>
    <title>###</title>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <style type="text/css">
        html, body, div, p { margin: 0em; padding: 0em; background-color: #fff; font-size: 100%}
        #header {text-align: center; margin:0;padding:0}
        #header h3 {background-color: #fff; color: #000;margin:0; padding:1.5em 0em}
        #header h1, h4, h5 { background-color: #fff;color:#000; margin: 0;padding:0}
        #header h1 {padding-top:.5em;}
        #header h4 {padding: .5em 0 1em 0;color: #000}
        #header a, a:visited {color: white;}
        #header p {background-color: #fff; color:#000; padding: 1em 0em}
        #nav {background-color: #fff; color: darkred; padding:0 0 0 6.5em;margin: 0}

        #nav .row ul li {display: inline}
        #nav {display: inline; clear: both}

        a {text-decoration: none}
        a:visited {color: inherit}

        .row { vertical-align: top; height:auto !important; display: inline-block; width: 120px; margin-right: 30px;}
        .row > h3 { margin-top: 0; }
        .row ol { list-style: decimal-leading-zero; }
        .row span { text-align: right; float: right; }
        .list {display:none; }
        .show {display: none; }
        .hide:target + .show {display: inline; }
        .hide:target {display: none; }
        .hide:target ~ .list {display:inline; }
        @media print { .hide, .show { display: none; } }
    </style>
</head>
<body>
    <div id="header">
        <h3>bla bla</h3>
        <h1>deluxe bla</h1>
        <h4>jajablabla</h4>
        <p>###<br><a href="#oink?" target="_blank">dududo</a><br>###</p>
    </div>
    <div id="nav">
        <div class="row">
            <h3 class="hide" id="show_1"><a href="#show_1">1</a></h3>
            <h3 class="show" id="hide_1"><a href="#hide_1">1</a></h3>
            <div class="list">
                <ol>
                    <li>###<span>?</span></li>
                    <li>###<span>?</span></li>
                    <li>###<span>?</span></li>
                    <li>###<span>?</span></li>
                </ol>
            </div>
        </div>
        <div class="row">
            <h3 class="hide" id="show_2"><a href="#show_2">2</a></h3>
            <h3 class="show" id="hide_2"><a href="#hide_2">2</a></h3>
            <div class="list">
                <ol>
                    <li>---<span>?</span></li>
                    <li>---<span>?</span></li>
                    <li>---<span>?</span></li>
                    <li>---<span>?</span></li>
                </ol>
            </div>
        </div>
    </div>
</body>
</html>

unique message status for all kind of states...
0

#5 Mitglied ist offline   ph030 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.130
  • Beigetreten: 14. Juli 04
  • Reputation: 36
  • Geschlecht:unbekannt

geschrieben 08. Juni 2013 - 13:14

Danke, das verhindert erfolgreich das gejumpe, allerdings ist der auftauchende Text halt nie an der selben Stelle. Darüber hinaus könnte das mit der definierten width problematisch oder unschön werden, wenn 1&2&... durch die richtigen Texte ersetzt werden - spätestens auf dem Handydisplay.

Bzgl. inline CSS ist klar, ich wollte hier nur nicht 2 Files/Textboxen warten müssen.

Wenn das ganze mal fertig ist, soll es ein kleiner Freundschaftsdienst für ein befreundetes Restaurant werden, nichts großes. Daher möchte ich möglichst das rumgescrolle - gerade auf dem Handy - vermeiden, allein eine Speisekarte ist ja schon relativ lang.

                           header1
                           header2
                           header3

über   speisekarte   anfahrt   öffnungszeiten    kontakt    impressum

---------------------------------------------------------------------
bereich in dem immer der jeweilige text aufploppen soll


---------------------------------------------------------------------
                           footer


So grob skizziert wäre das ideal.

Mit JS wäre das wahrscheinlich recht einfach möglich, aber davon hab ich erstens 0 Ahnung, dann eine allgemeine Aversion dagegen und natürlich macht das auch wieder mehr Datentransfer.
0

#6 Mitglied ist offline   Fatality 

  • Gruppe: aktive Mitglieder
  • Beiträge: 32
  • Beigetreten: 24. Februar 07
  • Reputation: 2
  • Geschlecht:Männlich
  • Wohnort:Augsburg
  • Interessen:Webentwicklung, Linux, Musik, Sport

geschrieben 09. Juni 2013 - 21:55

Sorry für die etwas späte Antwort,

Ich hab mich mal hingesetzt und mit dem CSS rumgespielt, hab auch eine Lösung von der ich glaube die sollte deinen Vorgaben - in etwa - entsprechen. Aber gleich mal vorweg: Ja mit JS ist es deutlich einfacher und wird aller Voraussicht nach auf allen Geräten sinnvoll funktionieren (mit CSS unwahrscheinlich... IE...).

Die Lösung die ich jetzt hab ist mit absoluter Positionierung und funktioniert soweit im Chrome. Die Werte für die Abstände können dabei aber von Browser zu Browser variieren, das müsste man testen. Ich hab dir ebenfalls gleich CSS-Angaben für Bildschirme kleiner 660px gemacht. Allerdings wird auch hier das Problem mit Abständen etc. sein.

Aber ich hoff darauf lässt sich für dich aufbauen :)

<!DOCTYPE html>
<html>
<head>
    <title>###</title>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <style type="text/css">
        body { margin: 0; color: #333; padding: 0 1em; font-size: 100%; background-color: #fff; }
        a { color: #111; text-decoration: none; }
        header h1, header h2, header h3 { margin: 0 0 1em; text-align: center; }
        ul.navlist { margin: 0; padding: 0; width: 100%; position: relative; list-style: none; list-style-image: none; }
        ul.navlist > li { float: left; width: 16.66%; text-align: center; }
        ul.navlist > li:last-child { width: 16.6%; }
        ul.navlist > li > span { padding: 0.4em 0; display: block; background-color: #dadada; border-bottom: 1px solid grey; }
        .list { display: none; position: absolute; width: 100%; height: auto; left: 0; top: auto; background-color: #ccc; }
        .list ul { margin: 0; padding: 0; list-style: none; list-style-image: none; }
        .list ul li { padding: 0 2em; display: block; text-align: left; }
        .list ul li span { text-align: right; float: right; }
        ul.navlist li span.show { display: none; }
        .hide:target + .show { display: block; }
        .hide:target { display: none; }
        .hide:target ~ .list { display: block; }
        @media print { .hide, .show { display: none; } }
        .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0;  overflow: hidden; }
        .clearfix:after { clear: both; }
        .clearfix { zoom: 1; }
        @media only screen and (max-width: 600px) {
            ul.navlist > li { float: none; width: 100%; display: block; }
            ul.navlist > li:last-child { width: 100%; }
            .list { top: 204px; }
        }
    </style>
</head>
<body>
    <header>
        <h1>bla bla</h1>
        <h2>deluxe bla</h2>
        <h3>jajablabla</h3>
    </header>
    <nav>
        <ul class="navlist clearfix">
            <li>
                <span id="show_1" class="hide"><a href="#show_1">über</a></span>
                <span id="hide_1" class="show"><a href="#hide_1">über</a></span>
                <div class="list clearfix">
                    <ul>
                        <li>###<span>?</span></li>
                        <li>###<span>?</span></li>
                        <li>###<span>?</span></li>
                        <li>###<span>?</span></li>
                    </ul>
                </div>
            </li>
            <li>
                <span id="show_2" class="hide"><a href="#show_2">Speisekarte</a></span>
                <span id="hide_2" class="show"><a href="#hide_2">Speisekarte</a></span>
                <div class="list">
                    <ul>
                        <li>---<span>?</span></li>
                        <li>---<span>?</span></li>
                        <li>---<span>?</span></li>
                        <li>---<span>?</span></li>
                    </ul>
                </div>
            </li>
            <li>
                <span id="show_3" class="hide"><a href="#show_3">Anfahrt</a></span>
                <span id="hide_3" class="show"><a href="#hide_3">Anfahrt</a></span>
                <div class="list">
                    <ul>
                        <li>+++<span>?</span></li>
                        <li>+++<span>?</span></li>
                        <li>+++<span>?</span></li>
                        <li>+++<span>?</span></li>
                    </ul>
                </div>
            </li>
            <li>
                <span id="show_4" class="hide"><a href="#show_4">Öffnungszeiten</a></span>
                <span id="hide_4" class="show"><a href="#hide_4">Öffnungszeiten</a></span>
                <div class="list">
                    <ul>
                        <li>===<span>?</span></li>
                        <li>===<span>?</span></li>
                        <li>===<span>?</span></li>
                        <li>===<span>?</span></li>
                    </ul>
                </div>
            </li>
            <li>
                <span id="show_5" class="hide"><a href="#show_5">Kontakt</a></span>
                <span id="hide_5" class="show"><a href="#hide_5">Kontakt</a></span>
                <div class="list">
                    <ul>
                        <li>***<span>?</span></li>
                        <li>***<span>?</span></li>
                        <li>***<span>?</span></li>
                        <li>***<span>?</span></li>
                    </ul>
                </div>
            </li>
            <li>
                <span id="show_6" class="hide"><a href="#show_6">Impressum</a></span>
                <span id="hide_6" class="show"><a href="#hide_6">Impressum</a></span>
                <div class="list">
                    <ul>
                        <li>~~~<span>?</span></li>
                        <li>~~~<span>?</span></li>
                        <li>~~~<span>?</span></li>
                        <li>~~~<span>?</span></li>
                    </ul>
                </div>
            </li>
        </ul>
    </nav>
</body>
</html>

unique message status for all kind of states...
1

#7 Mitglied ist offline   ph030 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.130
  • Beigetreten: 14. Juli 04
  • Reputation: 36
  • Geschlecht:unbekannt

geschrieben 10. Juni 2013 - 08:12

Ach, warum denn sorry, ich freu mich auf jedenfall über die Hilfe und ich will dir ja nicht dein WE ruinieren :)

Soweit sieht das jedenfalls schon supi aus bzw. funktioniert, wie ich mir das dachte, zumindestens in Opera, FF und Webkit-Browsern. IE und mobil kann ich erst später testen, aber mit nem klein geschobenen Browserwindow funktioniert's schonmal.

Dafür also schonmal ein dickes Danke und +1, ich werde das dann mal mit sinnvollem Text befüllen und gucken wie's aussieht.

Zwei Sachen hätte ich aber noch, ev. kannst du da helfen.

1) Was man derzeit via dem "über"-Link ausklappt, kann man das so einrichten, dass der Block per default ausgeklappt wird, sobald die Seite lädt?

2) Bzgl. des Headers, ich möchte den sozusagen als passende Flagge repräsentiert haben, in dem Falle grün/weiß/rot (italienisch), wobei der Text sich nur üben den weißen Teil erstrecken und die drei Bereiche natürlich gleich groß sein sollen. Das bekam ich bis jetzt nur horizontal hin, nicht vertikal, aber wenn der Italiener zum Iren wird, ist natürlich stunk :P

Danke nochmal soweit.
0

#8 Mitglied ist offline   Fatality 

  • Gruppe: aktive Mitglieder
  • Beiträge: 32
  • Beigetreten: 24. Februar 07
  • Reputation: 2
  • Geschlecht:Männlich
  • Wohnort:Augsburg
  • Interessen:Webentwicklung, Linux, Musik, Sport

geschrieben 11. Juni 2013 - 20:33

Ich kann ja verstehen das man etwas gegen Javacript hat, aber in deinem Fall wäre es wohl wirklich besser eine JavaScript basierte Lösung zu basteln. Ich schwöre auch dass das ganze in wenigen Codezeilen gemacht werden kann (zumindestens mit jQuery) ;).

Aber zum Thema... den ersten Punkt kann ich dir nicht erfüllen ohne JS, hab jetzt verzweifelt versucht das mit reinen CSS zu lösen, das haut aber nicht hin. Funktionieren würde es natürlich nur wenn man die Seite direkt mit Anker lädt (also z.b. http://localhost/test.html#show_1 oder so nen Quark).

Wenn hier aber jemand eine reine CSS-Lösung dazu findet, her damit, ich will sehen wie sich das lösen lässt.

Zum zweiten Punkt: Der ist einfacher und erfordert auch nicht viel Arbeit. Einfach drei Container definieren, in den zweiten (den "weißen") die Überschriften rein und dann noch bissel CSS dazu und fertig hast eine Flagge :)

HTML-Teil:
<header class="clearfix">
    <div class="green"></div>
    <div class="white">
        <h1>bla bla</h1>
        <h2>deluxe bla</h2>
        <h3>jajablabla</h3>
    </div>
    <div class="red"></div>
</header>


CSS:
header > div {
    width: 33.33%;
    height: 10em;
    float: left;
}
header .green { background-color: green; }
header .red { background-color: red; }



Wichtig ist halt die Angabe der Höhe, sonst sieht alles kaputt aus. Das sollte auch responsive funktionieren, kann nur sein das man die Schriftgröße etwas kleiner machen sollte wenn der Bildschirm relativ klein ist.

Ich frag mal noch so rum, ob vielleicht doch jemand eine pure CSS-Lösung kennt und lass es dich wissen. Sag bescheid wenn das in JS brauchst, sollte ne Kleinigkeit sein.
unique message status for all kind of states...
0

#9 Mitglied ist offline   ph030 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.130
  • Beigetreten: 14. Juli 04
  • Reputation: 36
  • Geschlecht:unbekannt

geschrieben 12. Juni 2013 - 13:21

Mir geht's bei der JS-Problematik in erster Linie nicht um den Umfang, sondern um die Wartung und Pflege, v.a. aus der Sicht eines Noobs, der nach Feierabend ev. nur mal kurz die Preise anpassen oder ein paar Zeilen für eine Veranstaltung einfügen will.

Bzgl. einer reinen Lösung via CSS, ka ob es möglich ist, aber: wie wäre es, den Begrüßungstext standardmäßig zu zeigen und die anderen Texte darüber einzublenden, in einer Box mit passender Hintergrundfarbe, so dass sie das andere überlagert?
0

#10 Mitglied ist offline   Fatality 

  • Gruppe: aktive Mitglieder
  • Beiträge: 32
  • Beigetreten: 24. Februar 07
  • Reputation: 2
  • Geschlecht:Männlich
  • Wohnort:Augsburg
  • Interessen:Webentwicklung, Linux, Musik, Sport

geschrieben 13. Juni 2013 - 19:42

Mit Begrüßungstext meinst du nun genau?

Was man wegen dem Menü evtl. machen könnte ist mit z-index zu arbeiten so das der ausgewählte jeweils einen höheren hat als die anderen. Das könnte eventuell das Problem lösen mit "über" beim Start direkt anzuzeigen. Dazu aber gleich vorneweg: Da wird es Probleme mit IE <= 9 geben.

Wenn ich mal wieder Zeit finde, schau ich das ich dir eine Lösung präsentieren kann.

Wie aufwendig wird die Seite im allgemeinen denn? Denn wenn wirklich viele Browserhacks, CSS3-Features usw. eingebaut werden sollen, braucht man zumindestens auf älteren Browsern einen Fallback und der wird nur per JS realisierbar sein. Oder spielen ältere Browser keine Rolle (namentlich eigentlich nur der IE...)?
unique message status for all kind of states...
0

#11 Mitglied ist offline   ph030 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.130
  • Beigetreten: 14. Juli 04
  • Reputation: 36
  • Geschlecht:unbekannt

geschrieben 13. Juni 2013 - 19:53

Zitat

Mit Begrüßungstext meinst du nun genau?
Das was derzeit via dem "über"-Link eingeblendet wird. Der Link sollte dann weg, stattdessen ein kurzer Text - "willkommen, blabla, das hier ist, blabla" - und diesen könnte man dann mit den Inhalten der anderen "Links" überlagern.

Zitat

Wie aufwendig wird die Seite im allgemeinen denn?
Nicht viel. Zwischen den Header und die Navbar kommt noch ein Bild, dann der Platz für die einzelnen Texte und zum Schluß noch ein kleiner Footer mit Verweisen auf Impressum, Steuer-ID, etc. Zu alledem kommt noch eine extra Seite mit einer kleinen Galerie und das wär's auch schon.

Mit dem IE kenn ich mich nicht aus, ist aber bezüglich der Zielgruppe auch nicht soo wichtig. Solange die Seite in FF, Chrome, Opera und Safari, sowie jeweils den mobilen Varianten funktioniert, bin ich happy und bis jetzt hab ich keine größeren Probleme festgestellt.

Hab morgen früh einen Termin bzgl. der Seite, da werd ich mal schauen, ob's noch Input gibt.

Danke, again ;)
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0