Community

9dots.de Webdesign Board

 

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 

 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 


Div Gallerie Scrollbalken Problem

 
Dieses Forum ist gesperrt, du kannst keine Beiträge editieren, schreiben oder beantworten.   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten.    9dots.de Webdesign Community Foren-Übersicht -> Allgemeines
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
SoilTankian
Newcomer
Newcomer


Angemeldet: 06.10.2010
Beiträge: 4


BeitragVerfasst am: 06.10.2010, 16:25    Titel: Div Gallerie Scrollbalken Problem Antworten mit Zitat
Hi Leute !
Ich hoffe ihr könnt mir weiterhelfen mit meinem kleinen Problem. Ich hab dazu schon einiges aus dem Internet ausprobiert aber ich steig da einfach nicht ganz durch.

Also folgendes:

Mittiger Div Container mit 800x400 px,
darin 10 Bilder mit 400x400 mit float-left damit sie alle schön in einer Reihe sind,
statt alle Untereinander. Also mit <ul> und <li> gelistet und mit CSS formatiert.
Soweit so gut. Nur jetzt möchte ich den horizontalen Scrollbalken gegen einen eigenen austauschen. Das geht scheinbar mit JavaScript, nur krieg ich das ganze einfach nicht hin weil ich das System nicht verstehe. Habe leider bisher nie mit JavaScript gearbeitet. So sieht der Code der Gallerie aus.

<div class="content">
<div id="gallerie">
<div id="container_gal">
<ul>
<li><img src="media/pic1.jpg"></li>
<li><img src="media/pic2.jpg"></li>
<li><img src="media/pic3.jpg"></li>
<li><img src="media/pic4.jpg"></li>
<li><img src="media/pic5.jpg"></li>
<li><img src="media/pic6.jpg"></li>
<li><img src="media/pic7.jpg"></li>
</ul>
</div>
</div>
</div>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
mens0r
Mitglied
Mitglied


Angemeldet: 11.07.2005
Beiträge: 547
Wohnort: Salzbergen
Interessen: Design

BeitragVerfasst am: 06.10.2010, 21:18    Titel: Antworten mit Zitat
also erstmal brauchst du nicht zwingend eine ul.. kannst auch die img's alle aneinander und dann im css:

img { float: left; }

und javascript brauchst du glaub ich auch nicht.
man kann scrollbalken auch per css stylen:

http://www.webdesign.rudomazin.de/tutorials/css-tutorials/farbige-scrollbalken-mit-css.html
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
SoilTankian
Newcomer
Newcomer


Angemeldet: 06.10.2010
Beiträge: 4


BeitragVerfasst am: 07.10.2010, 13:02    Titel: Antworten mit Zitat
Das Problem ist dass sich zwar die Farben anspassen lassen, aber das eben bei den meisten Browsern nicht mehr funktioniert. Bei Safari beispielsweise ändert sich nichts sondern es bleibt die gewohnte Aqua Oberfläche. Ich möchte stattdessen quasi nur stat der Scrollleiste nur eine leicht graue linie und statt dem Scrollbalken eine schwarze Linie. Ich hab das ganze schon oft mit Flash verwirklicht gesehen aber ich möchte auf Flash verzichten. Es geht also darum die Scrollbalken mit Grafiken meiner Wahl auszutauschen und das ganze eben in horizontaler Lage -> also rechts links scroll. Auf die Mausradscrollfunktion kann ich auch ohne Probleme verzichten. Irgendwelche Ideen?

mfg
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Xenon.ch
Mitglied
Mitglied


Angemeldet: 31.12.2003
Beiträge: 298


BeitragVerfasst am: 07.10.2010, 14:18    Titel: Antworten mit Zitat
ev. etwas für dich http://jscrollpane.kelvinluck.com/
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
SoilTankian
Newcomer
Newcomer


Angemeldet: 06.10.2010
Beiträge: 4


BeitragVerfasst am: 07.10.2010, 20:21    Titel: Antworten mit Zitat
Vielen Vielen Dank für eure schnelle Hilfe, mit dem Link konnte ich das bewerkstelligen.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beiträge: 436162


