Galerie Bilder verschoben

Allgemeine Fragen zu nPage

Moderatoren: goefi-chiangmai, moni

Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1573
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Galerie Bilder verschoben

Beitragvon Nathaly » So 11. Feb 2018, 16:12

Hallo zusammen

ich wollte mal wieder an meiner homepage arbeiten und habe festgestellt das die galerie bilder verschoben sind besser noch nicht richtig da gestellt werden: :?
oder ob es nur bei mir am meinen laptop liegt: :E

hier mal ein foto
Bild

:DA :16

Benutzeravatar
HTML-Laie
Forengänger
Forengänger
Beiträge: 46
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape

Re: Galerie Bilder verschoben

Beitragvon HTML-Laie » So 11. Feb 2018, 16:47

Entweder man passt das Design an die Galerie an oder man probiert folgendes aus:

Code: Alles auswählen

<style type="text/css">
<!--
table.t1 img {
width:98%;
}
=-->
</style>


LG Hape :)
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein

Benutzeravatar
charlyjaku
Bevorzugtes Stamm Mitglied
Bevorzugtes Stamm Mitglied
Beiträge: 2282
Registriert: Mo 30. Jan 2012, 18:46
Mein Vorname: Charly
Wohnort: Hamburg 22589
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitragvon charlyjaku » So 11. Feb 2018, 17:05

War bei mir auch nach den letzten Änderungen von Npage. Auf Anfrage ob man das wieder hinbiegen könne, kam ein klares nein. Ich sollte doch die Seite einmal komplett neu laden. Gesagt getan, nun sieht es wieder besser aus.
Man kann in den Galerien aber die Anzahl der Bilder nebeneinander nicht mehr selbst festlegen :-(

Benutzeravatar
HTML-Laie
Forengänger
Forengänger
Beiträge: 46
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape

Re: Galerie Bilder verschoben

Beitragvon HTML-Laie » So 11. Feb 2018, 17:11

War bei mir auch nach den letzten Änderungen von Npage

@charlyyaku Mit neu laden ist es hier aber nicht getan. Dein Design stammt von nPage. Da passte sich das Design automatisch an. Dieses ist aber bei dem Design von @Nathaly nicht so einfach.
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein

Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1573
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitragvon Nathaly » So 11. Feb 2018, 17:54

Danke schön hat geklappt juhu :)

Benutzeravatar
HTML-Laie
Forengänger
Forengänger
Beiträge: 46
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape

Re: Galerie Bilder verschoben

Beitragvon HTML-Laie » So 11. Feb 2018, 18:01

Ich würde den Code in die Style.CSS für das Design integrieren.
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein

Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1573
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitragvon Nathaly » So 11. Feb 2018, 18:09

HTML-Laie hat geschrieben:Entweder man passt das Design an die Galerie an oder man probiert folgendes aus:

Code: Alles auswählen

<style type="text/css">
<!--
table.t1 img {
width:98%;
}
=-->
</style>


LG Hape :)


vielen :DA für die schnelle hilfe

Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1573
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitragvon Nathaly » So 11. Feb 2018, 18:13

HTML-Laie hat geschrieben:Ich würde den Code in die Style.CSS für das Design integrieren.


und wo genau :? bei img :E

Code: Alles auswählen

/*CSS Format by http://HomepageHelfer.net*/

