|
|
 | CSS position
Fra : Kristian |
Dato : 14-12-08 04:02 |
|
Hej!
Jeg står og skal bruge lidt hjælp.
Jeg skal placere et billed under et div felt, hvor jeg ofte
skifter teksten i og dermed div feltets højde. Men hvordan skal
jeg indsætte billedet, så det altid har en margin-top="10px"?
Min side er opbygget således.
-Fast banner, som altid har den samme placering.
-Div felt med tekst, der har fast brede men skifter i højde alt
efter hvor meget tekst jeg har skrevet deri.
-Et billed som skal placeres med margin-top=10px iforhold til div
feltet.
Men jeg kan ikke blot position="250px" da højden af div feltet
somsagt skifter.
Nogle der har en ide hvordan man kan gøre det?
Vh.
Kristian
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
 Kristian (14-12-2008)
| Kommentar
Fra : Kristian |
Dato : 14-12-08 06:56 |
|
Kristian wrote in dk.edb.internet.webdesign.html:
> Hej!
>
> Jeg står og skal bruge lidt hjælp.
> Jeg skal placere et billed under et div felt, hvor jeg ofte
> skifter teksten i og dermed div feltets højde. Men hvordan skal
> jeg indsætte billedet, så det altid har en margin-top="10px"?
>
> Min side er opbygget således.
>
> -Fast banner, som altid har den samme placering.
> -Div felt med tekst, der har fast brede men skifter i højde alt
> efter hvor meget tekst jeg har skrevet deri.
> -Et billed som skal placeres med margin-top=10px iforhold til div
> feltet.
>
> Men jeg kan ikke blot position="250px" da højden af div feltet
> somsagt skifter.
>
> Nogle der har en ide hvordan man kan gøre det?
>
> Vh.
> Kristian
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials
Problemet er løst :)
Men nu står jeg dog med et nyt, håber i så kan hjælpe med det.
Jeg har en ramme, sæt af 4 billeder som danne højre, venstre, top og
bund, som jeg gerne vil have til at indremme en tekst samt to
billeder. Jeg har nu sidder og fumlet med det i 2 timer, og har ikke
fundet nogle løsning. Håber der er nogle der kan hjælpe mig :)
Vh
Kristian
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Kristian (14-12-2008)
| Kommentar
Fra : Kristian |
Dato : 14-12-08 07:20 |
|
Kristian wrote in dk.edb.internet.webdesign.html:
> Hej!
>
> Jeg står og skal bruge lidt hjælp.
> Jeg skal placere et billed under et div felt, hvor jeg ofte
> skifter teksten i og dermed div feltets højde. Men hvordan skal
> jeg indsætte billedet, så det altid har en margin-top="10px"?
>
> Min side er opbygget således.
>
> -Fast banner, som altid har den samme placering.
> -Div felt med tekst, der har fast brede men skifter i højde alt
> efter hvor meget tekst jeg har skrevet deri.
> -Et billed som skal placeres med margin-top=10px iforhold til div
> feltet.
>
> Men jeg kan ikke blot position="250px" da højden af div feltet
> somsagt skifter.
>
> Nogle der har en ide hvordan man kan gøre det?
>
> Vh.
> Kristian
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials
Problemet er løst :)
Men nu står jeg dog med et nyt, håber i så kan hjælpe med det.
Jeg har en ramme, sæt af 4 billeder som danne højre, venstre, top og
bund, som jeg gerne vil have til at indremme en tekst samt to
billeder. Jeg har nu sidder og fumlet med det i 2 timer, og har ikke
fundet nogle løsning. Håber der er nogle der kan hjælpe mig :)
Vh
Kristian
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Erik Ginnerskov (14-12-2008)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 14-12-08 13:02 |
| | |
 Kristian (14-12-2008)
