Autor |
Nachricht |
-
ikarus-288
|
02.11.2012 um 13:34 (UTC) Titel: |
|
|
Also die Bilder der Slideshow rutschen nach rechts (nur noch halb zu sehen)
und der darunterstehende Text ist wech ______________ |
|
↑
|
|
|
-
ikarus-288
|
02.11.2012 um 13:41 (UTC) Titel: |
|
|
So, jetzt den "unteren" code von deinem Post eingefügt - bleibt aber nach links versetzt ______________ |
|
↑
|
|
|
-
farmtime
|
02.11.2012 um 13:46 (UTC) Titel: |
|
|
Hm.. das einzige was ich noch vermuten kann ist im CSS-Code das zu machen:
Zitat:
#gallery {
position:relative;
height:185px
}
#gallery a {
float:center;
position:absolute;
}
center statt left
Zuletzt bearbeitet von farmtime am 02.11.2012, 14:51, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
ikarus-288
|
02.11.2012 um 13:50 (UTC) Titel: |
|
|
O.K. - ich probiere das mal in Ruhe
Muss jetzt wech - ich melde mich hier noch mal
Erst mal Danke für schnelle Hilfe - Ihr seid die Besten
Der neue Feuerfuchs stürzt auch stänig ab ______________ |
|
↑
|
|
|
-
farmtime
|
02.11.2012 um 13:52 (UTC) Titel: |
|
|
Ok hab oben geschireben wie das geht statt left center musst dann probieren. |
|
↑
|
|
|
-
ikarus-288
|
02.11.2012 um 16:35 (UTC) Titel: |
|
|
Nö, auch nicht Keine Chance da was zu machen.
Alternativ könnte auch der Slider breiter gemacht werden um ihn in die Mitte zu bekommen - hab da auch schon gebastelt aber ohne Erfolg.
MfG B
Edit:
Muss mich korrigieren ... glaube hab es jetzt gepackt.
Ganz einfach die Bilder vergrößert bis alles schick aussieht.
Hatte bisher im Design-code versucht alles breiter zu machen.
Danke noch mal für deine Hilfe - war schon Wahnsinn - gerade gepostet schon Antwort ...
Ihr seid gut
MfG B ______________
Zuletzt bearbeitet von ikarus-288 am 02.11.2012, 17:46, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
seo-suchmaschinenoptimierung
Wohnort: Planet SEO
|
02.11.2012 um 19:37 (UTC) Titel: |
|
|
farmtime hat Folgendes geschrieben: Ok hab oben geschireben wie das geht statt left center musst dann probieren.
Ich denke nicht, dass es mittlerweile ein float:center gibt. Das wäre mir neu ______________ mfg SEO |
|
↑
|
|
|
-
ikarus-288
|
03.11.2012 um 07:52 (UTC) Titel: |
|
|
Hallo,
hätte da noch Fragen zum Slider auf meiner Startseite ...
1. bekomme ich hinter den Slider ein Hintergrundbild
(d.h. - immer wenn die Vorschau wechselt sieht man im Hintergrund ein Bild)
2. Wenn ich meine Seite besuche oder durch die Seiten klicke und gehe zurück auf die Startseite dann fängt der Slider von vorn an - soweit so gut - aber ...
Das erste Bild wiederholt sich 3 x und dabei verschwindet die zweite Wiederholung im Nichts
3. kann ich die Schrift ändern? Habe schon beim Befehl "arial" mal "Verdana" eingegeben - es tut sich aber nix
Danke und schönes WE
Grüße aus dem Barnim
Edit:
Noch ne Frage:
Counter wird nicht mehr angezeigt - liegt das ev. am neuen Feuerfuchs? (hab ich seit 2 Tagen)
Im HPBK (eingeloggt) kann ich ihn aber sehen ______________
Zuletzt bearbeitet von ikarus-288 am 03.11.2012, 09:01, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
seo-suchmaschinenoptimierung
Wohnort: Planet SEO
|
03.11.2012 um 08:30 (UTC) Titel: |
|
|
Moin Moin,
Zitat: 1. bekomme ich hinter den Slider ein Hintergrundbild
(d.h. - immer wenn die Vorschau wechselt sieht man im Hintergrund ein Bild)
Such mal in deinem Code nach folgendem #Div, da kannst du dann ein Hintergrundbild reinpacken:
Code: #gallery {
background: HIER DEIN HINTERGUNDBILD EINFÜGEN
height: 190px;
position: relative;
}
Zitat: 2. Wenn ich meine Seite besuche oder durch die Seiten klicke und gehe zurück auf die Startseite dann fängt der Slider von vorn an - soweit so gut - aber ...
Das erste Bild wiederholt sich 3 x und dabei verschwindet die zweite Wiederholung im Nichts Question
Dass der Slider von vorne beginnt, lässt sich sicherlich ändern, aber das ist kein 0815 Schnipsel und ich weiss gerade nicht, wie man den Slider modifizieren müsste.
Das andere Phänomen habe ich nicht feststellen können. Im Quelltext für die Slidershow sind die Bilder so drin, in der Reihenfolge, wie sie angezeigt werden ( sollen ).
Was aber evtl. das / ein Problem sein könnte, es sind viele Elemente auf der Seite, die erst beim Seitenaufruf geladen werden müssen. Da kann es schon mal ein wenig hackeln.
Zitat: 3. kann ich die Schrift ändern? Habe schon beim Befehl "arial" mal "Verdana" eingegeben - es tut sich aber nix
Wo möchtest du denn die Schrift ändern? Für die ganze Seite? Oder nur im Menü?
Egal wo, es langt leider nicht, nur in
Code:
body {
font-family: arial;
}
die Schrift zu ändern, da hier jedes Teil der Seite, Menü, der Bereich in der Mitte, etc etc eine eigene Definition der Schrift hat, die wiederum dazu führt, dass die "default" Schrift aus dem body Code sozusagen überschrieben wird.
Du müsstest in dem Fall alle "font-family: Tahoma,arial,helvetica,serif;" finden und austauschen. ______________ mfg SEO
Zuletzt bearbeitet von seo-suchmaschinenoptimierung am 03.11.2012, 09:32, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
farmtime
|
03.11.2012 um 11:43 (UTC) Titel: |
|
|
Mein größtest Problem in CSS ist das zentrieren vom Design u. Objekten. Ich bin einfach ein Loser darin:D Sonst kann ich es gut |
|
↑
|
|
|
-
ikarus-288
|
03.11.2012 um 14:02 (UTC) Titel: |
|
|
Hallo,
zu 3. Schrift ändern
Die Schrift sollte im unteren "Balken" der Slideshow geändert werden.
Aber so wie du es beschreibst ist das wohl nicht möglich, zumindest ändert sich dann alles - dann lass ich es so wie es jetzt ist.
zu 2.
o.k. - damit kann ich leben. Natürlich ist das kein 0815 Slider - habe nach 3 Test mich für den entschieden weil der mir am besten gefiel
bleibt noch zu 1.
Also so einen Code hab ich nicht gefunden ... auch versuchsweises einfügen oder ändern brachte nix ...
Beispiel:
Code: #gallery {
background: "http://img.webme.com/pic/i/ikarus-288/test03.png"
height: 190px;
position: relative;
}
oder
Code: #gallery .caption {
z-index:600;
background: "http://img.webme.com/pic/i/ikarus-288/test03.png"
color:#ffffff;
height:100px;
width:100%;
position:absolute;
bottom:0;
Die Slideshow geht zwar beim ersten Beispiel auf die Größe des Bildes auseinander ... aber es ist nicht zu sehen.
Hier noch mal der Code den ich in Text unter Design z.z. habe ...
Code: <style type="text/css">
body{
font-family:arial
}
.clear {
clear:both
}
#gallery {
position:relative;
height:190px
}
#gallery a {
float:left;
position:absolute;
}
#gallery a img {
border:none;
}
#gallery a.show {
z-index:700
}
#gallery .caption {
z-index:600;
background-color:#333333;
color:#ffffff;
height:100px;
width:100%;
position:absolute;
bottom:0;
}
#gallery .caption .content {
margin:5px
}
#gallery .caption .content h3 {
margin:300;
padding:0;
color:#ffff00;
}
Grüße aus dem Barnim
So stelle ich mir den Slider vor ...
... im Moment wo der Slider wechselt ist im Hintergrund ein anderes Bild zu sehen.
______________
Zuletzt bearbeitet von ikarus-288 am 03.11.2012, 15:15, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
ikarus-288
|
04.11.2012 um 07:50 (UTC) Titel: |
|
|
Hallo,
ich bin ja selbst bemüht eine Lösung zu finden und "gurgel" so in HTML und CCS herum ... obwohl ich da nix von verstehe.
Habe nun eine Lösung gefunden und diesen Code im Seiteneditor eingefügt ...
Code: <div style="position:relative;width:440px;height:200px;background-image:url(http://img.webme.com/pic/t/testseite-ik-288/1842ik280.jpg);">
Mit dem Code von der Slideshow erreiche ich eigentlich den gewünschten Effekt.
Hier der complette Code von der Startseite ...
Code: <div style="position:relative;width:440px;height:200px;background-image:url(http://img.webme.com/pic/t/testseite-ik-288/1842ik280.jpg);">
<div id="gallery"><a href="http://ikarus-288.de.tl/Stadtbusse.htm" class="show"> <img width="440" height="79" src="http://img.webme.com/pic/i/ikarus-288/willkommen01.png" alt="Flowing Rock" title="" rel="<h3>IKARUS - 288.de</h3>Busse und Bahnen aus Deutschland und anderen Ländern" /></a> <a href="http://www.ikarus-288.de/"> <img width="440" height="79" src="http://img.webme.com/pic/i/ikarus-288/ikarus-288de.png" alt="Grass Blades" title="" rel="<h3>IKARUS - 288.de</h3>Reiseberichte aus Europa" /> </a> <a href="http://ikarus-288.de.tl/Lenk_-und-Ruhezeiten.htm"> <img width="440" height="79" src="http://img.webme.com/pic/i/ikarus-288/willkommen02.png
" alt="Grass Blades" title="" rel="<h3>IKARUS - 288.de</h3>Hinweise zu Lenk- und Ruhezeiten" /> </a> <a href="http://phototrans.de/" class="show"> <img width="440" height="79" src="http://img.webme.com/pic/i/ikarus-288/phototransde.png" alt="Flowing Rock" title="" rel="<h3>www.phototrans.de</h3>Hervorragende Datenbank zu Bussen und Bahnen" /></a> <a href="http://www.busforum.org/" class="show"> <img width="440" height="79" src="http://img.webme.com/pic/i/ikarus-288/busforumorg.png" alt="Flowing Rock" title="" rel="<h3>www.busforum.org</h3>Großer Berlinteil - Alles rund um den ÖPNV" /></a> <a href="http://www.homepage-baukasten.de/" class="show"> <img width="440" height="79" src="http://img.webme.com/pic/i/ikarus-288/hpbkde.png" alt="Flowing Rock" title="" rel="<h3>www.homepage-baukasten.de</h3>Erstelle deine eigene HP" /></a> <a href="http://www.busfahrertreff.eu/forum1/index.php" class="show"> <img width="440" height="79" src="http://img.webme.com/pic/i/ikarus-288/busfahrertreffde.png" alt="Flowing Rock" title="" rel="<h3>www.busfahrertreff.de</h3>Informationen und Forum für Busfahrer/innen" /></a>
<div class="caption">
<div class="content"> </div>
Allerdings entseht jetzt ein Scrollbalken und ich muss um die ganze Seite zu sehen nach unten scrollen - den will ich aber nicht haben.
Hat einer ne Idee ... ?
Hier zum gucken (nur auf meiner Testseite zu sehen) ... http://testseite-ik-288.de.tl/Startseite-Test-Ik-288.htm
Grüße aus dem Barnim ______________ |
|
↑
|
|
|
|
04.11.2012 um 08:58 (UTC) Titel: |
|
|
Hallo!
ikarus-288 hat Folgendes geschrieben: <div style="position:relative;width:440px;height:200px;background-image:url(http://img.webme.com/pic/t/testseite-ik-288/1842ik280.jpg);">
Wenn du hinter diesem Code den Slider einfügst, mag das funktionieren.
Zwei Dinge sorgen für den Scrollbalken:
- Du hast eine feste Höhe von 200px angegeben
- und, viel wichtiger, du hast das Div-Element nach dem Slider-Code nicht wieder geschlossen
Der eigentliche Text darf gerne außerhalb stehen
Der korrekte Code sähe also so aus:
ikarus-288 hat Folgendes geschrieben: <div style="position:relative;width:440px;height:200px;background-image:url(http://img.webme.com/pic/t/testseite-ik-288/1842ik280.jpg);">
Hier der Slider-Code
</div>
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon
Zuletzt bearbeitet von transint am 04.11.2012, 09:59, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
ikarus-288
|
04.11.2012 um 09:08 (UTC) Titel: |
|
|
Danke für schnelle Antwort
Habe parallel - während du geantwortet hast im Editor gebastelt ... und plötzlich ging es wie ich es wollte - ich guck gleich mal ob ich ZUFÄLLIG genau das gemacht habe was du beschrieben hast.
Auf jeden Fall erst mal Danke - so schnell kann auch Sonntags eine Hilfe sein
Danke für eure Hilfe
Grüße aus dem Barnim ______________ |
|
↑
|
|
|
-
seo-suchmaschinenoptimierung
Wohnort: Planet SEO
|
04.11.2012 um 09:13 (UTC) Titel: |
|
|
Zitat: zu 3. Schrift ändern
Die Schrift sollte im unteren "Balken" der Slideshow geändert werden.
Aber so wie du es beschreibst ist das wohl nicht möglich, zumindest ändert sich dann alles - dann lass ich es so wie es jetzt ist.
Versuche mal in dem ganzen CSS Gedönse an letzter Stelle folgendes:
Code: div#gallery, div#gallery h3 {
font-family: hier irgendeine andere Schriftart eintragen.
}
Das könnte dir helfen. ______________ mfg SEO |
|
↑
|
|
|
|