Navigation wenn Schriftgrösse ändern verutsch die Schrift ?

Caro

Hallo,
ich möchte im folgendes FreeDesign die Navigationschrift auf 18 stellen und dann verutsch mir die Schrift irgendwie und die Navi sieht komisch aus.

zum FreeDesign
http://www.free-css.com/free-css-templ…33/blue-hosting

wenn man es runter ladet ist eine Datei namens "content.html" enthalten daran versuche ich mich erstmal aber ohne erfolg bis jetzt

direkter Vorschau des Original
http://www.free-css.com/assets/files/f…3/blue-hosting/

wäre jemand so freundlich und hilfr mir weiter ?

Schriftgrösse soll auf 18px

.

vielen Dank

EDIT
Link wurde geändert und Quelle hinzugefügt

Quelle
http://www.free-css.com/

MrMurphy

Hallo

Soll das zweimal derselbe Link sein?

Gruss

MrMurphy

Caro

ups
grnicht bemerkt

Link wurde geändert.

Danke für den Hinweis

MrMurphy

Hallo

Zitat

dann verutsch mir die Schrift irgendwie und die Navi sieht komisch aus

Mit solchen Fehlerbeschreibungen können wir wenig anfangen.

Meinst du die Navigation von dem blue-hosting?

Die Navigation enthält gleich mehrere Problemfälle.

Zunächst wird gefloatet, ohne sinnvoll zu clearen. Dadurch wird die Liste aus dem Dokumentenfluß genommen und übergeordnete Container können nicht mehr darauf reagieren.

Zusätzlich hat das umgebende div#nav eine Höhe von von 12px. Da kann natürlich keine 18px Schrift hineinpassen. Wenn du Größenangaben ändern willst musst du also immer auch nachschauen, ob alle umgebenden Container dies überhaupt zulassen. Und die Größe der umgebenden Container gegebenenfalls anpassen.

Oder handelt es sich um eine ganz andere Datei? Ich weiß jedenfalls nicht was ich herunterladen soll. Ich will auch gar nichts herunterladen.

Gruss

MrMurphy

Caro

Hallo,
ok verstehe ich wenn Du nichts Downloaden möchtest, dann mach ich es ebend mit Screenshots

so sieht das auch nach meiner änderung

Original sieht das so aus

ist nur die Datei "content.html" die beiliegt.

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>Blue Hosting | Content</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="default.css"/>
</head>
<body>
<!-- START PAGE SOURCE -->
<div id="container">
  <div id="header"> <a href="#"><img src="images/logo.gif" alt="" class="logo"/></a>
    <ul id="toplinks">
      <li><a href="#">Control Panel</a></li>
      <li><a href="#">Webmail Login</a></li>
    </ul>
  </div>
  <div id="nav">
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="hosting.html">Hosting</a></li>
      <li><a href="content.html">Domain Names</a></li>
      <li><a href="#">Latest News</a></li>
      <li><a href="#">About Us</a></li>
      <li><a href="#">Contact Us</a></li>
    </ul>
    <ul class="right">
      <li><a href="#"><strong>Order Now</strong></a></li>
      <li><a href="#">View Basket</a></li>
    </ul>
  </div>
  <div id="content">
    <h1>Content Page Title</h1>
    <p>Your Content Here</p>
  </div>
</div>
<div id="footer">
  <p class="left">Copyright &copy; 2010 <a href="#">Domain Name</a> - All Rights Reserved</p>
  <p class="right">Design by <a href="http://www.heartinternet.co.uk/reseller-hosting/reseller-hosting-resources.html">Reseller Hosting</a></p>
  <div style="clear:both;">&nbsp;</div>
</div>
<!-- END PAGE SOURCE -->
</body>
</html>

Alles anzeigen

CSS

Code

