Toon posts:

[html/css]background 1 keer gecentered neerzetten

Pagina: 1

Acties:

175 views sinds 30-01-2008
Reageer

zaterdag 19 januari 2002 00:00

Acties:

Verwijderd

Topicstarter

Hallo, ik heb voor de site van een vriend een ideetje, hij heeft een weblog met aan de bovenkant een banner, daarbeneden twee kollomen, een met links, een met z'n blog. Kijk maar.
Nou had ik het idee om die banner gecentreerd op de achtergrond te zetten (enkel dus), dan kan ik em namelijk vastpinnen met bgproperties="fixed". Als dat allemaal gedaan is kan ik het geheel met dit stukje css doorzichtig maken:

code:

<style>
DIV 
    {
    width:100%; 
      filter: alpha(opacity=95);
    }
</style>

Zodat je -als je scrollt- de text + plaatjes + formpjes + de hele mikmak over die banner heen ziet gaan

De vraag is dus of/hoe ik dat bovenste plaatje gecentered op de background krijg.....

Alvast bedankt, Atar.

zaterdag 19 januari 2002 13:40

Acties:

Verwijderd

Topicstarter

niemand die weet hoe ik dit kan doen?

zaterdag 19 januari 2002 14:21

Acties:

paQ

Op zaterdag 19 januari 2002 13:40 schreef Atar het volgende:
niemand die weet hoe ik dit kan doen?

bedoel je zoiets? (CSS)

code:

body 
{ 
background-image:url('BG.gif'); 
background-position:center; 
background-repeat:no-repeat; 
background-attachment:fixed; 
}

je kan van de variabele "center" ook zoiets als "top center" maken, zodat hij boevn in het midden gefixeerd staat.

hoop dat dit is wat je bedoeld...

Ik doe niet aan bijgeloof. Dat brengt ongeluk.

zaterdag 19 januari 2002 16:38

Acties:

Verwijderd

Topicstarter

ja, idd, maar ik had het ondertussen ook zelf gevonden, via een lange, grote omweg, maar wel gevonden. Toch bedankt

vrijdag 22 november 2002 11:26

Acties:

Cheater

Dit topic voldoet een klein beetje aan dezelfde specificaties als mijn probleem.

Ik heb een background, netjes dat hij niet meescrollt en dergelijke,
maar ik wil graag dat hij past in het scherm. automatisch vergroten,
als er een grote resolutie is, en verkleinen als er een kleinere resolutie is.

Kan dit in CSS? ik heb al wat CSS sites afgespeurd en enkel:
background-width heb ik ook al geprobeerd maar dat ondersteund hij
geloof ik niet.

vrijdag 22 november 2002 11:30

Acties:

Willem

Waarom zou je in vredesnaam je tekst over een banner willen laten scrollen?

Motor (of auto) onderhoud bijhouden

vrijdag 22 november 2002 11:30

Acties:

Willem

En in antwoord op de achtergrondvraag van Cheater: Doe 't in Flash en geef bij de properties een width en/of height op van 100%.. altijd beeldvullend.

Motor (of auto) onderhoud bijhouden

vrijdag 22 november 2002 11:33

Acties:

crisp

Devver

Pixelated

willem169 schreef op 22 november 2002 @ 11:30:
En in antwoord op de achtergrondvraag van Cheater: Doe 't in Flash en geef bij de properties een width en/of height op van 100%.. altijd beeldvullend.

Flash voor een achtergrond plaatje? Gebruik jij ook altijd een hamer om een schroefje vast te draaien?

Plaatje in een div zetten en die sizen lijkt me een eenvoudigere oplossing....

Intentionally left blank

vrijdag 22 november 2002 11:36

Acties:

Cheater

Kan ik dit dan boven mijn huidige body properties van CSS zetten? en dat hij em dan automatisch pakt...

DIV
{
width:100%;
height:100%;
}

[ Voor 58% gewijzigd door Cheater op 22-11-2002 11:38 ]

vrijdag 22 november 2002 11:49

Acties:

Willem

crisp:
Flash voor een achtergrond plaatje? Gebruik jij ook altijd een hamer om een schroefje vast te draaien?

Met een hamer past alles

crisp:
Plaatje in een div zetten en die sizen lijkt me een eenvoudigere oplossing....

Wist niet dat je een plaatje _{met vaste grootte} 100% kon stretchen met CSS..

Motor (of auto) onderhoud bijhouden

vrijdag 22 november 2002 11:50

Acties:

Cheater

ik wist dat dus ook niet....leg uit?

vrijdag 22 november 2002 11:57

Acties:

crisp

Devver

Pixelated

Zoiets:

HTML:

&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;&gt;
&lt;title&gt;Stretching background&lt;/title&gt;
&lt;style type=&quot;text/css&quot;&gt;
body {
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}
#backgroundContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#backgroundImage {
  width: 100%;
  height: 100%;
}
#contentContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px;
  width: 100%;
  height: 100%;
  overflow: auto;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;backgroundContainer&quot;&gt;&lt;img id=&quot;backgroundImage&quot; src=&quot;achtergrond.gif&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;div id=&quot;contentContainer&quot;&gt;
Hier de content enzo
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

[ Voor 17% gewijzigd door crisp op 22-11-2002 11:58 ]

Intentionally left blank

vrijdag 22 november 2002 12:02

Acties:

Verwijderd

CSS3 heeft alvast een background-size

Maar het zal nog wel ff duren voor je dat safe kan gebruiken

vrijdag 22 november 2002 15:15

Acties:

Cheater

Nou dat werkte dus niet

Ik krijg dat niet in orde hoor

vrijdag 22 november 2002 15:25

Acties:

crisp

Devver

Pixelated

Cheater schreef op 22 november 2002 @ 15:15:
Nou dat werkte dus niet

Ik krijg dat niet in orde hoor

Wat werkt er niet? Die CSS3 code van Milkman_Dan of mijn code?

Intentionally left blank

vrijdag 22 november 2002 16:00

Acties:

Verwijderd

Cheater schreef op 22 november 2002 @ 15:15:
Nou dat werkte dus niet

Mja...ik had wat duidelijker kunnen zijn, CSS 3 is nog 'under construction', nieuwe onderdelen worden nog niet ondersteund door huidige browsers. Alleen Mozilla een beetje (geloof ik).

Ik wilde alleen maar aangeven dat het in een verre toekomst a piece of cake is.

Pagina: 1

Reageer