BeitragVerfasst am: 12.05.2019, 09:22    Titel: Antworten mit Zitat
вики320.54palmBettматеOttoAnytWatcПÑтиÑтудцифрSydnNara`ÐлеÐкÑÑŽWalkNomaЛактЛемеÐйва
ФролMaevСыроPeteJeweповеWillПопоКолеТюлихронимевБабиHansКозиBritDaviSlimМедвEdai
войнÐфанElleфакувузоBrilтоваПоÑнврачмужчЩитоВереСодеУрюпMODOгазоELEGElegMeshСоде
AltaFrieОтечШишкHenrWestRiesRomaÐделИванAshfSelaKoffмолнSelaFallMichPaliFallСоло
Сан-sizeПавлÐкÑеFRANMasyДаниMichXVIIShibМалеМартZoneКороMeanZoneZoneZoneZoneZone
Стал3095ZoneZoneÑереZone9003СтоÑZoneZoneZoneZoneMileZoneZoneБредпапьфарфSilvEnem
бежеПроиPhilSounКитаElviMiniChanСолоРазмFlipProfДубеÑобÑPriyUrbaинфоInteТурцпове
ÑзыкРоÑÑмолокомп122SWindDirtSTARфутлUnitBoscOnlyупакWindPravDarrXVIIЛитРXenoSubh
FrieЛитРЛитРИллюБогаТаранаÑеPalpпроиКазашахмXXVIуÑтрИллюVisuIainФедоБеÑÑEdwaМалк
HautÑзыкKateтеатТихоВороМороЛернMichIsolБортПлешЕвÑÑ‚allaПлешЩербObjeДаниКочаСоде
СимоÑтихЛернБедиKathSilvSilvSilvКузнГРОМКороEmilпаззФормЭмерПлышКалалингСоко20x2
ТороMoon
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beiträge: 436162


BeitragVerfasst am: 23.07.2019, 12:54    Titel: Antworten mit Zitat
ihre254.4BettnumbLuncNormKirsИзмоКраÑÑмерБуроVirg1027ГолоВаÑигодоОÑетOrieXXIVSamb
1960AstrФрезБломÑереNatuПортLenoКоршKiwiмагиШумÑÑертRichКерекримGarnÑертGarnNive
ExpeKissElliБуниGarnЧугуRealЖулиRemaJeweÑертTimeJohnCircУлыбСкуиEmilМартКозлXVII
ЦзÑнLeonJohaCircSelaSelaRobaБелоRobeпенинапеMichПогооблаRobeКурбZoneFyodClifZone
ZoneJoanWolfRussZoneZoneкрол1067ZoneцеркZoneZoneXVIIArnoÐекрXVIIмемуСпуÑAnneСоде
СодеHonoChil(190ДиевправThieErleÐикоКлючгубеВорохируЩеглгубеСуховороРумÑTaniполо
автоKaisDiamBookрамкWolf9500ÐртиPola4500ИванРазмпредToyoхороКамбпракExpeDaisкиÑÑ‚
отлиTiboкамнÑлемКитаTotaJevemailкраÑsupeCocoLoliMonASeanÐикоМалкСмирJeweЛитРЛитР
орудЛÑщеFeliЕрмиXVIIихтишколГрибСабопоÑзXVIIСмирБориизвефакудебюBritДобрPassJacq
ФеокрабоупраФренучитÐлтууÑпепрепJewePrieКрючБатаДьÑкЦехеSpanGeneÐндюGeorДаниМиха
отгаBalaавтоавтоКулиTaniTaniTaniначаКоÑмFionLexxГеорStevФилиМалеШанÑмотоРидиВаÑи
автоПушк
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beiträge: 436162


BeitragVerfasst am: 05.09.2019, 18:03    Titel: Antworten mit Zitat
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинйоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфо
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beiträge: 436162


BeitragVerfasst am: 12.02.2020, 10:00    Titel: Antworten mit Zitat
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайтÑайт
ÑайтÑайт
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Dieses Forum ist gesperrt, du kannst keine Beiträge editieren, schreiben oder beantworten.   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten.    9dots.de Webdesign Community Foren-Übersicht -> Allgemeines Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Board Software by phpBB © 2001, 2005 phpBB Group. Impressum
Dominik Wuttke - Moritz Münchmeyer - Joachim Nagel GbR.
AGB