body {
    background:#EBEBEB;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#666;
}
.right {
    float:right;
}
.left {
    float:left;
}
img {
    border:none;
}
ul, li {
    margin:0;
    padding:0;
    list-style:none;
}
form {
    margin:0;
    padding:0;
}
a {
    color:#0088B5;
    font-weight:bold;
}
a:hover {
    color:#0078A0;
}
#container {
    width:930px;
    padding:15px;
    -moz-border-radius:13px;
    background:#fff;
    margin:10px auto;
    overflow:auto;
}
#content {
    width:930px;
    overflow:auto;
}
#header {
    width:930px;
    height:55px;
}
.logo {
    margin:15px;
    float:left;
}
ul#toplinks {
    float:right;
    color:#999;
    margin:0;
    padding:0;
    list-style:none;
}
ul#toplinks li {
    float:right;
    margin:3px 0 0 10px;
}
ul#toplinks a {
    color:#999;
    font-weight:normal;
}
ul#toplinks a:hover {
    color:#666;
    font-weight:normal;
}
#nav {
    padding:0;
    width:910px;
    background:#008DBC url(images/bg_nav.png) repeat-x bottom;
    padding:9px 0 10px 20px;
    -moz-border-radius:10px;
    color:#fff;
    height:18px; /* Original 12 */
    font-size:18px;/* hinzugekommen */
    margin:15px 0;
}
#nav li {
    padding-right:20px;
    float:left;
    display:block;
}
#nav a {
    color:#fff;
    text-decoration:none;
    font-weight:normal;
}
#nav a:hover {
    color:#33CCFF;
}
#footer {
    width:960px;
    text-align:center;
    margin:10px auto;
    padding-bottom:15px;
    clear:both;
}
#footer a {
    color:#999;
    font-weight:normal;
}
#topbox {
    width:890px;
    padding:20px;
    -moz-border-radius:10px;
    background:#00ACE6 url(images/bg_fptopbox.png) repeat-x bottom;
    overflow:auto;
    color:#fff;
}
#topbox h4 {
    color:#fff;
    font-size:20px;
    letter-spacing:-1px;
    margin:0;
    padding:0 0 5px 0;
}
#topbox input {
    border:1px solid #0093C4;
    padding:3px 3px;
    width:230px;
}
#topbox select {
    margin-left:3px;
}
#topbox .btn {
    padding:3px 5px;
    background:#004055;
    color:#fff;
    border:none;
    -moz-border-radius:3px;
    position:absolute;
    margin-left:5px;
    cursor:pointer;
    width:60px;
    font-size:11px;
}
#topbox .btn:hover {
    background:#005773;
}
#tbleft {
    float:left;
    width:450px;
    padding:15px 0 0 10px;
}
#tbleft .tld {
    width:75px;
}
#tbright {
    font-size:12px;
    float:right;
    width:390px;
    border-left:1px solid #00ACE5;
    padding-left:15px;
}
#tbright #boxleft {
    float:left;
    width:225px;
}
#tbright input {
    width:145px;
    margin:5px 0 0 5px;
}
#tbright p {
    float:right;
    margin:0;
    padding:0;
}
#tbright p.link {
    float:left;
    margin:13px 0 0 10px;
    font-size:11px;
    padding:0;
}
#tbright a {
    color:#fff;
    text-decoration:underline;
}
ul#promobox {
    width:930px;
    position:relative;
    float:left;
    margin-bottom:15px;
}
ul#promobox p {
    margin:0;
    padding:0;
}
ul#promobox li {
    width:270px;
    padding:20px 10px 20px 20px;
    float:left;
    background:#008DBC url(images/bg_promo1.png) repeat-x bottom;
    margin:15px 15px 0 0;
    -moz-border-radius:10px;
    color:#fff;
}
ul#promobox ul {
    margin:0 0 10px 0;
}
ul#promobox li ul li {
    margin:5px 0 0 0;
    background:url(images/bullet.png) no-repeat left center;
    padding:0 0 0 10px;
    width:250px;
}
ul#promobox li h3 {
    line-height:1;
    color:#fff;
    letter-spacing:-1px;
    font-size:25px;
    float:left;
    margin:0;
    padding:0 0 3px 0;
}
ul#promobox li .pricebox {
    line-height:1;
    float:right;
    text-align:center;
    padding-right:10px;
}
ul#promobox li .pricebox .lrg {
    line-height:1;
    letter-spacing:-1px;
    font-size:35px;
    font-weight:bold;
    margin:0;
    padding:0;
}
ul#promobox a {
    background:#004055;
    color:#fff;
    float:left;
    margin:15px 10px 0 0;
    padding:5px 10px;
    text-decoration:none;
    -moz-border-radius:5px;
    font-weight:normal;
}
ul#promobox a:hover {
    background:#005773;
}
ul#promobox li.two {
    background:#00ACE6 url(images/bg_promo2.png) repeat-x bottom;
}
ul#promobox li.three {
    margin-right:0;
    background:#09C1FF url(images/bg_promo3.png) repeat-x bottom;
}
#newsbox {
    width:575px;
    padding:20px;
    background:#f7f7f7;
    float:left;
    -moz-border-radius:10px;
}
#newsbox p {
    margin:0;
    padding:0;
}
#newsbox h5 {
    font-size:25px;
    letter-spacing:-1px;
    color:#006C91;
    margin:0;
    padding:0;
    line-height:1;
}
#newsbox h6 a {
    font-size:14px;
    letter-spacing:-1px;
    color:#006C91;
    margin:0;
    padding:0;
    line-height:1;
}
#newsbox h6 {
    margin-bottom:2px;
    padding:0;
    line-height:1;
}
#newsbox li {
    margin-top:15px;
    line-height:1.5em;
}
#newsbox .rss a {
    float:right;
    margin:3px 8px 0 0;
    color:#999;
    font-weight:normal;
}
#quotes {
    width:260px;
    padding:20px;
    float:right;
    background:#09C1FF url(images/bg_promo3.png) repeat-x bottom;
    -moz-border-radius:10px;
    color:#fff;
}
#quotes p {
    margin:0;
    padding:0;
}
#quotes h3 {
    line-height:1;
    letter-spacing:-1px;
    font-size:25px;
    margin:0;
    padding:0;
}
#quotes li {
    margin-top:17px;
    font-size:17px;
    font-weight:bold;
    letter-spacing:-1px;
}
#quotes a {
    float:left;
    color:#fff;
    padding:0;
    margin-top:15px;
}

