|
|
 | Hvordan får jeg billeder til at blive st~
Fra :  ajohansen  | Vist : 430 gange
100 point
Dato : 12-03-04 07:32 |
|
jeg sidder og roder lidt med denne side
http://www.cirkuspip.dk/juleshow.htm.
Siden er bygget op med css. http://www.cirkuspip.dk/stylesheet/mainstyle.css.
Meningen er, at der på den lysegule del, skal være tekst til venstre og billeder til højre, som skal placeres ud for den tekst som de tilhører.
Nu er problemet så det, at når der scrolles så følger billederne med.
Hvordan får jeg dem til at blive, hvor de skal, altså ud for teksten.
PS jeg vil helst ikke bruge tabeller
//anne
| |
|
Først og fremmest kan jeg fortælle dig, at siden ikke virker.
Men hvis du tilføjer denne
background-attachment: fixed;
Så skulle billederne blive stående, forudsat billederne er sat som baggrund
| |
|
Der er faktisk en konkret lektion om det i det css kursus du kan finde her på siden
| |
 | Kommentar
Fra : severino |
Dato : 12-03-04 09:50 |
|
Tilsyneladende er det dine "div class" der fastfryser billederne.
Sådanne effekter opnår man, når man forsøger at afvige fra den almindelige HTML kode.
Lige så snart man blander andre former for webdesign ind, så begynder det at kræve mere akkuratesse.
HTML er det mest tollerante sprog, der tilgiver selv mindre fejl. Men lige såsnart man bevæger sig over i de lidt mere avancerede sprog som CSS og SCRIPT m.m., så skal man til at holde ørene stive, da selv mindre fejl resultere i en fejlmelding.
I dit tilfælde beder du jo selv om at billederne skal blive der hvor de er.
Så se lidt mere på din class funktion.
| |
| Kommentar
Fra : ajohansen |
Dato : 12-03-04 09:58 |
| | |
| Accepteret svar
Fra : severino | 
Modtaget 100 point
Dato : 12-03-04 10:13 |
|
Hej Anne
Jeg fandt alligevel ind til din side med eller uden punktum.
Du skal nok se lidt nærmere på din CLASS, som nok skal rettes i din CSS, eller ændre direkte i dit HTML dokument.
Det gør du jo nemt i Web Writer 4, som du jobruger!
| |
 | Kommentar
Fra : dscoop80  |
Dato : 12-03-04 10:16 |
|
Hej.
Prøv at lægge denne linie ind i din <BODY>
bgproperties="fixed"
f.eks. <BODY width="100%" height="100%" background="hello.gif" bgproperties="fixed">
Mvh. Cooper
| |
 | Kommentar
Fra : molokyle |
Dato : 12-03-04 12:35 |
| | |
| Kommentar
Fra : ajohansen |
Dato : 12-03-04 13:25 |
|
severino >> ja tegnsætning er godt, men det kan altså også blive for meget, men det var jo til at gennemskue  det hjalp at fjerne <left>-koden, det er jo ikke særlig smart både at have en left-margin og en right-margin 
dscoop80 og Better_Performance >> det skal ikke være en baggrund.
molokyle >> ja det er smart med java-script, men det er da ret generende, at den står og hopper, når man scroller. 
//anne
| |
| Kommentar
Fra : ajohansen |
Dato : 12-03-04 13:36 |
| | |
| Kommentar
Fra : molokyle |
Dato : 12-03-04 13:44 |
|
ajohansen -> Intet i livet er gratis, det koster noget at komme i paradis 
Jeg ledte i sin tid med lys og lygte efter et bedre og lige så generelt script, men fandt ikke noget. Scriptet virker til gengæld på alle elementer. Både billeder og skriftafsnit. Det 'samarbejder' med 'fixed' i CSS og udvider dermed funktionaliteten. Ret smart.
Med hiv og sving kunne man sikkert skrive et dedikeret script til opgaven, men... puha.... ikke mig
</MOLOKYLE>
| |
| Kommentar
Fra : molokyle |
Dato : 12-03-04 13:58 |
|
Hvis du kigger lidt på scriptet vil du se der er muligheder for at 'lege' lidt med variablerne. F.eks : var fixed_SCANDELAY= 500;
Jeg har ikke haft mod til at prøve at ændre værdien, men måske en mulighed? 
Ps. Jeg er ved at etablere mig i min nye lejlighed og at opbygge et asiatisk lav-vands akvarie til en 100% naturtro biotop, så jeg har nok at se til ellers...
 </MOLOKYLE>
| |
| Kommentar
Fra : ajohansen |
Dato : 12-03-04 14:29 |
|
OK jeg er heldigvis færdig med mit akvarie, som er et ganske almindeligt selskabsakvarie på 530 l. så nu håber vi bare på at gulvet kan holde, huset og dermed gulvet er fra 1877. UHA
jeg skal lige ind og kikke på det script, og der er da ikke noget at være bange for, virker det ikke, må du jo bare sætte værdien tilbage igen.
god fornøjelse med lejligheden 
//anne
| |
| Godkendelse af svar
Fra : ajohansen |
Dato : 14-03-04 08:48 |
| | |
| Kommentar
Fra : ajohansen |
Dato : 14-03-04 21:57 |
|
her er det resultat som kom frem til
<div style=" float:right; margin-right:15px; margin-bottom:10px; margin-top:0px"><img src="images/Cirkus2.jpg" alt="cirkus pip's manege" /></div>
og det virker
//anne
| |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|