diverse Probleme (doppelter hintergrund, sauberer code?, brauch ich flash?!)

[RipperRoo]

Hi Leute,

zunächst mal sorry, denn ich hab erst vor kurzem das HTML und CSS tutorial von html.net beendet und mach quasi jetzt meine ersten gehversuche )
hab zu meinen problemen auch schon gegooglet aber entweder sind die threads schon 3 jahre alt oder helfen mir nicht.

also zunächst mal hier der link wie der aktuellste stand ist:

so zum einen hab ich manchmal das problem, dass das bild von dem L manchmal hinter die schrift gerät und erst wennsch die page nochmal aktualisiere es richtig wie ein initial angezeigt wird. (benutze mozilla firefox)

so zweitens genau in dem main <div> würde ich gerne noch ein background über den aktuellen setzen damit der text quasi dahinter gescrollt wird! hab mir einiges dazu ruchgelesen... man soll nochmal nen div genau drüber machen und mit z-index arbeiten.. aber iwie hat das bei mir nicht funktioniert (

binsch mir nicht sicher ob ich das elegant gelöst habe mit dem initialen und der schrift bezüglich dem abstand zum rand des <divs> oder um ehrlich zu sein binsch der annahme dass ich margin padding und position: relative/absolute total durcheinander werfe und es zufällig richtig aussieht, aber iwas nicht dran stimmt^^

ich hätte gerne nen komplett selbst designten scrollbalken in dem haupt <div> geht das nur über flash? wenn ja gibts denn irgendwelche freeware dafür die was taugt? (ich meine statt photoshop gibts ja auch gimp) ausserdem würde mich interessieren ob ich dann nur den scrollbalken als flash machen könnte oder müsste der gesamte inhalt des <divs> dann in flash gemacht werden?

 

[cebito]

AW: diverse Probleme (doppelter hintergrund, sauberer code?, brauch ich flash?!)

zu 1. - schmeiß den Div raus, setz dein Bild direkt in den Text (gleich nach dem p-tag) und gib dem Bild die Klasse "initial", aber nicht vergessen das padding anzupassen.

zu 2. - wozu soll das gut sein?

zu 3. - siehe 1.

zu 4. - fleXcroll: Cross Browser Custom ScrollBar script by Hesido

Edit:Ach ja, hat es eine besondere Bewandtnis, dass du die komplette Seite in nem i-frame lädst?

Edit2: nöö, Flash brauchst bis jetzt noch nicht.

 

[RipperRoo]

AW: diverse Probleme (doppelter hintergrund, sauberer code?, brauch ich flash?!)

hey wow direkt die erste hilfe.. ihr seid hier echt schnell im webdesign bereich danke dir cebito !!

zu 1./3.

sorry welchen div? mom ich paste hier mal kurz rein was ich im index habe und was im style, dann kannste mir ja evtl genauer sagen was ich da machen soll

<div class="mainframe">
<div class="initial">
<img src="ressource/l.png">
</div>
<p id="maintext">orem ipsum ..blabla.</P>
</div>
</div>

div.mainframe {
height: 600px;
width: 800px;
border: 1px dashed white;
background: url("../ressource/background.png") no-repeat center center;
float: left;
position: relative;
top: 10px;
left: 10px;
bottom: 20px;
overflow-y: scroll;
overflow-x: hidden;
z-index: 0;
}

div.initial {
float: left;
padding: 130px 0px 0px 80px;
z-index: 0;
}

#maintext {
color: black;
font-family: arial;
font-variant: normal;
font-weight: bold;
text-align: justify;
padding: 130px 80px 150px 80px;
z-index: 0;
}

zu 2. ich möchte den schwarzen rand von dem background bild nochmal über den background drüberlegen.. wenn man dann scrollt verschwindet der text so dahinter fand das optisch sehr schön.. ohne das 'L' bild hatte es bereits den effekt durch die schwarze schrift, nun mit dem bild sieht man aber dass man bis oben durch scrollt

zu 4. wow 1000 dank werd mir das gleich mal alles in ruhe durchlesen )


zu iframes:

ich bin nicht genau sicher ob ich verstanden habe was du meinst, da es kein tutorial gab zu frames und ich das nur so am rande noch von beepworld kenne...