Alles anzeigen

geändert habe ich nur (siehe kommentar)

Code

#nav {
    padding:0;
    width:910px;
    background:#008DBC url(images/bg_nav.png) repeat-x bottom;
    padding:9px 0 10px 20px;
    -moz-border-radius:10px;
    color:#fff;
    height:18px; /* Original 12 */
    font-size:18px;/* hinzugekommen */
    margin:15px 0;
}

Alles anzeigen

MrMurphy

Hallo

Der Link ist schon am Besten. Ich war mir nur nicht so sicher ob dein Link richtig war und ich an der richtigen Seite herumdoktore. Der verlinkte Datei ist offensichtlich das Free-Design mit Inhalt.

Da ich richtig war habe ich die Lösung bereits beschrieben.

height-Angaben sollten grundsätzlich unterbleiben. Der Inhalt von Containern wird durch ihren Inhalt bestimmt. Häufig werden wie in dem Beispiel durch height-Angaben Fehler an anderer Stelle vertuscht.

In der Navigation werden die li-Elemente durch falsche oder fehlende clear-/clearfix-Angaben aus dem Dokumentenfluß genommen. In der Navigation kann ein Clearfix mit der overflow-Methode verwendet werden.

Ersetze also

Code

#nav {
	padding:0;
	width:910px;
	background:#008DBC url(images/bg_nav.png) repeat-x bottom;
	padding:9px 0 10px 20px;
	-moz-border-radius:10px;
	color:#fff;
	height:12px;
	margin:15px 0;
}

durch

Code

#nav {
	padding:0;
	width:910px;
	background:#008DBC url(images/bg_nav.png) repeat-x bottom;
	padding:9px 0 10px 20px;
	-moz-border-radius:10px;
	color:#fff;
	overflow: hidden;
	margin:15px 0;
}

Es hat sich bewährt Schriftgrößen nur direkt den betroffenen / gewünschten Elementen zuzuweisen. In deinem Fall dem a-Element in #nav. So kann die Schriftgröße an anderer Stelle kein Unheil anrichten und wird selbst nicht durch andere Schriftgrößenangaben gestört.

Füge also zu

Code

#nav a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}

die Schriftgröße hinzu:

Code

#nav a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	font-size: 18px;
}

