Warum ist der Text zentriert, die links aber nicht?

Beides ist im selben div (footercontent) definiert, trotzdem ist der text zentriert, die links aber nicht. Auch die weiße farbe wird nur auf den text und nicht die Links angewendet.

HTML:

<div class="subfooter">
        <div class="footercontent">
            <div id="footertext">
                <p> C hf 2020</p>
            </div>
            
            <div id="footerlinks">
                <a href="#">Home</a>
                <a href="#">Über Mich</a>
                  <a href="#">Portfolio</a>
                  <a href="#">Kontakt</a>
            </div>
            <div id="footersocialmedia">
                <a href="#" class="fa fa-facebook"></a>
                <a href="#" class="fa fa-twitter"></a>
            </div>
        </div>
    </div>

CSS:

.subfooter {
    height: 50px;
    background-color: #1D1D1D;
}
.footercontent {
    display: flex;
    font-family: lato;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 100;
    font-size: 15px;
    justify-content: center;
}
#footertext {
    margin-right: 30%;
    outline: 2px dashed orange;
}
#footerlinks {
    outline: 2px dashed orange;
}
#footersocialmedia {
    margin-left: 30%;
}
 /* Style all font awesome icons */
.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}
/* Add a hover effect if you want */ .fa:hover {   opacity: 0.7; }


/* Set a specific color for each brand */


/* Facebook */ .fa-facebook {   background: #3B5998;   color: white; }


/* Twitter */ .fa-twitter {   background: #55ACEE;   color: white; }


Warum ist der Text zentriert, die links aber nicht?
HTML, CSS, Webdesign
2 Antworten
HTML / CSS: Wie zentriere ich die Logos?

Ich werde hier verrückt. Ich habe einen ganzen Tag gebraucht, um die Bilder in ein Raster zu bekommen und jetzt schaffe ich es nicht, sie auf der Seite zu zentrieren und mit der Fenstergröße zu skalieren.

Dieses Chaos habe ich jetzt (Outlines sind nur für mich zur Orientierung):

Und so soll es eigentlich aussehen (gemacht in Adobe 😁):

Hier mein Code (ich habe die unwichtigen Stellen, z.B. zum Button, weggelassen, weil die Frage zu viele Zeichen hatte):

HTML:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HFFoto - Portfolio</title>
    <link rel="stylesheet" type="text/css" id="applicationStylesheet" href="portfolio_kunden.css"/>
    <link href="http://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet" type="text/css">
  </head>
  <body>
    <div id="fullbodybg">
      <div id="Headline">
        <span>Kunden;</span>
      </div>
      <div id="logos">
        <img class="griditem" id="hygge_logo" src="Hygge_Logo_final.png" srcset="Hygge_Logo_final.png, Hygge_Logo_final.png" >
        <img class="griditem" id="wellyou_Logo_Rot_Schwarz400" src="wellyou_Logo_Rot_Schwarz400.png" srcset="wellyou_Logo_Rot_Schwarz400.png 1x, wellyou_Logo_Rot_Schwarz400@2x.png 2x">
        <img class="griditem" id="Logo_muhlenbach" src="Logo_wei_.png" srcset="Logo_wei_.png 1x, Logo_wei_@2x.png 2x">
        <img class="griditem" id="Logo_neu_DOMKRUG" src="Logo_neu_DOMKRUG.png" srcset="Logo_neu_DOMKRUG.png 1x, Logo_neu_DOMKRUG@2x.png 2x">
        <img class="griditem" id="OMK_Kopie" src="OMK_Kopie.png" srcset="OMK_Kopie.png 1x, OMK_Kopie@2x.png 2x">
        <img class="griditem" id="hygge_logo_platzhalter" src="Hygge_Logo_final.png" srcset="Hygge_Logo_final.png, Hygge_Logo_final.png">
      </div>
      <div id="Portfolio_button">
        <div id="Portfolio_button_text">
          <span>Portfolio</span>
        </div>
      </div>
    </div>
  </body>
</html>

CSS:

html, body {
  max-width: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

#fullbodybg {
  position: absolute;
  width: 170%;
  height: 100%;
  overflow: visible;
  background: linear-gradient(110deg, #ffffff 50%, #000000 50%);
  outline: 5px dashed blue;
}

#logos {
  display: grid;
  grid-template-columns: repeat(3, 300px); /* 3 columns */
  grid-template-rows: repeat(2, 100px); /* 3 rows  */
  grid-gap: 50px 30px; /* 50 pixels of space added between rows and 30 pixels added between columns  */
  height: auto;
  max-height: 500px;
  width: auto;
  max-width: 1000px;
  outline: 5px dashed green;
}

.griditem {
  border: thin gray solid;
  padding: 20px;
}

img {
  width: 100%;
}
HTML / CSS: Wie zentriere ich die Logos?
HTML, Programmieren, CSS, Webdesign
1 Antwort
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

Basic HTML Kästchen positionieren?
Computer, HTML, Programmieren, CSS, Webdesign
3 Antworten
Probleme mit CSS Code, von bottom nach Top (JIMDO)?

Hallo ich habe folgendes Problem, ich habe einen Jimdo CSS Code gefunden welcher das Design des Cookie Banners ändert, sieht super aus das Design. Aber wie bekomme ich das hin das es nicht unten ist sondern oben auf der Seite? Jedes mal wenn ich irgendwo am Code etwas ändere in Top oder so, wird mir garnichts mehr angezeigt.

Kann mir bitte wer helfen?

/* cookies message */
cc-cookie-law-headline {
 font-weight:500;
 font-size:13px;
}

cc-cookie-law-button-group {
padding-bottom:10px;
display: flex;
}

cc-cookie-law-text {
  margin-bottom: 10px!important;
}

cc-cookie-law-headline, 
#cc-cookie-law-text a {
  color: #fff !important;
}

cc-inner {
  padding: 0 !important; 
}

.cc-page #cc-cookie-law {
  padding: 5px; 
  vertical-align: middle; 
  text-align: left; 
  font-size: 11px; 
  line-height: 120%; 
  border-bottom:none; 
  background: #000!important; 
  color: #cdcfd3 !important; 
  position: flex; 
  bottom: 0; 
  top: auto; 
}

.cc-page #cc-cookie-law-button,
.cc-page #cc-cookie-law-button:last-child { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
  margin-bottom: 1px; 
}

cc-cookie-law-button {
 width: inherit !important; 
}

.cc-page .cc-btn-icon span { 
  display:none; 
}

.cc-page #cc-cookie-law-button a.cc-btn.cc-btn-icon.btn-tick,
#cc-cookie-law-button a { 
  display: block; 
  margin:1px; 
  width: 100%; 
  box-sizing: border-box; 
  font-family: inherit; 
  box-shadow: none; 
  text-align:center; 
  border: none; 
  border-radius: 0; 
  line-height: 120%; 
  font-size: 13px; 
  text-shadow: none; 
  background-color: 
  #222 !important; 
  color: #fff !important; 
  padding: 8px 10px; 
  -webkit-border-radius: 
  1px; border-radius: 1px; 
}

.cc-page #cc-cookie-law-button a.cc-btn.cc-btn-icon.btn-tick,
.cc-btn.green { 
  background: #f1d600 !important; 
  color: #000 !important;
}

/* end cookies message */ 

Internetseite, Website, HTML, Programmieren, CSS, Jimdo, Script, Webdesign, CSS3
3 Antworten
PHP function fehler, aufruf geht nicht?

Hallo, die Funktion wird nicht mal richtig aufgerufen, sodass

der echo in player.php nicht geschrieben.

Datei "register.php"

include "../model/player.php";

$Player = new player(0, 0, $Name, $h_PW, $Mail, 1);
echo $Player->loginName() . "<br>";
echo $Player->email() . "<br>";
echo $Player->PWD() . "<br>";
$Player->register($Name, $h_PW, $Mail);

Datei "player.php"

class player {

    // Variable

    public $id;

    public $charID;

    public $loginName;

    public $PWD;

    public $Email;

    public $Active;

    function __construct($identnummer, $charid, $loginname, $pwd, $email, $active)

    {

        $this->id=$identnummer;

        $this->charID=$charid;

        $this->loginName=$loginname;

        $this->PWD=$pwd;

        $this->Email=$email;

        $this->Active=$active;

    }

    function register($n,$p,$em){

        include "../core/database.php";

        $db = Database::getInstance();

        $mysqli = $db->getConnection(); 

        echo "<br>Fuction<br>".$n."<br>".$p."<br>".$em;

        $sql_query = "INSERT INTO `Player`(`Loginname`, `PassWD`, `Mail`) VALUES ('$n','$p','$em')";

        $result = $mysqli->query($sql_query);

        return $result;

    }






Computer, Technik, Programmieren, Class, Klasse, PHP, php5, Technologie, Webdesign, Methoden
4 Antworten
PHP Website über FTP veröffentlichen?

Ich möchte meine index.php direkt aus meinem .htdocs folder von XAMPP veröffentlichen. Wenn ich ihn derzeit auf dem Server veröffentliche (also leerer Server nur mit einer Php, css und ja datei)und mit ftp://www.Webseite.ch (Beispiel link, der originale ist nach selben Schema aufgebaut und aus dem selben land) suche kann ich nur die Index.php downloaden. Unter Http://www.Website.ch wird keine Website geladen. Es wurde zuvor bereits eine website auf dem selben Server gehostet und eine domaine verwendet.

Wie veröffentlicht man einen PHP file richtig als Webiste und was mache ich Falsch?

LG Julian

Server, Computer, Website, Web, Domain, Hosting, PHP, Webdesign, Webdevelopment, Webhosting
1 Antwort

Meistgelesene Fragen zum Thema Webdesign