Frage Abstand bestimmen ...
- Ersteller faith
- Erstellt am
basti1012
Senior HTML'ler
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>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!
Viele Grüße
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!
Viele Grüße
basti1012
Senior HTML'ler
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 .
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>
G
Gelöschtes Mitglied 36401
Guest
Dann solltest du dich mal hier durcharbeiten: https://www.w3schools.com/Ja, es stimmt - ich befasse mich mit HTML erst seit einer Woche!
Auf Dauer bringt das nämlich nichts, wenn dir alles vorgekaut wird.
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.
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!?
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.
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:
... ich weiß, schon wieder eine doofe Frage: Wo muss ich dieses 'outline' setzen?
Danke!