Und noch ein Rat: Benutze das Free-Design nicht um HTML / CSS zu lernen oder eine Webseite zu erstellen. Dazu ist der Quelltext zu veraltet. Die HTML-Version ist zum Beispiel XHTML, welches bereits 2008 offiziell begraben wurde und seitdem nicht mehr verwendet werden sollte.

Gruss

MrMurphy

Caro

Hallo,
Danke sxhön für die Hilfe.

Zitat

Und noch ein Rat: Benutze das Free-Design nicht um HTML / CSS zu lernen oder eine Webseite zu erstellen. Dazu ist der Quelltext zu veraltet. Die HTML-Version ist zum Beispiel XHTML, welches bereits 2008 offiziell begraben wurde und seitdem nicht mehr verwendet werden sollte.

aber was sollte man denn dann benutzten ?

MrMurphy

Hallo

Zitat

aber was sollte man denn dann benutzten ?

Vorlagen mit aktuellem HTML und CSS. Das klingt für Anfänger natürlich sehr theoretisch. Aber durch ein paar einfache Kontrollen lassen sich Seiten mit veraltetem Quelltext ganz gut aussortieren.

1. Die HTML-Datei sollte mit dem Doctype

Code

<!DOCTYPE html>

in der ersten Zeile beginnen.

2. Im body-Bereich sollten die Elemente (Container) header, nav, main und footer verwendet werden. div-Elemente sollten nur sehr selten verwendet werden.

3. Für das CSS sollte hauptsächlich class verwendet werden. id sollte die große Ausnahme sein. Das #-Zeichen sollte im CSS also möglichst überhaupt nicht vorkommen.

4. Im CSS sollte Flexbox

Code

display: flex;

vorkommen. Das ist bereits seit mehreren Jahren die korrekte und meist sinnvollste Methode zur Anordnung von Containern und Elementen.

5. Aktuelle Webseiten sollten heutzutage responsive sein. Bei einer Verringerung der Fensterbreite sollten sich die Elemente so anpassen, dass nicht seitwärts gescrollt werden muss.

Das sind fünf Anhaltspunkte für Webseiten mit aktuellem HTML / CSS, die zudem sehr leicht überprüft werden können.

An den fünf Anhaltspunkten lassen sich auch veraltete Anleitungen und Videokurse erkennen, die leider noch zu Hauf im Internet kursieren.

Gruss

MrMurphy

Caro

mhh Danke erstmal.

jetzt habe ich die ganze n8 an sowas wie auf dem Bild zu sehen ist gesessen

jedenfalls am Grundgerüst.

mit <Table> und so weiter ist das kein Problem aber Flesbox bin ich zu blöde.
ich habe sogar verschiedne Flexgeneratoren getestet aber da kann man nur einfache sache hinbekommen

mir würde das Grundgerüsst also die Anordnung der Boxen schon reichen, aber selbst dafür bin ich zu blöde.

MrMurphy

Hallo

Zitat

mir würde das Grundgerüsst also die Anordnung der Boxen schon reichen

Code

<body>
   <header class="pageheader">
      <div class="pageheaderhilfscontainer">
         <nav class="navigation">
            <p>Links nebeneinander mittig</p>
         </nav>
         <div class="suche">
            <p>Suche im Web mit Button</p>
         </div>
      </div>
      <figure class="logo">
         <figcaption>Logo<br>als Bild<br>mit Link</figcaption>
      </figure>
   </header>
   <div class="contentwrapper">
      <main class="content">
         <p>Inhalt</p>
      </main>
      <aside class="sidebar">
         <p>noch mehr Links untereinander mit hover und unterschiedliche Icons vor die Links</p>
      </aside>
   </div>
</body>

Alles anzeigen

Gruss

MrMurphy

Caro

Danke schön aber wo ist das CSS ?

MrMurphy

Hallo

Du hast nach dem Grundgerüst gefragt. Das ist im üblichen HTML-/CSS-Sprachgebrauch der HTML-Quelltext im body-Bereich.

Wenn du mit Fachbegriffen um dich schmeisst solltest du dich vorher über deren Bedeutung informieren. Sonst wird die Verständigung schwierig.