also du meinst warum ich nur quasi ein fenster habe ? wenn ja dann weil ich gelesen habe dass frames und tabellen modelle zum layouten veraltet und schlecht sind wegen diversen nachteilen und dass man lieber diese div boxen nehmen soll.

zu edit 2: jap wenn das mit dem scroll balken klappt dann erstmal kein flash (juhu^^)
aber werd mir wohl demnächst noch php angucken damit ich externen content in den mainframe laden kann und nicht jede page immer komplett neu kopieren muss

 

[cebito]

AW: diverse Probleme (doppelter hintergrund, sauberer code?, brauch ich flash?!)

.initial  {
float: left;
padding:0;
padding-right:5px;
padding-bottom:5px; /* bissl Abstand zum Text */
}

<div class="mainframe">
<p id="maintext"><img class="initial" src="ressource/l.png" />orem ipsum no vix diceret feugait gloriatur, sit ei senserit appellantur....</p></div>

Wenn du dir die Seite die du in den iframe lädst anschaust siehst du dann einen Unterschied? Kannst genauso diese Seite direkt als Startseite benutzen.

 

[RipperRoo]

AW: diverse Probleme (doppelter hintergrund, sauberer code?, brauch ich flash?!)

danke dir du bist der beste )
habs mal geupdatet, nun hab ich das problem, dass die untere kante von dem initial bündig ist mit der unteren kante der ersten schriftzeile... aber im prinzip sollten jeweils die oberen kanten bündig sein.

Wenn du dir die Seite die du in den iframe lädst anschaust siehst du dann einen Unterschied? Kannst genauso diese Seite direkt als Startseite benutzen.

sei mir bitte nicht böse, aber ich versteh nicht was du damit meinst !

 

[cebito]

AW: diverse Probleme (doppelter hintergrund, sauberer code?, brauch ich flash?!)

sei mir bitte nicht böse, aber ich versteh nicht was du damit meinst !

Siehst du einen Unterschied, ausser, das die zweite ein wenig nach unten hopst (was zu beheben ist)?

dass die untere kante von dem initial bündig ist mit der unteren kante der ersten schriftzeile... aber im prinzip sollten jeweils die oberen kanten bündig sein.

"Spiel" mal mit den padding-Werten...

 

[RipperRoo]

AW: diverse Probleme (doppelter hintergrund, sauberer code?, brauch ich flash?!)

ahhh ok das meinst du... ja das is mir letztens schon aufgefallen, das kommt wohl durch die weiterleitung von nic.de.vu !


ja das war auch mein erster gedanke dass ich dann da den padding-top wert von initial einfach verändere oder über position relative und dann margin-top, aber da tut sich bei mir nix.

 

[cebito]

AW: diverse Probleme (doppelter hintergrund, sauberer code?, brauch ich flash?!)

Mach mal das "div" vor ".initial" in der css raus...

und... :kopfpatsch: diese nic.de.vu's, ok, nicht dein iframe, das machen die...

 

[RipperRoo]

AW: diverse Probleme (doppelter hintergrund, sauberer code?, brauch ich flash?!)

jap, is ja momentan auch nur um bissl vertrauter mit allem zu werden, wennsch ne richtige page für mich machen würde, würd ich dann ne domain mit space oder so bei united kaufen. so reichts erstmal


ah ok ich dachte ich müsste immer das div davor schreiben oder #xyz machen
die variante ohen div kannte ich nicht, wahrscheinlich ist es nun unabhängig und ich kann die class für div img etc benutzen richtig?


so ich bedanke mich erstmal. jetzt wo das passt krieg ich das evtl auch selber hin mit dem 2. background über dem ersten background und der schrift und ich werd mich mal an der scrollbar versuchen, wenns nicht klappt melde ich mich nochmal.

danke dir cebito ich hoffe ich kann mich iwann revanchieren

 

[cebito]

AW: diverse Probleme (doppelter hintergrund, sauberer code?, brauch ich flash?!)

Gern geschehn, wenn du Probleme mit Flexcroll bekommst - nur zu, frag einfach. Und ja, die class kannst jetzt für alles verwenden, was selbige Eigenschaften bekommen soll.