Galerie Bilder verschoben

Allgemeine Fragen zu hPage

Moderator: HTML-Laie

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

Galerie Bilder verschoben

Beitrag von Nathaly »

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
Moderator
Moderator
Beiträge: 344
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitrag von HTML-Laie »

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-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
charlyjaku
Bevorzugtes Stamm Mitglied
Bevorzugtes Stamm Mitglied
Beiträge: 2489
Registriert: Mo 30. Jan 2012, 18:46
Mein Vorname: Charly
Wohnort: Hamburg 22589
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitrag von charlyjaku »

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
Moderator
Moderator
Beiträge: 344
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitrag von HTML-Laie »

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-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1690
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitrag von Nathaly »

Danke schön hat geklappt juhu :)
Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 344
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitrag von HTML-Laie »

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-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1690
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitrag von Nathaly »

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: 1690
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitrag von Nathaly »

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
Moderator
Moderator
Beiträge: 344
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitrag von HTML-Laie »

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-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein
Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1690
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Galerie Bilder verschoben

Beitrag von Nathaly »

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

Zurück zu „hPage - Allgemein“

Wer ist online?

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