CSS – die neusten Beiträge

Verwandte Themen
phpneedhelp
06.09.2019, 22:20
Beitrag wurde 1 Mal erneut eingestellt

Selbstständiger Programmierer werden, Lernzeit?

Hallo, ich möchte Selbstständiger Programmierer werden, da es die einzige tätigkeit ist, die mich wirklich erfüllt.

Ich habe bereits 2 Jahre erfahrung mit Java gesammelt, und nun möchte ich in einem Jahr soviel wissen ansammeln wie es nur möglich ist.

Meine Eltern haben mir einen Zeit puffer von einem Jahr gegeben, wo ich mich um die Selbstständigkeit kümmern soll.

Ich möchte in diesem Jahr so Gaß geben wie kein anderer. Mein Plan ist es Java,Unity, HTML,PHP,JavaScript und CSS zu "meistern".

Ich lerne schon seit 2 Wochen und komme langsam vorran.

Mein Plan bestand daraus:

6 Uhr aufstehen kurz duschen, dann lernen bis 13 Uhr.

13 Uhr kurz zum Sport um meinen Körper genau so fitt zu halten wie mein Geist.

14 Uhr nachhause wieder Duschen dann 1-2 Stunden Zocken/YT dann bis 19 Uhr weiter lernen. Dannach schaue ich weiter YouTube oder ich Zocke irgendwas.

So jetzt zur meiner Frage, wie viel kann ich mehr Lernen? Ich hatte vor das Zocken komplett aus meinem Leben zu schreichen, meine Sozialen kontakte alle Abzubrechen, um mich kontinuierlich auf das Lernen zu Konzentrieren.

Das heißt: schlafen, lernen, sport, lernen - return;

Komme ich damit schneller vorran? Ich möchte mein Ziel erreichen koste es was es wolle. Ich möchte aber auch kein BurnOut, damit ich immer weiter machen kann.

Wie soll ich mir meine Zeit einteilen, ich möchte mein Ziel erreichen, aber länger als ein Jahr hab ich nicht. Ich weiß das man als Selbstständiger Programmierer Geld verdienen kann, ich weiß auch wie ich das anstellen muss um damit Geld zu verdienen. Nur fehlt mir das nötige wissen in diesen Programmier sprachen.

Was sagt ihr dazu, sollte ich einfach so weiter machen oder mich mehr auf das Lernen konzentrieren.

Lern Tipps von erfahrenen Developer'n nehme ich mir jetzt auch bei denn Antworten zu herzen. alles andere natürlich auch!

Unnötiges Hintergrundwissen, wenn' es jemanden juckt - sonst einfach Skippen und Antworten:

Ich war bereits bei 8 - 9 Arbeitgeber, diese waren auch immer "nett". Nur fehlte mir immer was, oder mich störte etwas. Ich hab einfach gemerkt das, dass Arbeiten in der selben Täglichen Routine nichts für mich ist. Ich möchte mehr aus meinem Leben machen, kein Zahnrad sein, sondern die Ganze Uhr.

Nachdem ich meine letze Arbeit gekündigt hatte, da ich es nicht aushalte unter Affen zu Arbeiten, habe ich mich dazu Entschieden alles mögliche über Marketing zu lernen. Da kamm ich auf den Entschluss-

unten geht es weiter: (zeichenlimit erreicht)

Selbständigkeit, HTML, programmieren, CSS, Java, JavaScript, PHP, selbständig machen
11 Antworten
RoyBlunk
26.06.2020, 08:10
Mit Links

SVG-Favicon benutzt kein CSS?

Guten Tag,

ich möchte folgendes (Logo.svg) SVG-Element als Favicon setzen:

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1"
     xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink" 
     xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
     x="0px" 
     y="0px" 
     width="1134px" 
     height="702px" 
     viewBox="-36.12 -144.12 1134 702"
     enable-background="new -36.12 -144.12 1134 702" 
     xml:space="preserve">
    <polygon fill="red" points="556.56,0.84 574.8,39.96 193.68,445.56 18.24,445.8 0.24,406.32 459.48,56.04 "/>
    <polygon fill="red" points="801.479,0.84 819.72,39.96 438.6,445.56 263.16,445.8 245.16,406.32 704.399,56.04 "/>
    <polygon fill="red" points="1045.319,1.8 1063.56,40.92 682.439,446.52 507,446.76 489,407.28 948.239,57 "/>
    <polygon fill="blue" points="381.709,0.84 556.56,0.84 175.44,406.2 0.24,406.32 "/>
    <polygon fill="blue" points="626.63,0.84 801.479,0.84 420.36,406.2 245.16,406.32 "/>
    <polygon fill="blue" points="870.47,1.8 1045.319,1.8 664.2,407.16 489,407.28 "/>
</svg>

Jedoch verändert sich die Farbe nicht, sondern bleib nur schwarz.

Ich füge das Element im head so hinzu:

<link rel="icon" type="image/svg+xml" href="/Media/Images/Logo.svg">
HTML, Webseite, CSS, Favicon, Frontend, SVG
2 Antworten
Hendiplayer
21.05.2020, 17:13
Mit Bildern

Wie bekomme ich es hin, das die Kästen beim verkleinern des Fensters über die gesamte Länge geht?

Ich habe bisher das:

und verkleinert sieht es so aus:

Aussehen soll es aber so:

Hier mein Code:

