Suche Jemanden Der Mir Bei Meiner Website Hilft!!!

westhead · 25. April 2015

Hallo! Ich bin vor kurzem mit meiner Website: besser-erklärt.de online gegangen. Aber ich merke, dass es doch noch viele Probleme gibt, wie zum Beispiel die Website auch mobil zu machen, oder es verschieben sich die Texte, ... Deswegen suche ich jemanden der Lust hat, mit mir zusammen die Website richtig aufzubauen. Also jemanden, der sich mit HTML und CSS auskennt Es geht bei der Website um Nachrichten, die ich einfach mit einem Hintergrund, für jeden verständlich erkläre. Wer dazu dann natürlich auch Lust hat, kann Co-Autor werden. Bei Interesse einfach eine E-Mail schreiben: stele.99@web.de. Würde mich riesig freuen!!!

Jopo · 25. April 2015

Ich würde dir gerne helfen aber bin mit meiner Homepage zu sehr beschäftigt.
Aber Versuch doch mal mit % zu arbeiten.
Und dann media query dazu.
Also Quasi Responsive zu gestalten.
Schau dir mal http://deutscheradler.lima-city.de an.
Machmal das Browser Fenster groß und klein damit du weist was ich meine.
Also quasi so willst du es haben?

Arbeitete du mit Div Container oder Section?

Basi · 25. April 2015

Zitat von Jopo

Arbeitete du mit Div Container oder Section?

DIV.. 24 an der Zahl

Nitamud · 25. April 2015

Zitat von Basi

DIV.. 24 an der Zahl

Reicht für ne kleine Suppe

Jopo · 25. April 2015

Aso.
Bin ja mit dem Handy ja im HTML-Seminar drin und mein PC war gard aus.
Kannstbdu vielleicht dein CSS hier Posten?
Ich denke mal ich mache es mobil für dich

Basi · 25. April 2015

CSS

/* Besser erklärt! Nachrichten mit Hintergrund Script 1.0*/
/* Autor Stefanie Lemke */




body 
{
    background: url(images/background6.png);  
    background-attachment: fixed;
    background-position: center;
    background-position: top;
    background-color: #000000;
    width: auto;
    height: auto;
}










/* root_site Setup */




#root_site




{
    margin-top: 40px;
    height: auto;
    width: 860px;
    background-color: #FFF;
    border: thin #90EE90 solid; 
    border-top-left-radius: 20px; 
    border-top-right-radius: 20px;

}




    #head_main_container
    {
            background: #FFF;
            width: 100%;
            height: 230px; 
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;

    } 
            .header_background
            {
                height: 230px;
                width: 100%;
                background: url(images/logo3.png) no-repeat;
                background-position: center;
            }  


    #navi_main_container
    {
            background: #FFF;
            border-bottom: medium #008B00 dotted ;

            width: 100%;
            height: 40px;     
    }

        .navi_container
        {
            width: 100%;
            height: 40px;
        }

        .startseite
        {
            font-family: fantasystyle;
            font-size: x-large;
            text-decoration: none;
            background-image: linear-gradient( #BABABA,#E5E5E5);
            height: 100%; 
            width: 25%;
            margin-left: 0px;
            float: left;
            text-align: center;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            padding-left: 0px;
        }

        .nachrichten
        {
            font-family: fantasystyle;
            font-size: x-large;
            text-decoration: none;
            background-image: linear-gradient( #BABABA,#E5E5E5);
            height: 100%;
            width: 25%;
            margin-left: 0px;
            float: left;
            text-align: center;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            padding-left: 0px;
        }

        .hintergrund_nachrichten
        {
            font-family: fantasystyle;
            font-size: x-large;
            text-decoration: none;
            background: ;
            background-image: linear-gradient(#BABABA,#E5E5E5);
            height: 100%;
            width: 25%;
            margin-left: 0px;
            float: left;
            text-align: center;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            padding-left: 0px;
        }

        .kontakt_fragen
        {
            font-family: fantasystyle;
            font-size: x-large;
            text-decoration: none;
            background-image: linear-gradient( #BABABA,#E5E5E5);
            height: 100%;
            width: 25%;
            margin-left: 0px;
            float: left;
            text-align: center;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            padding-left: 0px;
        }

    #content_main_container
    {
            background: #E5E5E5; 
            width: 100%;
            height: 50em;
            border: thin #90EE90 solid; 
            border-top : none; 
    }

        .content_center_main
        {
            width: 100%;
            height: 100%; 
        }

        .aktuelle_themen
        {
            padding-top: 0.5em; 
            padding-left: 0.5em;
            padding-bottom: 0em;  
        }



        .aktuelle_nachricht1
        {

            padding-right: 0.3em;
            padding-left: 0.5em;
            padding-top: 0.5em;
            position: relative;
            float:left;
            text-align: left;
            border: 2px solid #90EE90;
            border-radius: 20px; 
            width: auto;
            height: auto;
            background-color: #F5FFFA;
            margin-left: 12.5%;
            margin-right: 12.5%;
            top: 1.5em;


        }



        .platz_bild1
        {

            background-color: #F5FFFA;
            width: 115px;
            height: 100px;
            float: left; 
        }



        .bodo_ramelow
        {




            padding: 2px;
            width:  5.7em;
            height: 8em;
            float: left;
            border-radius: 5px;







        }

        .weiter1
        {
            float: right;
        }
        .aktuelle_nachricht2
        {    
            padding-right: 0.3em;
            padding-left: 0.3em;
            padding-top: 0.5em;
            position: relative;
            float:left;
            text-align: left;
            border: 2px solid #90EE90;
            border-radius: 20px;
            width: auto;
            height: auto;
            background-color: #F5FFFA;
            margin-left: 12.5%;
            margin-right: 12.5%; 
            top: 2.5em;
        } 



        .weiter2
        {
            float: right;
        }

        .aktuelle_nachricht3
        {
            padding-right: 0.3em;
            padding-left: 0.3em;
            padding-top: 0.5em;
            position: relative;
            float:left;
            text-align: left;
            border: 2px solid #90EE90;
            border-radius: 20px;
            width: auto;
            height: auto;
            background-color: #F5FFFA;
            margin-left: 12.5%;
            margin-right: 12.5%;
            top: 3.5em;
        } 


        .weiter3
        {
            float: right;
        }




        
        .aktuelle_nachricht4
        {       
            padding-right: 0.3em;
            padding-left: 0.3em;
            padding-top: 0.5em;
            position: relative;
            float:left;
            text-align: left;
            border: 2px solid #90EE90;
            border-radius: 20px;
            width: auto;
            height: auto;
            background-color: #F5FFFA;
            margin-left: 12.5%;
            margin-right: 12.5%;
            padding-bottom: 0.5em;
            top: 4.5em;
        }
        .weiter4
        {
            float: right;
        }



    #footer_main_container
    {
            background: #D1D1D1;
            width: 100%;
            height: 50px; 

            border-bottom-left-radius: 20px;  
            border-bottom-right-radius: 20px; 
    }

Alles anzeigen

Jopo · 25. April 2015

Jo danke Basi

Suche Jemanden Der Mir Bei Meiner Website Hilft!!!

Jetzt mitmachen!

Teilen