[CSS] 1 hoofdachtergrond en nog een loopachtergrond

Pagina: 1
Acties:

  • JorisPenders
  • Registratie: April 2004
  • Laatst online: 10-04 22:01

JorisPenders

Designer & Coder

Topicstarter
Hallo allemaal,

ik ben nu bezig een nieuwe layout aan het ontwerpen voor mn site.

Nu wil ik het volgende

hier plaatje:
Afbeeldingslocatie: http://www.playah.nl/images/playah_layout.jpg

Blauw = stukken

Ik wil het deel BOVEN de rode lijn als achtergrond gebruiken die niet loopt, zowel horizontaal als verticaal niet, dit kan allemaal met CSS want dit heb ik al uitgezocht. Ook de tabellen maak ik met CSS opacity 20.

Niets aan de hand zou je denken, maar zodra de tabel langer wordt als de achtergrond groot is, houd de achtergrond op en krijg je dus alleen maar een witte achtergrondKLEUR. Deze kleur zou ik willen vervangen door een afbeeldingen die wel als loop-achtergrond kan gebruiken, dus onder de rode lijn.
Is het mogelijk om zeg maar 1 hoofd-achtergrond (bovenste stuk) als eerste te doen en daaronder een 2e achtergrond?

Joris

[ Voor 11% gewijzigd door JorisPenders op 24-11-2004 21:33 ]

SystemSpecs -- WebArea - Your Online Home -- Webdesign


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Ik hoop niet dat je tabellen gebruikt voor de opmaak he ;)

Maar iig, ik zou de background instellen en laten loopen en de image fixed bovenin zetten (met een id op de image en CSS die de positie bepaald).

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • JorisPenders
  • Registratie: April 2004
  • Laatst online: 10-04 22:01

JorisPenders

Designer & Coder

Topicstarter
Ik wil dus wel werken met tabellen :+, het allerbovenste stuk kan ik wel als image zetten, maar als dat wit (lees tabel) begint, moet het wel als achtergrond, toch?

SystemSpecs -- WebArea - Your Online Home -- Webdesign


  • Thijsmans
  • Registratie: Juli 2001
  • Laatst online: 19-05 16:37

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

Bovendien is je systeem zo lek als een mandje :/

Bans van je site:
deny from 82.92.12.**
deny from 84.31.42.***
deny from 213.93.48.***
deny from 80.100.101.***
Je php.ini staat in je windows-map (die ik niet zal laten zien vanwege de veiligheid). En ik kan je registry-entries zien etc etc. Je server staat volledig open op deze manier. Leer coden of doe het niet, omwille je eigen hardware/software/naam die je te grabbel gooit.

Als ik jou was, zou ik even kijken of je niet wat anders kan gaan doen dan webdevelopen.

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.


  • HunterPro
  • Registratie: Juni 2001
  • Niet online
pram winnt-php wil graag z'n php.ini in je %systemroot% hebben dus da's niet zo spannend :+ maar ik kan je wel gelijk geven.

Topicstarter: slinger eens een beetje preventie in je include / fopen :)

Verwijderd

Ik vind persoonlijk de tekst van de menuitems erg slecht leesbaar.

Hou er verder rekening mee dat wanneer je een element m.b.v. CSS semi-transparent maakt, de inhoud deze transparantie zal overerven. Zo krijg je dus snel dat de inhoud onleesbaar wordt en dat is waarschijnlijk niet echt wat je wilt.
Je zou dan de achtergronden los kunnen slicen en ze in de losse elementen zetten. Dan wordt je layout alleen nogal pixel gebaseerd en krijg je vaak problemen met het crossbrowser hetzelfde houden van de layout.

Wat een heerlijke wereld toch, als webdesigner... :Y)

  • djluc
  • Registratie: Oktober 2002
  • Laatst online: 19-05 18:05
Geen tabellen gebruiken, dat is mijn tip. Verder geen discussie hierover in dit topic wat mij betreft, dat is hier offtopic.

Volgens mij moet je zoiets doen:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
body{
  background-image=looper.gif;
  background-repeat: repeat-y;
  background-position: center top;
}

/*deze div staat om alles content heen*/
.page{
  background-image=background.gif;
  background-repeat: no-repeat;
  background-position: center top;
}

Verwijderd

djluc schreef op woensdag 24 november 2004 @ 22:02:
Volgens mij moet je zoiets doen:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
body{
  background-image=looper.gif;
}

/* wordt :   */
body {
  background-image: looper.gif;
}
Let op dat CSS rules het :-teken gebruiken, en niet het =-teken.

  • Thijsmans
  • Registratie: Juli 2001
  • Laatst online: 19-05 16:37

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

en dat je bij het opgeven van paths naar files url(path) gebruikt ipv gewoon 'path'

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.


  • JorisPenders
  • Registratie: April 2004
  • Laatst online: 10-04 22:01

JorisPenders

Designer & Coder

Topicstarter
Het kan zo te zien niet met tabel,
ik heb al een andere oplossing bedacht, gwoon gradient naar één kleur en die als backgroundcolor laten verdergaan.

offtopic:
Site is nog wat slecht beveiligd weet ik, maar dat komt goed, moet ik nog ff fixen!

[ Voor 3% gewijzigd door JorisPenders op 24-11-2004 22:12 ]

SystemSpecs -- WebArea - Your Online Home -- Webdesign

Pagina: 1