<!DOCTYPE html>
<html>
   <head>
      <title></title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
      <style>
         header {
         text-align: center;
         font-size: 3em;
         padding: 5px;
         color: #fff;
         background-color: #FFBF00;
         }
         .wrapper { display:flex }
         @media screen and (max-width:620px) {
         .wrapper {display:block }
         }
         nav {
         width:15%;
         text-align: center;
         font-size: 2em;
         padding-right: 60px;
         color: #fff;
         background-color: #819FF7;
         margin-right: 10px;
         margin-bottom: 150px;
         }
         a {color: #fff }
         li {list-style: none }
         article {
         width:70%;
         color: #BDBDBD;
         }
         aside {
         color: #fff;
         width: 15%
         text-align: center;
         font-size: 1em;
         padding: 10px;
         padding-right: 60px;
         background-color: #01DFD7;
         margin-bottom: 150px;
         }
         footer {
         text-align: center;
         font-size: 1em;
         padding: 10px;
         padding-right: 60px;
         background-color: #D8D8D8;
         color: #A4A4A4;
         }
      </style>
   </head>
   <body>
      <header><h2>Header</h2></header>
      <div class="wrapper">
           <nav>
            <ul>
               <li><a href="" target="_blank">Link 1</a></li>
               <li><a href="" target="_blank">Link 2</a></li>
               <li><a href="" target="_blank">Link 3</a></li>
               <li><a href="" target="_blank">Link 4</a></li>
            </ul>
         </nav>
         <article>
            <h3>Lorem Ipsum</h3>
               <p>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.</p>
         </article>
         <aside>
            <h2>About</h2>
            <p>Lorem ipsum dolor<br>
               sit ametr,<br>
               consecteteuer<br>
               adipiscing elit.
            </p>
         </aside>
      </div>
      <footer>
         <p>&copy; </p>
      </footer>
   </body>
</html>
Bild zum Beitrag
HTML, CSS, HTML5
3 Antworten
Hendiplayer
21.05.2020, 10:55

Wie kann ich mit css die zwei div container untereinander mit Abstand dazwischen anzeigen lassen?

<!DOCTYPE html>
<html>
   <head>
      <title></title>
      <style>
         .haupt {
         margint top: 50px;
         }
         .b1 {
         float: left;
         width: 400px;
         padding: 20px 0;
         color: #01DF01;
         border-bottom-width: 3px;
         border-style: solid;
         width: 50;
         height: 30;
         background-color: #fff;
         }
         .b2 {
         float: both;
         width: 400px;
         padding: 20px 0;
         color: #01DF01;
         border-bottom-width: 3px;
         border-style: solid;
         width: 50;
         height: 30;
         background-color: #fff;
         }
      </style>
   </head>
   <body>
      <div class="haupt">
         <div class="b1">
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr,<br>
            sed diam nonumy eirmod tempor invidunt ut labore et<br>
            dolore magna aliquyam erat, sed diam voluptua.<br>
            At vero eos et accusam et justo duo dolores et
         </div>
         <div class="b2">
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr,<br>
            sed diam nonumy eirmod tempor invidunt ut labore et<br>
            dolore magna aliquyam erat, sed diam voluptua.<br>
            At vero eos et accusam et justo duo dolores et
         </div>
      </div>
   </body>
</html>                  
HTML, CSS
3 Antworten
KnowHow1001
15.05.2020, 14:45
Mit Bildern
Mit Links

Basic HTML Kästchen positionieren?

Hey.

Also ich weiß, dass es bei HTML divs gibt die sozusagen Blöcke sind die man mit Eigenschaften versehen kann via CSS.

nun wollte ich ein einfaches web layout gestalten aber scheitere daran, dass ich divisions einmal rechtsbündig und einmal linksbündig zentriere mit nem abstand dazwischen

wie ihr sehen könnt habe ich es dann zusammen gepfuscht bekommen sodass die abstände halbwegs passen.

gibt es da einen besseren zugang ? Bitte nur Tipps will selbst auf die Lösung kommen :)

bin auch schon am Überlegen den Code komplett neu zu schreiben :)

habe euch ein bild vom layout gemacht. dachte eigentlich ich mache für jedes kästchen eine eigene div umgeben von einer master div welche die komplette breite bestimmen soll.

und darin dann eben die einzelnen divs entweder zentrieren oder rechts / links

nur weil ich eben 2 kästchen in einer reihe habe dachte ich daran es mit einem table zu lösen und in der tr dann eben 2x TD damit die divs nebeneinander sein können

nicht geklappt. hab eigentlich schon so ziemlich alles probiert. divs hinzufügen, entfernen und über css habe ich versucht einzelne elemente zu manipulieren etc.

haut leider nicht hin.

Was meint ihr zu den bilder crop und größen veränderung. ich weiß man könnte es mit photoshop auf die entsprechende größé trimmen aber ich wollte es mit html/css schaffen :)

habe auch versucht den code Schön zu machen als "Lesbar", was hält ihr davon?

HTML

http://pastie.org/p/2vfSJIRfb5QSHBNQciATWO

Header CSS

http://pastie.org/p/6wEHhhZQWKYwwfC2RSxof3

Mainstyle CSS

http://pastie.org/p/5gFxKIEBpI0f5dlimjen9X

Footer CSS

http://pastie.org/p/5oUkLA58gIJ8cgWjw6gGTq

lg

Bild zum Beitrag
Computer, HTML, programmieren, CSS, Webdesign
3 Antworten

Meistgelesene Beiträge zum Thema CSS
Mehr meistgelesene Fragen zu CSS