Wer um ein Grundgerüst bittet will das selbst mit seinem eigenen CSS gestalten.

Code

/*Basisangaben*/
   @media all {
      .navigation,
      .suche,
      .logo,
      .content,
      .sidebar {
         background-color: #B0D19A;
         color: white;
         border-radius: 0.3rem;
      }
      .pageheader,
      .contentwrapper {
         max-width: 1000px;
         margin: 1rem auto;
      }
   }


   /*.pageheader*/
   @media all {
      .pageheader {
         display: flex;
      }
      .pageheader .pageheaderhilfscontainer {
         margin-right: 1rem;
         flex-grow: 1;
         flex-shrink: 1;
         flex-basis: 1px;
      }
      .pageheader .logo {
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: 250px;
      }
   }


   /*.navigation*/
   @media all {
      .navigation {
         text-align: center;
         padding: 0.5rem 1rem;
         margin-bottom: 1rem;
      }
   }


   /*.suche*/
   @media all {
      .suche {
         text-align: center;
         padding: 0.5rem 1rem;
      }
   }


   /*.logo*/
   @media all {
      .logo {
         display: flex;
         justify-content: center;
         align-items: center;
      }
   }


   /*.contentwrapper*/
   @media all {
      .contentwrapper {
         display: flex;
      }
   }


   /*.content*/
   @media all {
      .content {
         padding: 2rem;
         margin-right: 1rem;
         flex-grow: 1;
         flex-shrink: 1;
         flex-basis: 1px;
      }
   }


   /*.sidebar*/
   @media all {
      .sidebar {
         padding: 2rem 2rem 10rem 2rem;
         flex-grow: 0;
         flex-shrink: 0;
         flex-basis: calc(250px - 4rem - 0px - 0rem);
      }
   }

Alles anzeigen

Und die Beispielseite zur direkten Ansicht

Beispielseite

Gruss

MrMurphy

Caro

Zitat von MrMurphy

Hallo
Wenn du mit Fachbegriffen um dich schmeisst solltest du dich vorher über deren Bedeutung informieren. Sonst wird die Verständigung schwierig.

ok,
werde versuchen es nicht mehr zu tun.

Dachte immer Grundgerüs heist HTML und CSS.

jetzt weis ich leider nicht wie man Links "<a href" am besten nebeneinander setzen sollte.

https://wiki.selfhtml.org/wiki/CSS/Anwen…t_CSS_gestalten

damit meine ich z.B. ul li, dl dt dd usw

MrMurphy

Hallo

Listen brauchst du dazu nicht.

Zu dem HTML

Code

<nav class="navigation">
            <a href="">Hamburg</a>
            <a href="">Paris</a>
            <a href="">London</a>
            <a href="">Madrid</a>
         </nav>

dieses CSS

Code

/*.navigation*/
   @media all {
      .navigation {
         margin-bottom: 1rem;
         display: flex;
         justify-content: center;
      }
      .navigation a {
         color: white;
         padding: 0.7rem 0.3rem;
      }
      .navigation a:focus,
      .navigation a:active,
      .navigation a:hover {
         background-color: gold;
      }
   }

Alles anzeigen

Ich habe mein Beispiel dazu angepasst.

Gruss

MrMurphy

Caro

Danke nochmal,
ich möchte sowas haben.

das rote mit runden ecken kommt vom hover und die Farbe wird gewechselt bei anderen Link.

Das habe ich mir irgendwie selber zusammengezimmert mit UL usw, aber sowas in Flxbox zu bekommen kann man vergessen oder ?

hier die anderen Screenshot mit hover

achso HTML

HTML

<nav id="nav-main">
    <ul>
        <li><a class="spk" href="xxx">Sparkasse</a></li>
        <li><a class="voba" href="xxx">Volksbank</a></li>
        <li><a class="pp" href="xxx">PayPal</a></li>
    </ul>
</nav>

CSS

Code

@import url('https://fonts.googleapis.com/css?family=Ubuntu|Ubuntu+Condensed|Ubuntu+Mono');
#nav-main ul li a {
font-family: 'Ubuntu Condensed', sans-serif;
font-size:18px;
text-decoration:none;
letter-spacing:1px;


}