| Kommentar
Fra : Kristian |
Dato : 14-12-08 18:56 |
| | |
Allan Vebel (14-12-2008)
| Kommentar
Fra : Allan Vebel |
Dato : 14-12-08 21:30 |
| | |
Erik Ginnerskov (15-12-2008)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 15-12-08 00:14 |
|
Kristian wrote:
>> Et link til problemet ville hjælpe gevaldigt på vores evne og lyst
>> til at hjælpe dig.
>
> Siden kan ses her.
> http://www.guildgof.com//Tarren%20Mill/signup.html
>
> I kan se at det nederste af grafikken ikke passer sammen med resten.
> den er placeret under sumbit og reset, og er skubbet til venstre,
> hvilket ikke er meningen.
Hvad der springer i mine øjne er, at i FF er bundrammen forskudt 28px mod
højre og 21 px opad i forhold til elementet over. Og i IE er samme element
forskudt ca. 4 px opad i forhold til elementet før.
Det er dit udprægede - og overflødige - brug af position:absilute, der giver
dig problemer.
Denne forenkling af tre elementers definitioner giver samme udseende på
siden:
div.logo {
width: 803px;
margin: auto;
}
div.top {
width: 803px;
margin: auto;
}
div.main {
width: 803px;
margin: auto;
background: url(baggrund.gif) repeat-y;
}
Sætter du en class på bund.gif og giver den samme definitioner for bredde og
margin, vil den lægge sig pænt under den øvrige boks.
> Her kan i se css filen.
> http://www.guildgof.com//Tarren%20Mill/style.css
Den behøver du slet ikke linke til, når vi kan se siden - så kan vi uden
problemer selv finde css.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk
| |
Erik Ginnerskov (15-12-2008)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 15-12-08 00:29 |
| | |
Kristian (15-12-2008)
| Kommentar
Fra : Kristian |
Dato : 15-12-08 04:07 |
|
Jeg har uploaded en ny version af siden nu.
http://www.guildgof.com/Tarren%20Mill/ny/index.html
I firefox er designet som det skal være, men i IE er der stadig fejl og jeg
ved ikke hvad jeg skal gøre, jeg har brugt google, html.dk og
hjemmesideskolen.dk, men jeg har ikke fundet noget svar til problemet.
Jeg har fået tilføjet doctype, og fejlene er blevet reduceret til tre! :D
Fejlene består i at w3 mener at jeg mangler alt="" i tre stk <img>, men jeg
er alt="" virkelig så vigtigt?
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.guildgof.com%2FTarren%2520
Mill%2Fny%2Findex.html&charset=(detect+automatically)&doctype=HTML+4.01+Trans
itional&ss=1&group=0&verbose=1&user-agent=W3C_Validator%2F1.606
Jeg ved godt jeg skal passe på med at lave mellemrum og storebokstaver i mine
links, men pt gør det intet da det bare er for at tjekke om det hele virker
:)
Mange tak for hjælpen så langt, I har været helt kanon!
Vh
Kristian
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Bertel Lund Hansen (15-12-2008)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 15-12-08 09:53 |
|
Kristian skrev:
> Jeg har fået tilføjet doctype, og fejlene er blevet reduceret til tre! :D
> Fejlene består i at w3 mener at jeg mangler alt="" i tre stk <img>, men jeg
> er alt="" virkelig så vigtigt?
Alt-teksten er en hjælp for dem der ikke har billedvisning slået
til - primært blinde. Alt="" forhindrer at deres skærmlæser læser
op om billeder der ikke har betydning for indholdet.
> Jeg ved godt jeg skal passe på med at lave mellemrum og storebokstaver i mine
> links, men pt gør det intet da det bare er for at tjekke om det hele virker
Hvis du gør dig det til en vane aldrig at bruge den slags, så er
du fri for at det giver problemer. Hvis du af og til bruger det
fordi det bare er en test, så glemmer du en dag at testfasen er
overstået.
--
Bertel
http://bertel.lundhansen.dk/ FIDUSO: http://fiduso.dk/
| |
Birger Sørensen (15-12-2008)
| Kommentar
Fra : Birger Sørensen |
Dato : 15-12-08 13:15 |
|
Kristian udtrykte præcist:
> Jeg har fået tilføjet doctype, og fejlene er blevet reduceret til tre! :D
> Fejlene består i at w3 mener at jeg mangler alt="" i tre stk <img>, men jeg
> er alt="" virkelig så vigtigt?
alt attributen er oprindelig et "alternativ" til billedet, hvis det
ikke findes, eller af en eller anden årsag ikke kan vises (brugeren kan
f.eks. have slået billeder fra).
I FF, virker det som det skal.
I IE, vises et ikon, men ikke teksten. Til gengæld bruger IE også alt
som title, hvis title ikke er angivet...
Vigtig eller ej, kan måske diskuteres.
Til gengæld, kan det ikke diskueteres hvorvidt det er en del af
standarden. Det er det. Derfor _skal_ der være alt på billeder. Hvis
man ikke vil bruge den, sættes den tom (alt=""), men udelades kan den
ikke.
Hvis man ikke overholder standarderne, kan man lige så godt lade være
med at angive en Doctype..
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Bertel Lund Hansen (16-12-2008)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 16-12-08 10:00 |
|
Birger Sørensen skrev:
> Hvis man ikke overholder standarderne, kan man lige så godt lade være
> med at angive en Doctype..
Der er en teknisk standard for hvordan man koder HTML. Den siger
ikke noget om brugervenlighed og knap nok om logik. Rent teknisk
er det ingen fejl at bruge almndelig tekst i sine overskrifter og
<h1> til al brødtekst. Validatoren vil heller ikke melde fejl om
sådan et design.
Rent teknisk er det heller ingen fejl at udelade alt-tekster
eller width og height. Standarden tillader det, og browserne vil
virke fint.
At angive height og width har betydning for hvor hurtigt og
elegant en side renderes. Med de arbejdshastigheder der er
almindelige i dag er det tæt på at man kan skrotte kravet om de
to parametre.
Alt-tekster har betydning for hvor brugervenlig siden er for et
segment af brugerne, nemlig dem der får dem læst op af et
skærmprogram. Det burde dog være en smal sag for programmøren af
sådan et at få det til at ignorere billeder som ikke har en
alt-tekst. Det vil ikke stille brugeren værre på sider der totalt
ignorerer alt-tekster, men det ville befri os andre for at huske
at sætte tomme parametre på alle de tekniske billeder. Det
underer mig egentlig at man ikke er gået den vej - men det er man
måske også. Er der nogen der har undersøgt det?
Man kan godt sige at der er en de facto-standard for hvordan man
laver bruugervenlige sider, og ét af kravene til dem er at
alt-parameteren er angivet også hvis den er tom. Men at kalde det
en del af standarden uden at forklare nærmere, er forkert.
--
Bertel
http://bertel.lundhansen.dk/ FIDUSO: http://fiduso.dk/
| |
Birger Sørensen (16-12-2008)
| Kommentar
Fra : Birger Sørensen |
Dato : 16-12-08 11:09 |
|
Bertel Lund Hansen formulerede spørgsmålet:
> Birger Sørensen skrev:
>
>> Hvis man ikke overholder standarderne, kan man lige så godt lade være
>> med at angive en Doctype..
>
> Der er en teknisk standard for hvordan man koder HTML. Den siger
> ikke noget om brugervenlighed og knap nok om logik. Rent teknisk
> er det ingen fejl at bruge almndelig tekst i sine overskrifter og
> <h1> til al brødtekst. Validatoren vil heller ikke melde fejl om
> sådan et design.
>
> Rent teknisk er det heller ingen fejl at udelade alt-tekster
> eller width og height. Standarden tillader det, og browserne vil
> virke fint.
>
> At angive height og width har betydning for hvor hurtigt og
> elegant en side renderes. Med de arbejdshastigheder der er
> almindelige i dag er det tæt på at man kan skrotte kravet om de
> to parametre.
>
> Alt-tekster har betydning for hvor brugervenlig siden er for et
> segment af brugerne, nemlig dem der får dem læst op af et
> skærmprogram. Det burde dog være en smal sag for programmøren af
> sådan et at få det til at ignorere billeder som ikke har en
> alt-tekst. Det vil ikke stille brugeren værre på sider der totalt
> ignorerer alt-tekster, men det ville befri os andre for at huske
> at sætte tomme parametre på alle de tekniske billeder. Det
> underer mig egentlig at man ikke er gået den vej - men det er man
> måske også. Er der nogen der har undersøgt det?
>
> Man kan godt sige at der er en de facto-standard for hvordan man
> laver bruugervenlige sider, og ét af kravene til dem er at
> alt-parameteren er angivet også hvis den er tom. Men at kalde det
> en del af standarden uden at forklare nærmere, er forkert.
Fra
http://www.w3.org/TR/html401/struct/objects.html#edef-IMG :
The alt attribute specifies alternate text that is rendered when the
image cannot be displayed (see below for information on how to specify
alternate text ). User agents must render alternate text when they
cannot support images, they cannot support a certain image type or when
they are configured not to display images.
og fra
http://www.w3.org/TR/html401/struct/objects.html#adef-alt :
The alt attribute must be specified for the IMG and AREA elements. It
is optional for the INPUT and APPLET elements.
Hvordan kan du finde på at mene, at alt attributen ikke er en del af
standarden?
Desuden, var der faktisk en forklaring, som du har valgt at skære fra,
i din kommentar.
Og nej - standarden tillader _ikke_ udeladelse af alt på img.
Tværtimod, kræver den at der _skal_ være en alt.
Brugervenlighed og blinde på nettet, udtaler standarden sig til gengæld
ikke ret meget om.
Og jeg mener så også at den taler om title - ikke alt.
http://www.w3.org/TR/html401/intro/intro.html#h-2.3.2
http://www.w3.org/TR/html401/struct/global.html#adef-title
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Bertel Lund Hansen (16-12-2008)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 16-12-08 12:27 |
|
Birger Sørensen skrev:
> Hvordan kan du finde på at mene, at alt attributen ikke er en del af
> standarden?
Fordi den ingen betydning har for hvordan siden *vises*.
> Og nej - standarden tillader _ikke_ udeladelse af alt på img.
> Tværtimod, kræver den at der _skal_ være en alt.
Det står måske i beskrivelsen, men faktum er at den kan undværes.
Prøv derimod at undlade i et C-program at initialisere en
variabel. Programmet bliver slet ikke oversat og kan ikke
afvikles. Det kalder jeg et krav.
--
Bertel
http://bertel.lundhansen.dk/ FIDUSO: http://fiduso.dk/
| |
Stig Johansen (16-12-2008)
| Kommentar
Fra : Stig Johansen |
Dato : 16-12-08 13:51 |
|
Bertel Lund Hansen wrote:
> Prøv derimod at undlade i et C-program at initialisere en
> variabel.
Dét tror jeg vi skal overlade til MS med tanken om, at 90% af alle fejl
skyldes uinitierede variable.
(Jaja jeg ved godt at 85% af alle statistikker er 'made up')
> Programmet bliver slet ikke oversat og kan ikke
> afvikles.
Interessant iagttagelse....
--
Med venlig hilsen
Stig Johansen
| |
Birger Sørensen (16-12-2008)
| Kommentar
Fra : Birger Sørensen |
Dato : 16-12-08 14:16 |
|
Efter mange tanker skrev Bertel Lund Hansen:
> Birger Sørensen skrev:
>
>> Hvordan kan du finde på at mene, at alt attributen ikke er en del af
>> standarden?
>
> Fordi den ingen betydning har for hvordan siden *vises*.
Undtaget selvfølgelig de tilfælde hvor billedet af en eller anden årsag
ikke kan vises - så skal alt teksten faktisk *vises*.
>> Og nej - standarden tillader _ikke_ udeladelse af alt på img.
>> Tværtimod, kræver den at der _skal_ være en alt.
>
> Det står måske i beskrivelsen, men faktum er at den kan undværes.
Her glemmer vi så, at udeladelse af alt faktisk giver valideringsfejl.
alt kan ikke udelades, hvis koden skal validere.
At "den kan undværes" skyldes browsernes mere eller mindre afvigelser
fra standarden - måske en tilgivende holdning for fejl eller
kompatibilitet med tidligere versioner - det som IE er så kritiseret
for. Hvis browsere overholdt standarden, ville sider der indholder img
tags uden alt ikke kunne vises.
At browsere ikke overholder standarderne, er næppe noget nyt, og det
ændrer ikke en tøddel på, at alt *skal* angives i img, som en del af
standarden.
Og det er lidt baglæns at bruge det som et argument for at alt ikke er
en del af standarden.
> Prøv derimod at undlade i et C-program at initialisere en
> variabel. Programmet bliver slet ikke oversat og kan ikke
> afvikles. Det kalder jeg et krav.
Det er vist tilfældet i andet end C også.
Nu handler det om HTML og CSS standarder, og ovenstående argument er
helt irrelevant.
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Erik Ginnerskov (15-12-2008)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 15-12-08 13:52 |
| | |
Kristian (15-12-2008)
| Kommentar
Fra : Kristian |
Dato : 15-12-08 17:02 |
| | |
John V. (23-12-2008)
| Kommentar
Fra : John V. |
Dato : 23-12-08 13:15 |
|
"Kristian" <mudde@guildgof.com> skrev i en meddelelse
news:49447744$0$90272$14726298@news.sunsite.dk...
> Hej!
>
> Jeg står og skal bruge lidt hjælp.
> Jeg skal placere et billed under et div felt, hvor jeg ofte
> skifter teksten i og dermed div feltets højde. Men hvordan skal
> jeg indsætte billedet, så det altid har en margin-top="10px"?
>
> Min side er opbygget således.
>
> -Fast banner, som altid har den samme placering.
> -Div felt med tekst, der har fast brede men skifter i højde alt
> efter hvor meget tekst jeg har skrevet deri.
> -Et billed som skal placeres med margin-top=10px iforhold til div
> feltet.
>
> Men jeg kan ikke blot position="250px" da højden af div feltet
> somsagt skifter.
>
> Nogle der har en ide hvordan man kan gøre det?
>
> Vh.
> Kristian
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials
Først, jeg svarer ikke på det du spørger om, det gør mange andre jo, men
kommer med et andet forslag.
Hvorfor får du ikke bare fat i php-fusion, det kan alt hvad du har brug for
til sådan en side, findes på dansk, er gratis og det hele.
Det er også en dansk side hvor man kan få hjælp med det, den er
http://www.php-fusion.dk/ her. De kan også tilbyde at lægge det hele op for
dig, så det fungere for omkring 200 Kr.
Jeg har selv sådan en, selv om jeg ikke bruger den mere, se den
http://taform.dk/khadgar/ her. Det blev dog aldrig rigtigt wow-agtigt, men
det har andre lavet, faktisk flottere end Blizzard selv.
Hvis du søger på php-fusion guild kommer det over 50.000 hits, mange
af dem er guilds.
Mange andre guilds har lavet deres hjemmeside på den måde, da det kan
tilpasses i det uendelige og der er mange smarte funktioner indbygget.
F.eks. upload af fotos fra brugere, kalender, afstemninger og alt muligt
andet smart.
Tekniske krav er at du har et php-hotel og en mysql-database tilknyttet, men
da webhoteller er "næsten" gratis nu om dage, skulle det vel ikke være det
store problem at få sådan et, hvis du ikke allerede har det.
John
| |
|
|