zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Übungswebseite verbessern und responsive machen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #31 (permalink)  
Alt 15.07.2018, 21:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2018
Beiträge: 45
sabrina79 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Sailor56 Beitrag anzeigen
Kann das leider ohne die Bilder nicht wirklich testen. Es sieht aber so aus, als wären die <img> nicht zentriert.
Teste mal folgendes:
HTML-Code:
.row3 a {
  text-align: center;
}

klappt leider nicht, die images reagieren auf den Befehl nicht, sind weiterhin linksbündig im div. third_pic

Die Unterschriften zu den Bildern reagieren auch nicht auf den "text-decoration: none" Befehl ( sind weiterhin blau unterstrichen)
vielleicht hängt irgendwie es damit zusammen?
Mit Zitat antworten
Sponsored Links
  #32 (permalink)  
Alt 15.07.2018, 21:47
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2018
Beiträge: 45
sabrina79 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von sabrina79 Beitrag anzeigen
klappt leider nicht, die images reagieren auf den Befehl nicht, sind weiterhin linksbündig im div. third_pic

Die Unterschriften zu den Bildern reagieren auch nicht auf den "text-decoration: none" Befehl ( sind weiterhin blau unterstrichen)
vielleicht hängt irgendwie es damit zusammen?
muss man die Bilder um sie ansprechen zu können in inline Elemente wandeln??
Mit Zitat antworten
Sponsored Links
  #33 (permalink)  
Alt 15.07.2018, 22:08
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.07.2018
Beiträge: 142
Sailor56 befindet sich auf einem aufstrebenden Ast
Standard

OK... neuer Versuch!
HTML-Code:
.row3 .third_pic {
  text-align: center;
}
.row3 .third_pic a{
   text-decoration: none; 
}
Mit Zitat antworten
  #34 (permalink)  
Alt 15.07.2018, 22:18
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2018
Beiträge: 45
sabrina79 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Sailor56 Beitrag anzeigen
OK... neuer Versuch!
HTML-Code:
.row3 .third_pic {
  text-align: center;
}
.row3 .third_pic a{
   text-decoration: none; 
}
Ja!!!! hat geklappt ))))

Würdest du sonst noch etwas verbessern, bevor ich mich an die mediaqueries mache?
Mit Zitat antworten
  #35 (permalink)  
Alt 15.07.2018, 22:30
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.07.2018
Beiträge: 142
Sailor56 befindet sich auf einem aufstrebenden Ast
Standard

Neee... von dem, was ich sehe, sieht das gut aus! Allerdings sehe ich ja nichts das Selbe wie du... ich sehe nur den Textteil.
Fang mal mit den @media's an. Wenn es Probleme gibt, kannst du dich ja wieder melden.
Kleiner Tipp:
Denke darüber nach die Anzeige in den Teilbereichen zB von 4spaltig auf 2spaltig umzuschalten, wenn nicht mehr genug Platz für 4 Textblöcke nebeneinander ist.
Das ist mit deinem jetzigen Layout auch ganz einfach!
zB so
HTML-Code:
@media only screen and (max-width: 1250px) {

   .fourth {
       width: 50%;
   }

}
Wie das dann mit deine diversen margins top/bottom hinhaut, musst du ausprobieren.
Mit Zitat antworten
  #36 (permalink)  
Alt 15.07.2018, 22:36
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2018
Beiträge: 45
sabrina79 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Sailor56 Beitrag anzeigen
Neee... von dem, was ich sehe, sieht das gut aus! Allerdings sehe ich ja nichts das Selbe wie du... ich sehe nur den Textteil.
Fang mal mit den @media's an. Wenn es Probleme gibt, kannst du dich ja wieder melden.
Kleiner Tipp:
Denke darüber nach die Anzeige in den Teilbereichen zB von 4spaltig auf 2spaltig umzuschalten, wenn nicht mehr genug Platz für 4 Textblöcke nebeneinander ist.
Das ist mit deinem jetzigen Layout auch ganz einfach!
zB so
HTML-Code:
@media only screen and (max-width: 1250px) {

   .fourth {
       width: 50%;
   }

}
Wie das dann mit deine diversen margins top/bottom hinhaut, musst du ausprobieren.
OK... vielen Dank
schönen Sonntag Abend noch .
Mit Zitat antworten
  #37 (permalink)  
Alt 15.07.2018, 22:50
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.07.2018
Beiträge: 142
Sailor56 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
links und rechts vom Bild in der Video ID, den Fliesstext zweispaltig zu machen??
Möglich ist alles - aber ob es sinnvoll ist, ist eine ganz andere Frage.
Solch ein mehrspaltiger Fließtext ist eine besondere Sache und wird auch noch nicht von allen Browsern unterstützt.
Schau mal hier
https://t3n.de/news/css3-texte-einfa...paltig-334072/
ob du dir das antun willst(?) - zumal du dann auch wieder einen Punkt mehr hast, der bei kleiner werdenden Display rückgängig gemacht werden muss - weil so viele Spalten nebeneinander sehen dann sehr schnell 'grottig' aus.
Mit Zitat antworten
  #38 (permalink)  
Alt 15.07.2018, 22:54
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2018
Beiträge: 45
sabrina79 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Sailor56 Beitrag anzeigen
Möglich ist alles - aber ob es sinnvoll ist, ist eine ganz andere Frage.
Solch ein mehrspaltiger Fließtext ist eine besondere Sache und wird auch noch nicht von allen Browsern unterstützt.
Schau mal hier
https://t3n.de/news/css3-texte-einfa...paltig-334072/
ob du dir das antun willst(?) - zumal du dann auch wieder einen Punkt mehr hast, der bei kleiner werdenden Display rückgängig gemacht werden muss - weil so viele Spalten nebeneinander sehen dann sehr schnell 'grottig' aus.
Da hatte ich den Befehl: column-count: 2; auch raus , funktioniert!
meinst ich solls lieber lassen zwecks responsive?
Mit Zitat antworten
  #39 (permalink)  
Alt 15.07.2018, 23:01
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.07.2018
Beiträge: 142
Sailor56 befindet sich auf einem aufstrebenden Ast
Standard

Das musst du selber entscheiden... wenn es dir gefällt, dann mach es!
Musst halt nur den richtigen Schaltpunkt (Displaybreite) herausfinden, wann du es wieder rückgängig machst mit einer @MediQuery.
Mit Zitat antworten
Sponsored Links
  #40 (permalink)  
Alt 15.07.2018, 23:06
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2018
Beiträge: 45
sabrina79 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Sailor56 Beitrag anzeigen
Das musst du selber entscheiden... wenn es dir gefällt, dann mach es!
Musst halt nur den richtigen Schaltpunkt (Displaybreite) herausfinden, wann du es wieder rückgängig machst mit einer @MediQuery.
ja, ok. Möchte auch erst nochmal überlegen ob ich noch irgendetwas einfüge oder verschönere
dann mach ich mich an das responsive !
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
responsive Webseite runner CSS 4 14.09.2015 22:45
Responsive Design funktioniert nur halbwegs apattoo CSS 3 08.07.2015 11:13
Neuling in Responsive Design DerPrakikant CSS 1 16.02.2015 10:23
Kundeninteresse an Responsive Layout heiko_rs Offtopic 18 24.05.2013 14:37
Suche Responsive CSS Imageslideshow Madmaxx89 CSS 3 29.01.2013 14:14


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:17 Uhr.