#nav-main ul  {
    margin: 0;
    padding: 0;

}


#nav-main li {list-style-type: none;
    float: left;
}


#nav-main li a {
    display: block;
    /* color: white; */
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}




a.spk, a.voba, a.pp{ color: #ffffff; }
/* a.spk { color: #ff0000;} */
a.spk:hover{ background-color: #ff0000; }


/* a.voba { color: #005da8;} */
a.voba:hover { background-color: #005da8; }


/* a.pp { color: #019cde;} */
a.pp:hover{ background-color: #019cde; }

Alles anzeigen

Caro

Hallo,
keine Ahnung ob das so richtoig ist jedenfalls im Firefox sieht es ganz ok aus.

Es geht mir um den hover Effekt das der auf der linken Seite abgerundet ist und zwar nur bei den ersten der rest soll normal.

vorher

nacher

ich habe folgendes gemacht

Code

/*.navigation*/
   @media all {
      .navigation {
             margin-bottom: 1rem;
         display: flex;
         justify-content: left;
      }
      .navigation a { 
         color: red;
         padding: 0.7rem 1rem;
      }
       a.test:hover {border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;
        background-color: lightblue;
      }
       a.test1:hover {
         background-color: gold;
      }

          /*
          background-color: #327bb2;     
    background-image: url("bilder/test.jpg");
    background-repeat: repeat-x;

         text-align: center;
         padding: 0.5rem 1rem;
         margin-bottom: 1rem; */
       }

Alles anzeigen

das ist für das Abgerundete

Code

border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;

so sieht es im ganzen aus bis jetzt

RaDi

Zitat von MrMurphy

Hallo
Und die Beispielseite zur direkten Ansicht
Beispielseite

Hallo,
ich bin über Google auf dieses Thema (Beispielseite) gestoßen und möchte gerne wissen wie man den Footer genauso hin bekommt
wie z.B. Suche im Web mit Button
nur mit em Unterschied von der Breite her nicht breiter als "Inhalt und noch mehr Links untereinander mit hover und unterschiedliche Icons vor die Links" zusammen ist.

ich hoffe das ist verständlich ausgedrückt.

Arne Drews

Wie sieht denn Dein Versuch aus?
Hast Du Dir das Beispiel von MrMurphy mal im Detail angesehen? Wo genau kommst Du damit nicht weiter?

RaDi

Hallo,
so sieht es zur Zeit aus.

und so soll es sein

das Graue ".testborder" soll als Rahmen um das ganze gehen. Der Rahmen mit runde Ecken und gleichmässigen Abstand zum Inhalt haben.
Wobei das nach unten immer 100% soll und oben einen Aussenabstand von ca 30px
hier mit versuche ich das mit den Grauen Hintergrund

https://www.camma.ch/2010/01/12/css-layouts-mit-100-hoehe/

aber erstmal geht es um den Footer.

bis jetzt habe ich folgendes gemacht, ausgehend vom Original Code des Beispiels.

alles was mit "test" Beginnt ist von mir

Code

/*Zahlen* - font-family: 'Merriweather';*/
   @import url(https://fonts.googleapis.com/css?family=Merriweather);

.testborder {  
    background-color: #cecece;
    margin:auto;
    border-radius: 0.5rem;
}
   /*Basisangaben*/

Code

/*Basisangaben*/
   @media all {
      .navigation,
      .suche, .testfooter,
      .logo,
      .content,
      .sidebar {
         background-color: #B0D19A;
         color: white;
         border-radius: 0.5rem;
      }

Alles anzeigen

Code

/*.suche*/
   @media all {
      .suche, .testfooter {
         text-align: center;
         padding: 0.5rem 1rem;
      }
   }

HTML

<div class="testfooter">   
   <footer id="pagefooter" class="pagefooter">
      <p>Originaldiskussion: <a href="http://www.forum-hilfe.de/threads/58578-Navigation-wenn-Schriftgr%C3%B6sse-%C3%A4ndern-verutsch-die-Schrift?p=421537">http://www.forum-hilfe.de/ - zusätzliche Fragestellung</a></p>
   </footer>
</div>

</div>   
</body>

RaDi

Hallo,
habe ich was falsches gefragt ?

Tags