body {
  font-family: Arial Narrow;
  font-size: 16px;
  color: #FFFFFF;
  background-color: #003300;
  background-image: url(../bilder/bg_list_2.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-attachment: fixed;
}
h1 {
  font-family: "trebuchet ms";
  font-size: 22px;
  color:  #1dcaff;
  text-align: center;
  text-decoration: none;
}
h2 {
  font-family: "trebuchet ms";
  font-size: 18px;
  color: #1dcaff; 
  text-align: center;
}
h3 {
  font-family: verdana;
  font-size: 14px;
  color: #FFFF44; 
  text-align: center;
}
a:link {
  font-family: "Arial Narrow";
  color: #FFFFFF;
  font-size: 16px;
  text-decoration: none;
}
a:visited {
  color : #FFFFFF;
  text-decoration : none;
}
a:active {
  color: #FFFFFF;
  text-decoration: none;
}
a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
a img {
  border: none;
}
p {
  margin-top: 16px;
  margin-bottom: 16px;
}
p.left {
  color: #FFFFFF;
  text-align: left;
  padding-left: 6px;
}
table, th, td {
  border-color: #ffffff;
}
textarea {
  color: #FFFF99;
  font-size: 12px;
  font-family: Arial Narrow;
  padding: 3px;
  background-color: #003300;
  border: 1px solid #ffffff;
  border-radius: 3px;
}
#aussen {
  width: 1040px;
  margin-right: auto;
  margin-left: auto;
  background-color: #003300;
  background-image: url(../bilder/bg_aussen.jpg);
  background-repeat: repeat;
  border: 1px solid #ffffff;
  border-radius: 3px;
  padding: 8px;
}
#header {
  width: 1038px;
  background-color: #003300;
  height: 240px;
  border: 1px solid #ffffff;
  border-radius: 3px;
  background-image: url(http://file1.npage.de/002201/32/bilder/headernathalys6s9o.jpg);
  background-position: center 0;
}
#balken {
  float: left;
  width: 1038px;
  height: 22px;
  color: #FFFFFF;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;   
  border: 1px solid #ffffff;
  border-radius: 3px;
  background-color: #208000;
  background-image: url(../bilder/bg_list.png);
  background-repeat: repeat-x;
  background-position: 0 0;
}
#navilinks {
  float: left;
  width: 175px;
  color: #FFFF99;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
}
#navilinks h1 {
  margin-bottom: 3px;
  margin-top: 10px;
}
#navilinks h2 {
  margin-bottom: 2px;
  margin-top: 8px;
}
#navilinks h3 {
  margin-bottom: 2px;
  margin-top: 10px;
}
.boxlinks {
  float: left;
  width: 165px;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  background-color: #208000;
  background-image: url(../bilder/bg_list.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #ffffff;
  border-radius: 3px;
  padding : 4px;
  margin-bottom: 8px;
}
.navigation a {
  display:block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:140px;
  height:25px;
  line-height:25px;
  text-align: left;
  font-size: 16px;
  font-family: "Arial Narrow";
  color: #FFFFFF;
  padding-left:18px;
  margin:0px;
  background:url(../bilder/button.png) no-repeat;
  text-decoration:none;
  border-bottom: 1px dashed #620D0D;
}
.navigation a:hover {
  color: #003300;
  background-position:0 bottom;
  border-bottom: 1px dashed #003300;
}
.navigation a.submenu {
  display:block;
  width:140px;
  height:25px;
  line-height:25px;
  text-align: left;
  font-size: 16px;
  font-family: "Arial Narrow";
  color: #000000;
  text-decoration:none;
  background-image: none;
  padding-left:25px;
  margin:0px;
  border: 0px;
}
.navigation a.submenu:hover {
  color: #0033CC;
  border: 0px;
}
#navirechts {
  float: right;
  width: 175px;
  color: #343433;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
}
#navirechts h1 {
  margin-bottom: 3px;
  margin-top: 10px;
}
#navirechts h2 {
  margin-bottom: 2px;
  margin-top: 8px;
}
#navirechts h3 {
  margin-bottom: 2px;
  margin-top: 10px;
}
.boxrechts {
  float: right;
  width: 165px;
  color: #FFFFFF;
  text-align:center;
  font-size: 16px;
  background-color: #208000;
  background-image: url(../bilder/bg_list.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #ffffff;
  border-radius: 3px;
  padding : 4px;
  margin-bottom: 8px;
}
#inhalt {
  float: left;
  width: 652px;
  text-align: center;
  background-color: #208000;
  background-image: url(../bilder/bg_list.png);
  background-repeat: repeat-x;
  background-position: 0 0; 
  padding: 10px;
  margin-left: 8px;
  border: 1px solid #ffffff;
  border-radius: 3px;
}
.button {
  border: 1px solid #FFFFFF;
  color: #D69A4A;
  background: #510003;
  padding: 1px 8px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 3px;
  margin-left: 10px;
}
.button:hover, .button:focus {
  color:#9b1515;
  background-color: rgba(144,0,5,0.4);
}
.field_t {
  border: 1px solid #ffffff;
  color: #00FF00;
  background: #350001;
  padding: 1px 4px;
  border-radius: 2px;
  cursor: text;
  margin-top: 2px;
  margin-left: 6px;
}
#seitenlink {
  height: 25px;
  line-height:20px;
  font-family: "Arial Narrow";
  font-weight: normal;
  font-size: 16px;
  color:#FFFFFF;
  text-align: center;
}
a.slink:link, a.slink:visited, a.slink:active {
  font-family: "Arial Narrow";
  font-weight: normal;
  color:#FFFFFF;
  font-size:16px;
  text-decoration: none;
}
a.slink:hover {
  font-family: "Arial Narrow";
  font-weight: normal;
  color:#9b1515;;
  font-size:16px;
  text-decoration: underline;
}
#footer {
  float: left;
  width: 1038px;
  height: 22px;
  font-family: Impact;
  font-size: 22px;
  color: #FFFFFF;
  text-align: center;
  line-height: 20px;
  margin-top: 8px;   
  border: 1px solid #ffffff;
  border-radius: 3px;
  background-color: #208000;
  background-image: url(../bilder/bg_list.png);
  background-repeat: repeat-x;
  background-position: 0 0;
}
.copyright { 
  font-size: 14px;
  font-family: Impact;
  font-style: normal;
  color: #FFFF88;
  text-align: center;

.copyright a {
  font-size: 14px;
  font-family: Impact;
  font-style: normal;
  color: #FFFFFF;
  text-decoration: none;
}
.copyright a:hover {
  color: #FFFF88;
}
.clear {
  clear: both;
}

Benutzeravatar
HTML-Laie
Forengänger
Forengänger
Beiträge: 46
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape

Re: Galerie Bilder verschoben

Beitragvon HTML-Laie » So 11. Feb 2018, 19:33

Man kann es auch am Ende einfügen. Ich weiss ja nicht wo du es momentan eingebaut hast, aber wenn es funktioniert kannst du es auch so lassen wie es jetzt ist.
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein

Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1573
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitragvon Nathaly » So 11. Feb 2018, 19:41

ich habe es direkt in der seite einbaut und nicht im Style.CSS ;)


Zurück zu „nPage - Allgemein“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste