• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Abstand bestimmen ...

Nee.Du hast den ersten Code mit den Zweiten vermischt.
Wenn du genau hinkucksz siehst du ja keine Container der "conti" heißt.

Selbst wenn wäre der Container mit 20px etwas klein.
Halte dich mal mehr an den 2ten Code den ich gepostet habe

Sorry basti,

aber ich weiß jetzt nicht welchen Code ich verwenden soll?
 
Werbung:
Sorry basti,

aber ich weiß jetzt nicht welchen Code ich verwenden soll?

Du mußt dir unbedingt noch paar Tutorials und co durchlesen wo die Grundlagen von Html und Css erklärt werden ,ich suche da mal ein paar Seiten raus.
Sehr lange machst du das noch nicht,kann das sein ?

Versuch mal den Code
HTML:
<!DOCTYPE html>
<html>
<head>
 <title>Robotic</title>
<style>
  img{
  width:20px;
    height:20px;
}

.conti{
    width:200px;
    margin-top:20px;
    display: flex;
    justify-content: space-between;
}
  </style>
</head>

<body>
  <div class="conti">
<a href="http://www.google.de"><img src="http://sebastian1012.bplaced.net/bilder/homer.jpeg"></a>
<a href="http://www.google.de"><img src="http://sebastian1012.bplaced.net/bilder/homer.jpeg"></a>
<a href="http://www.google.de"><img src="http://sebastian1012.bplaced.net/bilder/homer.jpeg"></a>
<a href="http://www.google.de"><img src="http://sebastian1012.bplaced.net/bilder/homer.jpeg"></a>
<a href="http://www.google.de"><img src="http://sebastian1012.bplaced.net/bilder/homer.jpeg"></a>
  </div>
</body>
</html>
Bei den Bild mußt du mal kucken.Wenn es Quadratisch ist kann du die Größenangabe so lassen.Ist es mehr Breit als hoch dann sieht es zusammen gequetscht aus und man müßte da andere Werte reinschreiben oder die height:20px ganz raus nehmen.
 
Ganz herzlichen Dank basti, jetzt funktioniert es!

Noch zwei Fragen dazu:

1) Für was steht das Wort 'conti' und könnte ich es beispielsweise durch jedes andere Wort ersetzen?

2) Wie gelingt es mir, dass die Bilder nicht am linken Bildschirmrand anfangen, sondern z.B. erst weiter in der Mitte?

Ja, es stimmt - ich befasse mich mit HTML erst seit einer Woche! :wink:

Viele Grüße
 
Werbung:
Zu1. Da kannst du hinschreiben was du willst.Es sollte aber so gewählt sein das du selber und auch deine helfer auch verstehen wofür es steht,sonst suchst du dich und deine helfer dumm und dusselig wenn der Code sehr lang ist.

Es dürfen bei id's keine Sonderzeichen ,ü,ö,ä oder Leerzeichen vorhanden sein und sollte auch nicht mit einer Zahl beginnen.

Zu2.
ändere deine Css mal in der .
Code:
<style>
  img{
  width:20px;
    height:20px;
}

.conti{
    width:200px;
    margin-top:20px;
    display: flex;
    justify-content: space-around;
}
  </style>
 
Ok, habe jetzt mal in der index.html den Begriff 'space-between' durch 'space-around' ersetzt!

... aber das ändert ja noch nicht den Abstand vom linken Bildrand. Was muss ich da noch machen?

Sorry, für die doofe(n) Fragen!

@ m.scatello: Ich arbeite die Seiten durch, Danke.
 
Werbung:
margin-left.
Aber das sind nun wirklich Fragen, die auf der ersten Seite von w3schools (oder auf der 2.3) behandelt werden.
Ansonsten gäbe es da noch Google.
 
Danke Aaron - hat geklappt!

Nun wollte ich abschließend nochmal das Problem mit der Strichlinie um das Symbol herum aufgreifen ...

... das passiert immer dann, wenn man von der verlinkten Seite wieder auf die Ursprungsseite zurückkommt.

Link.JPG

Habe jetzt gesehen, dass das NUR beim Firefox passiert und nicht beim Explorer.

Bekomme ich das irgendwie weg - ist ja bei Fremdseiten im Web auch nicht!?
 
Zuletzt bearbeitet:
Werbung:
Im CSS des Buttons (müsste es sein).
Aber bitte arbeite jetzt erst die w3 sachen durch, dann muss ich dir auch nicht alles beantworten.
 
Alles komisch. Ich kann machen was ich will ich kriege die border einfach nicht .Ich bekomme den gar nicht kann machen was ich .Normaler weiße bekommt man den doch wenn der focus auf ein Element liegt oder irre ich mich jetzt da ???
 
Werbung:
In dem Fall sollte es visited sein.
Aber lass die Pseudo-Klasse weg und schreib es einfach bei .Klassenname hin. Es sollte dann auch für die Pseudoklassen gelten.
 
Zurück
Oben