|
|
 | Ændring af background til ? , så siden val~
Fra : C. Nielsen |
Dato : 23-05-06 15:51 |
|
Jeg har prøvet at validerer det site jeg arbejder på, og får beskeden at
background ikke er en attribute. Hvad kan jeg gøre så siden validerer ?
Det drejer sig om siderne på : www.gekkographic.dk , det er i topbjælken at
der er en background.
Venlig hilsen
C. Nielsen
| |
 Christian Bohr-Halli~ (23-05-2006)
| Kommentar
Fra : Christian Bohr-Halli~ |
Dato : 23-05-06 16:00 |
|
"C. Nielsen" <C.NielsenDKminusdette@hotmail.com> posting:
>Jeg har prøvet at validerer det site jeg arbejder på, og får beskeden at
>background ikke er en attribute. Hvad kan jeg gøre så siden validerer ?
Erstat den med style="background: url(dit billede)"
--
What is life, except excuse for death,
or death, but an escape from life. -Ukendt
--== http://opera.softwolves.dk/O.o ==--
| |
Bertel Lund Hansen (23-05-2006)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 23-05-06 16:12 |
|
C. Nielsen skrev:
> Jeg har prøvet at validerer det site jeg arbejder på, og får beskeden at
> background ikke er en attribute. Hvad kan jeg gøre så siden validerer ?
Fjern tabellen og sæt en regel i CSS med en klasse der får
billedet som baggrund og centreret tekst. Så give du bare div'en
den klasse.
(Utestet)
--
Bertel
http://bertel.lundhansen.dk/ http://fiduso.dk/
| |
C. Nielsen (23-05-2006)
| Kommentar
Fra : C. Nielsen |
Dato : 23-05-06 16:49 |
|
"Bertel Lund Hansen" <nospamfilius@lundhansen.dk>
> C. Nielsen skrev:
>
>> Jeg har prøvet at validerer det site jeg arbejder på, og får beskeden at
>> background ikke er en attribute. Hvad kan jeg gøre så siden validerer ?
>
> Fjern tabellen og sæt en regel i CSS med en klasse der får
> billedet som baggrund og centreret tekst. Så give du bare div'en
> den klasse.
>
> (Utestet)
Det lyder rigtig godt, det vil jeg gerne prøve. Nu er det første gang jeg
bruger et css-ark, så jeg ville blive rigtig glad for en lidt mere præcis
vejledning, hvis ikke det er for meget besvær.
Venlig hilsen
C. Nielsen
| |
 Bertel Lund Hansen (23-05-2006)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 23-05-06 18:30 |
|
C. Nielsen skrev:
> Det lyder rigtig godt, det vil jeg gerne prøve. Nu er det første gang jeg
> bruger et css-ark, så jeg ville blive rigtig glad for en lidt mere præcis
> vejledning, hvis ikke det er for meget besvær.
Det er stadig utestet, men det burde virke (det siger man jo hver gang ...)
HTML:
Du har først i body:
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="780" id="top1">
<tr>
<td background="billeder/forside/top_780x100.jpg" width="780" height="95" valign="bottom" align="right">
</td>
</tr>
</table>
</div>
Skriv i stedet:
<div class='topbjaelken'> </div>
CSS:
..topbjaelken {
width: 780px;
background: url(billeder/forside/top_780x100.jpg) no-repeat;
}
Bemærk at jeg *ikke* bruger æ. Brug altid kun websikre tegn når
det drejer sig om filnavne, koder og den slags. Websikre tegn er
kun små bogstaver
kun engelske bogstaver
understreg samt + og -
Oprydning i den nuværende CSS:
Der er ikke noget i vejen med din CSS, men den kan forenkles,
og det gør den lettere at vedligeholde og ændre.
Når du har sat en egenskab i body, så gælder den alle elementerne
på hele siden medmindre du ændrer det i en senere specifikation.
Derfor kan du fjerne alle de font-angivelser der er magen til
den i body.
Det vil nok også være en fordel at du kun angiver den sorte
baggrund i body og så skriver:
background-color: inherit;
i de senere angivelser. Så vil du kun behøve at rette farven ét
sted hvis du f.eks. senere laver den mørkegrå. Desuden bliver
det klarere at der ikke sker nogen ændring af baggrundsfarven i
de efterfølgende elementer.
På samme måde som alle elemnterne arver fra body, så arver alle
link-angivelser fra a{}.
Derfor behøver du slet ikke noget med a:link. Det er allerede angivet.
Ved a:hover er der kun én ting der skal være anderledes. Der skal
så kun stå:
a:hover{
color:#66CCFF;
background-color:inherit;
}
Tilsvarende kan du ved de andre fjerne det der allerede er sat i a{}.
Det princip med at en egenskab sat i et overelement nedarves
til alle dets underelementer, er fundamentalt for CSS.
PS. Kan man så ikke også fjerne specifikationen af
background-color?
Jo, det burde man kunne, men det giver en advarsel i validatoren.
Den forlanger at man altid sætter background-color når man
sætter color.
Lidt ulogisk, men det er til at leve med.
--
Bertel
http://bertel.lundhansen.dk/ http://fiduso.dk/
| |
C. Nielsen (23-05-2006)
| Kommentar
Fra : C. Nielsen |
Dato : 23-05-06 22:57 |
|
"Bertel Lund Hansen" <nospamfilius@lundhansen.dk>
> C. Nielsen skrev:
>
>> Det lyder rigtig godt, det vil jeg gerne prøve.
> Skriv i stedet:
> <div class='topbjaelken'> </div>
>
> CSS:
> .topbjaelken {
> width: 780px;
> background: url(billeder/forside/top_780x100.jpg) no-repeat;
> }
Imponerende flot vejledning. Mange tak.
Jeg har forsøgt at få det til at virke, men det driller lidt.
Jeg har blot arbejdet med en side, og ladet den side linke til et nyt
css-ark.
Siden er http://www.gekkographic.dk/hvem_er_gekko.htm
Det ser fint ud i firefox , men i IE kan man slet ikke se topbjælken - Er
det noget jeg har gjort forkert ?
Både css og selve siden validerer og jeg har prøvet forskelligt, men jeg har
ikke kunnet løse det.
Venlig hilsen
C. Nielsen
| |
Dennis Munding (23-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 23-05-06 23:10 |
|
Hej!
"C. Nielsen" <C.NielsenDKminusdette@hotmail.com> skrev i en meddelelse
news:4473851f$0$27533$edfadb0f@dread11.news.tele.dk...
> Imponerende flot vejledning. Mange tak.
> Jeg har forsøgt at få det til at virke, men det driller lidt.
> Jeg har blot arbejdet med en side, og ladet den side linke til et nyt
> css-ark.
> Siden er http://www.gekkographic.dk/hvem_er_gekko.htm
> Det ser fint ud i firefox , men i IE kan man slet ikke se topbjælken - Er
> det noget jeg har gjort forkert ?
> Både css og selve siden validerer og jeg har prøvet forskelligt, men jeg
> har ikke kunnet løse det.
I dit CSS:
..topbjaelken {
width: 780px;
background-image: url("../billeder/forside/top_780x95.jpg");
background-repeat: no-repeat;
}
I din HTML:
Har du glemt et afslutnings-tag for <p>:
<div class='topbjaelken'>
<p> </p>
<p> </p>
<p> </div>
Det skal se således ud:
<div class='topbjaelken'>
<p> </p>
<p> </p>
<p> </p></div>
Testet og det virker i IE6.0 på WinXP!
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
C. Nielsen (24-05-2006)
| Kommentar
Fra : C. Nielsen |
Dato : 24-05-06 10:29 |
|
"Dennis Munding" <mail@invalid.dk> skrev i en meddelelse
news:dKLcg.23840$n_5.21510@news.get2net.dk...
> Hej!
> "C. Nielsen" <C.NielsenDKminusdette@hotmail.com> skrev i en meddelelse
> news:4473851f$0$27533$edfadb0f@dread11.news.tele.dk...
>> Imponerende flot vejledning. Mange tak.
>> Jeg har forsøgt at få det til at virke, men det driller lidt.
>> Jeg har blot arbejdet med en side, og ladet den side linke til et nyt
>> css-ark.
>> Siden er http://www.gekkographic.dk/hvem_er_gekko.htm
> Har du glemt et afslutnings-tag for <p>:
> Det skal se således ud:
>
> <div class='topbjaelken'>
> <p> </p>
> <p> </p>
> <p> </p></div>
Tak for hjælpen. Det gjorde forskellen.
Det vises nu både i IE og firefox. .
Der er dog et andet problem.
Hvordan kan jeg får topbjaelken centreret så den følger resten af siden ?
Findes der en måde så div'en udvider sig efter størrelsen af billedet , så
det ikke er nødvendigt med de ekstra <p> ? det ville da være smartere, hvis
billedet skulle udskiftes
Venlig hilsen
C. Nielsen
www.gekkographic.dk
"smile and the world smiles back, most of the time "
| |
Bertel Lund Hansen (24-05-2006)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 24-05-06 13:09 |
|
C. Nielsen skrev:
> Hvordan kan jeg får topbjaelken centreret så den følger resten af siden ?
Sæt:
margin:auto
i CSS-delen med topbjaelken.
> Findes der en måde så div'en udvider sig efter størrelsen af billedet , så
> det ikke er nødvendigt med de ekstra <p> ? det ville da være smartere, hvis
> billedet skulle udskiftes
Eb baggrund er netop en baggrund og er ikke beregnet til at
'blive taget hensyn til'. Meningen er jo bare at den skal ligge
under selve indholdet, og det er *det*/ der bestemmer hvor store
'boksene' bliver og dermed hvor meget baggrund de får brug for.
Du kan eksperimentere med ikke at bruge billedet som baggrund,
men som 'indholdsbillede'. Så tager det selv den nødvendige
plads.
--
Bertel
http://bertel.lundhansen.dk/ http://fiduso.dk/
| |
Bertel Lund Hansen (24-05-2006)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 24-05-06 17:14 |
|
C. Nielsen skrev:
> Findes der en måde så div'en udvider sig efter størrelsen af billedet , så
> det ikke er nødvendigt med de ekstra <p> ?
Det mest logiske er det jeg skrev før - lad billedet være en del
af indholdet. Det kan gøres sådan:
CSS
..topbjaelken {
width: 100%;
margin: auto;
text-align: center;
}
HTML
<div class='topbjaelken'><img src='top_780x.jpg' width='780' height='100' alt=''></div>
I øvrigt burde du komme helt af med alle dine tabeller. Indholdet
kan sættes på plads med div'er på cirka samme måde som topbjælken.
--
Bertel
http://bertel.lundhansen.dk/ http://fiduso.dk/
| |
C. Nielsen (24-05-2006)
| Kommentar
Fra : C. Nielsen |
Dato : 24-05-06 21:44 |
|
"Bertel Lund Hansen" <nospamfilius@lundhansen.dk>
> C. Nielsen skrev:
>
>> Findes der en måde så div'en udvider sig efter størrelsen af billedet ,
>> så
>> det ikke er nødvendigt med de ekstra <p> ?
> Det kan gøres sådan:
>
> CSS
> .topbjaelken {
> width: 100%;
> margin: auto;
> text-align: center;
> }
>
> HTML
> <div class='topbjaelken'><img src='top_780x.jpg' width='780' height='100'
> alt=''></div>
Dejligt med råd og vejledning.
Jeg har også selv arbejdet videre med ideen om at gøre topbjælken til et
billede.
Jeg har lavet en img#pix1 i css , som jeg så tænkte måske også kunne bruges
til andre billeder.
Er det CSS - text-align:center , der gør at billedet vil centrere sig sammen
med resten af siden, for det har jeg ikke fået med, og jeg har samme problem
med at det ikke følger med resten af siden , når vinduet gøres større og
mindre. Se det her : http://www.gekkographic.dk/hvem_er_gekko.htm
Det virker noget uoverskueligt at lave alle tabellerne om til at skulle
styres i <div>'s via CSS, men måske er det blot min uerfarenhed.
Venlig hilsen
C. Nielsen
www.gekkographic.dk
"smile and the world smiles back, most of the time "
| |
Erik Ginnerskov (24-05-2006)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 24-05-06 23:40 |
|
C. Nielsen wrote:
> Det virker noget uoverskueligt at lave alle tabellerne om til at
> skulle styres i <div>'s via CSS, men måske er det blot min
> uerfarenhed.
Det er ganske rigtigt et stort arbejde, når det skal laves om fra
tabeldesign til at ligge i css-styrede div'er.
Til gengæld vil du senere opdage, at det er blevet meget lettere at
vedligeholde. Og det vil fremover også være meget lettere at ændre sidens
design, når det er lavet med div og css.
Så fat mod, du er ikke den første, der kastes ud i den opgave. Vi er mange,
der har prøvet det. 
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/
| |
Dennis Munding (25-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 25-05-06 09:04 |
| | |
C. Nielsen (25-05-2006)
| Kommentar
Fra : C. Nielsen |
Dato : 25-05-06 11:16 |
|
"Dennis Munding" <mail@invalid.dk> skrev
> Hej C(harlotte?)! - rigtig set 
> "C. Nielsen" <C.NielsenDKminusdette@hotmail.com>
>> Det virker noget uoverskueligt at lave alle tabellerne om til at skulle
>> styres i <div>'s via CSS...
> Du får det lige serveret på et sølvfad (kig i kildekoden):
>
> http://skovaa-munding.dk/hvem_er_gekko.html
Jeg kan jo kun sige tusinde tak. Hvor er det bare imponerende at få hele
siden skrevet om så det styres via CSS, og lærerigt.
Det giver mig helt mod på at forsøge at skrive mere af det om til CSS.
Jeg har et nyt spørgsmål vedr. omskrivning af tabeller med mange celler i ,
til css , og hvordan det gøres . Jeg skriver et nyt indlæg , for
overskuelighedens skyld.
Venlig hilsen
C. Nielsen
www.gekkographic.dk
"smile and the world smiles back, most of the time "
| |
Dennis Munding (25-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 25-05-06 15:19 |
|
Hej Charlotte!
"C. Nielsen" <C.NielsenDKminusdette@hotmail.com> skrev i en meddelelse
news:447583cd$0$27585$edfadb0f@dread11.news.tele.dk...
>
> "Dennis Munding" <mail@invalid.dk> skrev
>> Hej C(harlotte?)! - rigtig set
Var ikke sikker - efternavnet snyder lidt i forhold til det, der står på
jeres hjemmeside...
Men jo! Jeg er skarp!
>> Du får det lige serveret på et sølvfad (kig i kildekoden):
>>
>> http://skovaa-munding.dk/hvem_er_gekko.html
>
> Jeg kan jo kun sige tusinde tak. Hvor er det bare imponerende at få hele
> siden skrevet om så det styres via CSS, og lærerigt.
> Det giver mig helt mod på at forsøge at skrive mere af det om til CSS.
Tro mig - du/I vil ikke fortryde!
Som Erik Ginnerskov skrev, så er vi mange, som har været igennem samme
proces.
Det eneste ærgerlige ved det, er at man ikke startede med at lave det med
<div> og css, hvilket måske skyldes at "lærer-siderne" ikke er blevet
opdateret på det punkt - her tænker jeg på f.eks. www.html.dk, som stadig
bruger "gammel-dags" kode...
> Jeg har et nyt spørgsmål vedr. omskrivning af tabeller med mange celler i
> , til css , og hvordan det gøres . Jeg skriver et nyt indlæg , for
> overskuelighedens skyld.
Ok - skal nok følge den også - kan være, at jeg kan lære noget nyt....
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
Erik Ginnerskov (25-05-2006)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 25-05-06 17:11 |
|
Dennis Munding wrote:
> Det eneste ærgerlige ved det, er at man ikke startede med at lave det
> med <div> og css, hvilket måske skyldes at "lærer-siderne" ikke er
> blevet opdateret på det punkt - her tænker jeg på f.eks. www.html.dk,
> som stadig bruger "gammel-dags" kode...
For mit og mange andres vedkommende er det nu fordi "div og css" ikke var
opfundet, da vi startede. Det kom først til senere og så stod vi der med
alle vore talenter og vores klodsede sider, som skulle rettes.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/
| |
Dennis Munding (25-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 25-05-06 20:25 |
|
Hej Erik!
"Erik Ginnerskov" <erik@donotspammmeplease.invalid> skrev i en meddelelse
news:4475d6f9$0$15791$14726298@news.sunsite.dk...
> For mit og mange andres vedkommende er det nu fordi "div og css" ikke var
> opfundet, da vi startede. Det kom først til senere og så stod vi der med
> alle vore talenter og vores klodsede sider, som skulle rettes.
Ved godt, at du har været med siden pc'en blev opfundet... ;-p
Det jeg mente var, at siderne godt kunne være opdateret, når nu der bliver
"råbt" så højt om, at man skal bruge <div> og css, hvis man vil være oppe i
tiden med sin kode.
Det gælder vel ikke kun for "eleverne", men også for "lærerne" og deres
sider...?
Jeg syntes, at det var ærgerligt, at jeg først lærte at bygge en side op med
tabels, blot for at få at vide, at det var en uddøende måde at bygge en side
på...
Men måske tager folkene bag lære-siderne ikke deres selvvalgte frivillige
arbejde så seriøst, som jeg gør med mit frivillige arbejde - hvis ikke jeg
kan gøre det ordenligt, så vælger jeg at lade kvalificerede folk ordne
det...
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
Allan Vebel (26-05-2006)
| Kommentar
Fra : Allan Vebel |
Dato : 26-05-06 00:45 |
|
Dennis Munding skrev:
> Men måske tager folkene bag lære-siderne ikke
> deres selvvalgte frivillige arbejde så seriøst
Jo, mange gør, men du kan også finde fuldstændig
ubrugelige hjælpesider på nettet, og du kan ikke gøre
så meget ved dem, de ligger der bare, og har ligget
der i mange år - og folk bruger det de finder 
Ingen nævnt, ingen glemt - men man kan nemt lave en
lang liste med de forslag der ikke bør bruges, der er
bare ingen der tør hænge sådan nogle sider ud, som
ofte er private der er helt sikre på at de har en
velfungerende golive- eller frontpageside der fortæller
det hele.
--
Allan Vebel
http://html-faq.dk
| |
C. Nielsen (26-05-2006)
| Kommentar
Fra : C. Nielsen |
Dato : 26-05-06 10:22 |
|
"C. Nielsen" <C.NielsenDKminusdette@hotmail.com> skrev i en meddelelse
news:447583cd$0$27585$edfadb0f@dread11.news.tele.dk...
>
> "Dennis Munding" <mail@invalid.dk> skrev
>> Hej C(harlotte?)! - rigtig set
>> "C. Nielsen" <C.NielsenDKminusdette@hotmail.com>
>>> Det virker noget uoverskueligt at lave alle tabellerne om til at skulle
>>> styres i <div>'s via CSS...
>> Du får det lige serveret på et sølvfad (kig i kildekoden):
>>
>> http://skovaa-munding.dk/hvem_er_gekko.html
>
> Jeg kan jo kun sige tusinde tak.
Jeg har prøvet at lave siden, som fungere fint . Bortset fra et problem. Er
der nogen der ved hvordan jeg får menu punkterne til at stå ved siden af
hinanden med f.eks en lodret streg i mellem ? se her :
http://www.kinkyposters.dk/hvem_er_gekko.htm jeg har lagt sitet ud her
også, der kan jeg bedre rode med at få det til at fungere.
Venlig hilsen
C. Nielsen
www.gekkographic.dk
"smile and the world smiles back, most of the time "
| |
Bertel Lund Hansen (26-05-2006)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 26-05-06 11:43 |
|
C. Nielsen skrev:
> Jeg har prøvet at lave siden, som fungere fint . Bortset fra et problem. Er
> der nogen der ved hvordan jeg får menu punkterne til at stå ved siden af
> hinanden med f.eks en lodret streg i mellem ?
|<a href='link1'>Link 1</a>|<a href='link2'>Link 2</a>| osv.
Du kan give a'erne en klasse hvor du fastlægger bredden så de fylder det samme.
--
Bertel
http://bertel.lundhansen.dk/ http://fiduso.dk/
| |
Kerim Ellentoft (26-05-2006)
| Kommentar
Fra : Kerim Ellentoft |
Dato : 26-05-06 17:37 |
|
Bertel Lund Hansen skrev:
>Du kan give a'erne en klasse hvor du fastlægger bredden så de fylder det samme.
Man kan ikke sætte bredde (eller højde) på et inlineelement som
<a>, undt. man laver det om til et blockelement med display:
block.
--
Kerim - tidl. kendt som Knud Gert Ellentoft
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
| |
Frank Olieu (26-05-2006)
| Kommentar
Fra : Frank Olieu |
Dato : 26-05-06 12:24 |
|
_C. Nielsen_ skrev | wrote | écrivit (26-05-2006 11:22):
> Er der nogen der ved hvordan jeg får menu punkterne til at stå ved siden af
> hinanden med f.eks en lodret streg i mellem ?
Mit bud, i meget grove træk:
<ul>
<li>...</li>
<li>...</li>
(...)
<li class="last">...</li>
</ul>
li { display:inline; border-left:solid 1px; }
li.last { border-right:solid 1px; }
der skal en del mere styling til for at få det til at se ordentligt ud (padding,
farver, osv.), men du kan tage det derfra.
I stedet for 'border:' kan du evt. nøges med en lodret streg (|) i teksten.
Se et lign. eksempel: http://lki.dk/fo/index.html
--
Venlig hilsen | Kind regards | Cordialement
Frank
| |
Frank Olieu (26-05-2006)
| Kommentar
Fra : Frank Olieu |
Dato : 26-05-06 12:34 |
|
_Frank Olieu_ skrev | wrote | écrivit (26-05-2006 13:23):
> der skal en del mere styling til for at få det til at se ordentligt ud (padding,
> farver, osv.)
Uden at glemme
ul { list-style:none; }
--
Venlig hilsen | Kind regards | Cordialement
Frank
| |
Bertel Lund Hansen (26-05-2006)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 26-05-06 13:29 |
|
Frank Olieu skrev:
> Uden at glemme
> ul { list-style:none; }
Det er da lidt ulogsik at bruge et list-style blokelement til en
linje, blot for at slå både liste- og blokegenskaberne fra i CSS.
Skriv det som almindelig tekst som jeg foreslog.
--
Bertel
http://bertel.lundhansen.dk/ http://fiduso.dk/
| |
Frank Olieu (26-05-2006)
| Kommentar
Fra : Frank Olieu |
Dato : 26-05-06 22:56 |
|
_Bertel Lund Hansen_ skrev | wrote | écrivit (26-05-2006 14:29):
> Det er da lidt ulogsik at bruge et list-style blokelement til en
> linje, blot for at slå både liste- og blokegenskaberne fra i CSS.
En menu ER en liste. Om den så blir vist lodret eller vandret ændrer ikke på det
faktum!
At en liste blir (som default) vist som blokelement er uvæsentlig.
Det vigtige er at list-markup gir den en logisk *struktur* som /dit/ forslag er
blottet for...
> Skriv det som almindelig tekst som jeg foreslog.
.... og drop semantik til fordel for præsentation!
--
Venlig hilsen | Kind regards | Cordialement
Frank
| |
Dennis Munding (26-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 26-05-06 14:22 |
|
Hej Charlotte!
"C. Nielsen" <C.NielsenDKminusdette@hotmail.com> skrev i en meddelelse
news:4476c8df$0$27514$edfadb0f@dread11.news.tele.dk...
>> Jeg kan jo kun sige tusinde tak.
> Jeg har prøvet at lave siden, som fungere fint . Bortset fra et problem.
> Er der nogen der ved hvordan jeg får menu punkterne til at stå ved siden
> af hinanden med f.eks en lodret streg i mellem ? se her :
> http://www.kinkyposters.dk/hvem_er_gekko.htm jeg har lagt sitet ud her
> også, der kan jeg bedre rode med at få det til at fungere.
Enten har du klippet det helt væk, eller også har du lavet en fejl i dit
css, for jeg havde placeret noget css til din menu imellem <head> og
</head>, så punkterne blev vist ved siden af hinanden uden prikkerne....
Men jeg kan ikke se css'en på den nye side, som du refererer til...?
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
C. Nielsen (26-05-2006)
| Kommentar
Fra : C. Nielsen |
Dato : 26-05-06 22:31 |
|
"Dennis Munding" <mail@invalid.dk> > Hej Charlotte!
> "C. Nielsen" <C.NielsenDKminusdette@hotmail.com> skrev i en meddelelse
> news:4476c8df$0$27514$edfadb0f@dread11.news.tele.dk...
>>> Jeg kan jo kun sige tusinde tak.
>>.... et problem. Er der nogen der ved hvordan jeg får menu punkterne til
>>at stå ved siden af hinanden med f.eks en lodret streg i mellem ? se
>>her : http://www.kinkyposters.dk/hvem_er_gekko.htm
> Men jeg kan ikke se css'en på den nye side, som du refererer til...?
Nu skulle det være der, jeg ved ikke hvad der var sket.
Jeg må dog alligevel have lavet en fejl, for det står stadig ikke på en
linie, og jeg ved ikke hvad det er der mangler.
Jeg har også, på samme side, prøvet den anden løsning som blev foreslået,
men er stadig meget uerfaren med css , for jeg ved ikke hvordan dette skal
gøres :
" Kerim - tidl. kendt som Knud Gert Ellentoft> skrev i en meddelse
>Du kan give a'erne en klasse hvor du fastlægger bredden så de fylder det
samme.
>Man kan ikke sætte bredde (eller højde) på et inlineelement som
<a>, undt. man laver det om til et blockelement med display:
block."
Venlig hilsen
C. Nielsen
www.gekkographic.dk
"smile and the world smiles back, most of the time "
| |
Dennis Munding (27-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 27-05-06 18:01 |
|
Hej Charlotte!
"C. Nielsen" <C.NielsenDKminusdette@hotmail.com> skrev i en meddelelse
news:44777390$0$27513$edfadb0f@dread11.news.tele.dk...
> Nu skulle det være der, jeg ved ikke hvad der var sket.
> Jeg må dog alligevel have lavet en fejl, for det står stadig ikke på en
> linie, og jeg ved ikke hvad det er der mangler.
> Jeg har også, på samme side, prøvet den anden løsning som blev foreslået,
> men er stadig meget uerfaren med css , for jeg ved ikke hvordan dette skal
> gøres :
>
> " Kerim - tidl. kendt som Knud Gert Ellentoft> skrev i en meddelse
> >Du kan give a'erne en klasse hvor du fastlægger bredden så de fylder det
> samme.
> >Man kan ikke sætte bredde (eller højde) på et inlineelement som
> <a>, undt. man laver det om til et blockelement med display:
> block."
HTML (Klik på "Vis" -> "Kilde" -> Gem filen...):
http://www.skovaa-munding.dk/hvem_er_gekko.html
CSS:
http://www.skovaa-munding.dk/typografiark2.css
Testet i IE6.0, FF1.5 og Opera8.5 - og det virker!
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
Allan Vebel (27-05-2006)
| Kommentar
Fra : Allan Vebel |
Dato : 27-05-06 19:35 |
| | |
Erik Nielsen (27-05-2006)
| Kommentar
Fra : Erik Nielsen |
Dato : 27-05-06 20:04 |
|
"Allan Vebel" <spam@do.not> skrev i en meddelelse
news:44789c41$0$15783$14726298@news.sunsite.dk...
> Dennis Munding skrev:
>
> > http://www.skovaa-munding.dk/hvem_er_gekko.html
>
> Logobilledet burde også ligge som baggrundsbillede, så
> kommer der ingen vandret scroll med mindre opløsninger.
>
> --
> Allan Vebel
> http://html-faq.dk
Nu er vi vist nede i petitesser.
Selv i 640x480 ser det fint ud og man kan se det hele,
selv om der da godt nok er en ligegyldig scrollbar forneden.
Jeg synes det er rigtig flot af Hr. Munding at lave den kode til Hr. Gekko.
--
Venligst Erik Nielsen
| |
Frank Olieu (27-05-2006)
| Kommentar
Fra : Frank Olieu |
Dato : 27-05-06 20:21 |
|
_Erik Nielsen_ skrev | wrote | écrivit (27-05-2006 21:04):
> Selv i 640x480 ser det fint ud og man kan se det hele,
> selv om der da godt nok er en ligegyldig scrollbar forneden.
Skulle det alligevel vise sig at være et problem, ku' man evt. sætte
'overflow:hidden' på '#logo'...
> Jeg synes det er rigtig flot af Hr. Munding at lave den kode til Hr. Gekko.
>
Respekt!
--
Venlig hilsen | Kind regards | Cordialement
Frank
| |
C. Nielsen (27-05-2006)
| Kommentar
Fra : C. Nielsen |
Dato : 27-05-06 22:34 |
|
"Frank Olieu" <fr@nk.nospam> skrev
> _Erik Nielsen_ skrev | wrote | écrivit (27-05-2006 21:04):
>
>> Selv i 640x480 ser det fint ud ..
> Skulle det alligevel vise sig at være et problem, ku' man evt. sætte
> 'overflow:hidden' på '#logo'...
>
>> Jeg synes det er rigtig flot af Hr. Munding at lave den kode til Hr.
>> Gekko.
>>
>
> Respekt!
Jeg må igen sige tusinde tak, for al koden og kommentarer , nu virker det,
se bare her : http://www.kinkyposters.dk/hvem_er_gekko.htm, og godt ser det
ud.
Det har været meget lærerigt, for en begynder i HTML og især CSS.
Der er jo meget mere at lære , så det bliver spændende.
Venlig hilsen
C. Nielsen
www.gekkographic.dk
"smile and the world smiles back, most of the time "
| |
Dennis Munding (27-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 27-05-06 22:52 |
|
Hej Charlotte!
"C. Nielsen" <C.NielsenDKminusdette@hotmail.com> skrev i en meddelelse
news:4478c5bb$0$27587$edfadb0f@dread11.news.tele.dk...
> Jeg må igen sige tusinde tak, for al koden og kommentarer , nu virker det,
> se bare her : http://www.kinkyposters.dk/hvem_er_gekko.htm, og godt ser
> det ud.
> Det har været meget lærerigt, for en begynder i HTML og især CSS.
> Der er jo meget mere at lære , så det bliver spændende.
Det var så lidt!
En dag er det dig, som hjælper en begynder herinde - det er jeg sikker på!
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
Dennis Munding (27-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 27-05-06 22:51 |
| | |
Dennis Munding (27-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 27-05-06 22:49 |
|
Hej Erik!
"Erik Nielsen" <dur@du.dk> skrev i en meddelelse
news:4478a25f$0$27521$edfadb0f@dread11.news.tele.dk...
> "Allan Vebel" <spam@do.not> skrev i en meddelelse
> news:44789c41$0$15783$14726298@news.sunsite.dk...
>> Logobilledet burde også ligge som baggrundsbillede, så
>> kommer der ingen vandret scroll med mindre opløsninger.
>>
> Nu er vi vist nede i petitesser.
>
> Selv i 640x480 ser det fint ud og man kan se det hele,
> selv om der da godt nok er en ligegyldig scrollbar forneden.
Tak for forsvaret.
Jeg er dog ikke helt enig i, at det er en ligegyldig scrollbar - kan ikke
selv fordrage dem, men som jeg har svaret Allan, så vil IE tilsyneladende
ikke vise logoet, hvis man ligger det ind som et baggrundsbillede, hvilket
havde været den bedste løsning.
Men med en bredde på 780px på logoet, så bliver det svært at undgå vandret
scrollbar, når man er nødsaget til at ligge det i forgrunden... 
> Jeg synes det er rigtig flot af Hr. Munding at lave den kode til Hr.
> Gekko.
>
Det var nu ikke så svært - jeg har jo selv fået en del kvalificeret hjælp
herinde, så det er rart at kunne give lidt tilbage...
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
Dennis Munding (27-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 27-05-06 22:44 |
| | |
Dennis Munding (27-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 27-05-06 23:02 |
|
Hej igen Allan!
"Dennis Munding" <mail@invalid.dk> skrev i en meddelelse
news:oK3eg.149$ke4.107@news.get2net.dk...
> Hej Allan!
> Ingen tvivl om det, hvis det ikke lige var for IE, så havde jeg skam også
> lavet det på den måde - jvf. C. Nielsens indlæg den 23/5 kl. 23:56...
Jeg var for hastig med mit svar!
En lille ændring i stylesheetet skabte miraklet:
Der skulle angives en height på #top - og hokus pokus! IE ville være med til
at vise det!
Til Charlotte (håber, at du læser dette...?):
Du skal lige ændre flg.:
I HTML:
<div id="logo">
<img src=" http://www.kinkyposters.dk/billeder/forside/top_780x95.jpg" alt="
">
</div>
ændres til:
<div id="logo"></div>
I CSS:
#logo {
text-align:center;
}
ændres til:
#logo {
background-image:url("/billeder/forside/top_780x95.jpg");
background-repeat:no-repeat;
height:100px;
text-align:center;
}
Og du vil opdage, at uanset hvor lille vinduet er, så kommer der ingen
vandret scrollbar!!
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
Dennis Munding (27-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 27-05-06 23:12 |
|
Hej igen Charlotte!
"Dennis Munding" <mail@invalid.dk> skrev i en meddelelse
news:f%3eg.154$2q4.133@news.get2net.dk...
> Til Charlotte (håber, at du læser dette...?):
>
> Du skal lige ændre flg.:
Glemte lige en lille men vigtig detalje (er ved at være gammel!):
Der er et afslutnings-tag for en <div> lige oven over <div id="footer"> -
den skal slettes!!
Ellers validerer siden ikke! (Det var et overset levn fra en tidligere
test!)
Det sidste nye er blevet uploadet, så du kan bare hente det på de adresser,
som jeg skrev tidligere til dig...
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
Tidemann (28-05-2006)
| Kommentar
Fra : Tidemann |
Dato : 28-05-06 10:15 |
| | |
Dennis Munding (28-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 28-05-06 10:50 |
| | |
Dennis Munding (28-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 28-05-06 11:10 |
|
Hej igen...
"Dennis Munding" <mail@invalid.dk> skrev i en meddelelse
news:Wmeeg.474$wF6.450@news.get2net.dk...
> Har lagt en ny løsning op på ovennævnte side, men den er ikke køn...
Og nu er jeg gået tilbage til en "gammel" version, som desværre giver
vandret scroll ved opløsninger der ligger under 780px i bredden, men det er
den mest optimale løsning, som jeg kan finde frem til med det billede, der
er valgt....
Men det centrerer!
Hvis der er nogen, som har en opskrift på, hvordan man både får det til at
centrere og samtidig undgår vandret scrollbar, så hører jeg meget gerne fra
vedkommende - også selvom det ikke er min side, som er "forsøgs-kanin"...
Har prøvet Frank Olieu's forslag med "overflow:hidden;" på #logo, men
desværre uden bedre resultat... :-/
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
Tidemann (28-05-2006)
| Kommentar
Fra : Tidemann |
Dato : 28-05-06 11:21 |
| | |
Dennis Munding (28-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 28-05-06 13:15 |
| | |
Tidemann (28-05-2006)
| Kommentar
Fra : Tidemann |
Dato : 28-05-06 13:25 |
| | |
Dennis Munding (28-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 28-05-06 16:35 |
|
Hej Marianne!
"Tidemann" <tidemann@2Youtdcadsl.dk (Slet 2You)> skrev i en meddelelse
news:4479961c$0$2109$edfadb0f@dtext02.news.tele.dk...
> Nå, nu er vi vist ude i peditesser eller hvad det hedder 
>
> Men vi snakkede vist om 800X600 ikke??
> Og hvem kører med 640x480px, så kan de alligevel ikke se hendes
> billeder!!
Nej, vi snakkede skam om 640x480px - det var Erik Nielsen, som nævnte den
størrelse i sit indlæg fra den 27/5 kl. 21:04 - deraf disse test...
> Alt er centreret, den kan ses i 800x600 uden vandret scroll
> Hun må nøjes, må hun................................ 
Ikke jeg, men derfor kan man da godt prøve at lave sin hjemmeside, så dem
der bruger den skærmstørrelse også kan få glæde af den uden vandret
scrollbar.
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
Frank Olieu (28-05-2006)
| Kommentar
Fra : Frank Olieu |
Dato : 28-05-06 14:27 |
|
_Dennis Munding_ skrev | wrote | écrivit (28-05-2006 14:14):
> Ikke helt med - stadig vandret scrollbar:
Mit forslag med 'overflow:hidden' gælder kun når billedet ligger som
/indhold/(<img>) og ikke som /baggrund/.
Når billedet er lagt som baggrund, er det noget andet som fremkalder en
scrollbar: nemlig den faste bredde i px.
Jeg tror at det løser det hvis du sætter bredden i relative enheder (fx. %). Det
virker i hvert fald hos mig når jeg "piller" i css'en gennem "Web Developer
Extension" (en udvidelse til Firefox:
http://chrispederick.com/work/webdeveloper/ ).
> Ca. 640x480px - kan ikke indstille min skærm til så lav opløsning...
Det behøver du ikke: Igen, kan du bruge "Web Developer" til at skalere vinduet i
forskellige faste størrelser. Det gi'r som regel en rimelig indikation om
hvordan layoutet tilpasser sig de øvrige opløsninger... Der findes i øvrigt
noget lignende til IE (web developper tool bar).
Det ser ellers godt ud!
--
Venlig hilsen | Kind regards | Cordialement
Frank
| |
Tidemann (28-05-2006)
| Kommentar
Fra : Tidemann |
Dato : 28-05-06 16:31 |
|
"Frank Olieu"
>
> Mit forslag med 'overflow:hidden' gælder kun når billedet ligger som
> /indhold/(<img>) og ikke som /baggrund/.
> Når billedet er lagt som baggrund, er det noget andet som fremkalder en
> scrollbar: nemlig den faste bredde i px.
> Jeg tror at det løser det hvis du sætter bredden i relative enheder (fx. %).
Det
> virker i hvert fald hos mig når jeg "piller" i css'en gennem "Web Developer
> Extension" (en udvidelse til Firefox:
> http://chrispederick.com/work/webdeveloper/ ).
>
> > Ca. 640x480px - kan ikke indstille min skærm til så lav opløsning...
>
> Det behøver du ikke: Igen, kan du bruge "Web Developer" til at skalere
vinduet i
> forskellige faste størrelser. Det gi'r som regel en rimelig indikation om
> hvordan layoutet tilpasser sig de øvrige opløsninger... Der findes i øvrigt
> noget lignende til IE (web developper tool bar).
>
> Det ser ellers godt ud!
>
Det kan jeg ikke få til at virke, altså at billedet bliver mindre uden vandret
scroll...............
--
Venlig hilsen Marianne
design af:
www.singingwolfs.dk - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk
| |
Dennis Munding (28-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 28-05-06 16:45 |
|
Hej Frank!
"Frank Olieu" <fr@nk.nospam> skrev i en meddelelse
news:4479a51b$0$15790$14726298@news.sunsite.dk...
> Mit forslag med 'overflow:hidden' gælder kun når billedet ligger som
> /indhold/(<img>) og ikke som /baggrund/.
Ok! Så havde jeg misforstået det...
> Når billedet er lagt som baggrund, er det noget andet som fremkalder en
> scrollbar: nemlig den faste bredde i px.
Det vil det gøre uanset om man ligger billedet som baggrund, eller som alm.
billede.
> Jeg tror at det løser det hvis du sætter bredden i relative enheder (fx.
> %).
Ikke helt (med billedet som baggrund), for hvis jeg sætter bredden på #logo
til 80% med margin:0px auto;text-align:center; bliver billedet ikke
centreret i opløsninger på 1024x768px og derover - det er
venstre-stillet...?
Men ved 800x600px og derunder er det centreret fint, dog bliver det
"klippet" i stykker, hvis de 80% er mindre end selve billedets bredde på
780px.
> Det virker i hvert fald hos mig når jeg "piller" i css'en gennem "Web
> Developer
> Extension" (en udvidelse til Firefox:
> http://chrispederick.com/work/webdeveloper/ ).
Kender udemærket udvidelsen - har den selv.
> Det behøver du ikke: Igen, kan du bruge "Web Developer" til at skalere
> vinduet i
> forskellige faste størrelser. Det gi'r som regel en rimelig indikation om
> hvordan layoutet tilpasser sig de øvrige opløsninger...
Behøver jeg da ikke at bruge et værktøj til - jeg minimerer(gendanner) da
bare mit vindue i en ca. størrelse...
> Der findes i øvrigt
> noget lignende til IE (web developper tool bar).
Har jeg ikke, og får det heller ikke - går snart helt væk fra IE, da den
ikke kan hente nogle simple gif-filer på min hjemmeside:
http://www.skovaa-munding.dk/Links/
9 ud af 10 gange viser den bare en masse røde krydser, hvor billederne
skulle være!
FF og Opera har ingen problemer med at hente den nævnte side - med indhold!
> Det ser ellers godt ud!
Takker!
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
Frank Olieu (28-05-2006)
| Kommentar
Fra : Frank Olieu |
Dato : 28-05-06 17:51 |
|
_Dennis Munding_ skrev | wrote | écrivit (28-05-2006 17:44):
>> Jeg tror at det løser det hvis du sætter bredden i relative enheder (fx.
>> %).
>
> Ikke helt (med billedet som baggrund), for hvis jeg sætter bredden på #logo
> til 80% med margin:0px auto;text-align:center; bliver billedet ikke
> centreret i opløsninger på 1024x768px og derover - det er
> venstre-stillet...?
OK. Sæt den til 80% og så prøv:
background:url(" http://www.kinkyposters.dk/billeder/forside/top_780x95.jpg") top
center;
Læg mærke til syntaksen:
background:bla bla bla;
som er en 'shorthand' for:
background-image:; background-position:; osv.
--
Venlig hilsen | Kind regards | Cordialement
Frank
| |
Dennis Munding (28-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 28-05-06 20:56 |
| | |
Dennis Munding (28-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 28-05-06 21:08 |
| | |
Dennis Munding (28-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 28-05-06 21:37 |
| | |
Allan Vebel (28-05-2006)
| Kommentar
Fra : Allan Vebel |
Dato : 28-05-06 21:49 |
| | |
Dennis Munding (28-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 28-05-06 21:57 |
| | |
Frank Olieu (28-05-2006)
| Kommentar
Fra : Frank Olieu |
Dato : 28-05-06 22:08 |
|
_Dennis Munding_ skrev | wrote | écrivit (28-05-2006 22:37):
> Fjern width:80%; - så får du hele billedet med, og det virker stadig...
Det kan man godt (og er sikkert også en god idé!), men så er 'margin-left:auto'
og 'margin-right:auto' i princippet overflødige (men uskadelige), da div'en
fylder nu hele bredden...
--
Venlig hilsen | Kind regards | Cordialement
Frank
| |
Dennis Munding (28-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 28-05-06 22:10 |
| | |
Frank Olieu (28-05-2006)
| Kommentar
Fra : Frank Olieu |
Dato : 28-05-06 22:46 |
|
_Dennis Munding_ skrev | wrote | écrivit (28-05-2006 23:10):
> Ja, det troede jeg også...
> Men da jeg fjernede det, blev billedet venstre-stillet...?
Hmmm... Hvis jeg kun skriver:
#logo {
background:url("..../top_780x95.jpg") top center no-repeat;
height:100px;
}
så virker det hos mig...
Man ku' også fjerne 'center', fordi når 'top' står alene, bli'r 'center' implicit.
Men så er det vist igen petitesser ;)
--
Venlig hilsen | Kind regards | Cordialement
Frank
| |
N/A (28-05-2006)
| Kommentar
Fra : N/A |
Dato : 28-05-06 23:46 |
|
| |
C. Nielsen (28-05-2006)
| Kommentar
Fra : C. Nielsen |
Dato : 28-05-06 23:46 |
|
"Dennis Munding" <mail@invalid.dk> skrev
>> Og til Charlotte (hvis du stadig følger med):
>>
>> I dit CSS skal du lave en lille ændring
>> #logo {
>> background:url("/billeder/forside/top_780x95.jpg") top center no-repeat;
>> width:80%;
>> height:100px;
>> margin:0px auto;
> Fjern width:80%; - så får du hele billedet med, og det virker stadig...
>
Jeg er bestemt med endnu, det er jo vældig spændende og meget lærerigt, så
jeg forsøger ihærdigt at følge med, men det kan knibe lidt med tiden.
Tak for de mange input.
Jeg har lavet de ændringer som foreslået og det ser rigtig godt ud se her
http://www.kinkyposters.dk/hvem_er_gekko.htm. Både siden og css validere så
det er jo dejligt.
Der er bestemt en ekstra fordel ved at toppen ligger som background, så kan
det jo ændres på samtlige sider, ved blot at ændre i henvisningen på css
arket.
Venlig hilsen
C. Nielsen
www.gekkographic.dk
"smile and the world smiles back, most of the time "
| |
Tidemann (29-05-2006)
| Kommentar
Fra : Tidemann |
Dato : 29-05-06 00:32 |
| | |
Frank Olieu (29-05-2006)
| Kommentar
Fra : Frank Olieu |
Dato : 29-05-06 00:57 |
|
_Tidemann_ skrev | wrote | écrivit (29-05-2006 01:32):
> Eller er der andre der har et bud på footeren´s placering??
Hvad med bunden af siden :)
I øvrigt: hvorfor har du
<div id="footer"><p>bla</p></div>
når
<p id="footer">bla</p>
ville være rigelig?
--
Venlig hilsen | Kind regards | Cordialement
Frank
| |
Tidemann (29-05-2006)
| Kommentar
Fra : Tidemann |
Dato : 29-05-06 01:17 |
|
"Frank Olieu" skrev
> _Tidemann_ skrev | wrote | écrivit (29-05-2006 01:32):
>
> > Eller er der andre der har et bud på footeren´s placering??
>
> Hvad med bunden af siden :)
Ha, ha, det er den jo
div#footer {
bottom:0%;
width:100%;
text-align: center;
}
>
> I øvrigt: hvorfor har du
>
> <div id="footer"><p>bla</p></div>
>
> når
>
> <p id="footer">bla</p>
>
> ville være rigelig?
>
Jeg har bare kopieret Dennis´s forslag, så det må du spørge ham om )
--
Venlig hilsen Marianne
design af:
www.singingwolfs.dk - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk
| |
Frank Olieu (29-05-2006)
| Kommentar
Fra : Frank Olieu |
Dato : 29-05-06 01:56 |
|
_Tidemann_ skrev | wrote | écrivit (29-05-2006 02:17):
> Jeg har bare kopieret Dennis´s forslag, så det må du spørge ham om )
Ok!... Pas på: /divitis/ er en farlig (og åbenbart smitsom!) sygdom
( http://en.wikipedia.org/wiki/Divitis)
--
Venlig hilsen | Kind regards | Cordialement
Frank
| |
Dennis Munding (29-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 29-05-06 07:21 |
|
Hej Frank!
"Frank Olieu" <fr@nk.nospam> skrev i en meddelelse
news:447a469e$0$15792$14726298@news.sunsite.dk...
> _Tidemann_ skrev | wrote | écrivit (29-05-2006 02:17):
>
>> Jeg har bare kopieret Dennis´s forslag, så det må du spørge ham om )
>
> Ok!... Pas på: /divitis/ er en farlig (og åbenbart smitsom!) sygdom
> ( http://en.wikipedia.org/wiki/Divitis)
Det er nu mest for min egen skyld - jeg kan nemmere finde rundt i koden, når
jeg laver mine div's: #top, #menu, #indhold og #footer, som skal vise mig,
at her er grundstukturen i siden, og at der så indeni ovennævnte ligger
indhold til netop den del af siden.... (må være alderen... )
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/
| |
Frank Olieu (29-05-2006)
| Kommentar
Fra : Frank Olieu |
Dato : 29-05-06 11:55 |
|
_Dennis Munding_ skrev | wrote | écrivit (29-05-2006 08:21):
> Det er nu mest for min egen skyld - jeg kan nemmere finde rundt i koden, når
> jeg laver mine div's: #top, #menu, #indhold og #footer, som skal vise mig,
> at her er grundstukturen i siden, og at der så indeni ovennævnte ligger
> indhold til netop den del af siden.... (må være alderen... )
OK!
men hvad synes du så om:
<div #footer>
<p>bla-bla</p>
<p class="copyright">mere bla-bla</p>
</div>
Dvs. med <p> i stedet for <span>.
Her ville det være strukturelt forsvarligt at bruge en div (imho!).
--
Venlig hilsen | Kind regards | Cordialement
Frank
| |
Allan Vebel (28-05-2006)
| Kommentar
Fra : Allan Vebel |
Dato : 28-05-06 19:30 |
|
Dennis Munding skrev:
> går snart helt væk fra IE, da den ikke kan hente nogle
> simple gif-filer på min hjemmeside:
> http://www.skovaa-munding.dk/Links/
Det er ikke IE der er skyld i det, jeg ser alle de små logoer
på 3 forskellige maskiner fint.
> 9 ud af 10 gange viser den bare en masse røde krydser,
> hvor billederne skulle være!
Så er der sket noget med din installation.
--
Allan Vebel
http://html-faq.dk
| |
Erik Nielsen (28-05-2006)
| Kommentar
Fra : Erik Nielsen |
Dato : 28-05-06 19:55 |
|
"Allan Vebel" <spam@do.not> skrev i en meddelelse
news:4479ec68$0$15790$14726298@news.sunsite.dk...
> Dennis Munding skrev:
>
> > går snart helt væk fra IE, da den ikke kan hente nogle
> > simple gif-filer på min hjemmeside:
> > http://www.skovaa-munding.dk/Links/
>
> Det er ikke IE der er skyld i det, jeg ser alle de små logoer
> på 3 forskellige maskiner fint.
>
> > 9 ud af 10 gange viser den bare en masse røde krydser,
> > hvor billederne skulle være!
>
> Så er der sket noget med din installation.
>
> --
> Allan Vebel
> http://html-faq.dk
Ser også fint ud her.
--
Venligst Erik Nielsen
| |
Dennis Munding (28-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 28-05-06 20:59 |
| | |
Dennis Munding (28-05-2006)
| Kommentar
Fra : Dennis Munding |
Dato : 28-05-06 20:58 |
| | |
Allan Vebel (28-05-2006)
| Kommentar
Fra : Allan Vebel |
Dato : 28-05-06 01:45 |
|
Dennis Munding skrev:
> En lille ændring i stylesheetet skabte miraklet:
Godt! Det ser meget bedre ud nu uden vandret scrollbar.
--
Allan Vebel
http://html-faq.dk
| |
Tidemann (23-05-2006)
| Kommentar
Fra : Tidemann |
Dato : 23-05-06 23:45 |
|
"C. Nielsen" skrev
>
> Jeg har forsøgt at få det til at virke, men det driller lidt.
> Jeg har blot arbejdet med en side, og ladet den side linke til et nyt
> css-ark.
> Siden er http://www.gekkographic.dk/hvem_er_gekko.htm
> Det ser fint ud i firefox , men i IE kan man slet ikke se topbjælken - Er
> det noget jeg har gjort forkert ?
> Både css og selve siden validerer og jeg har prøvet forskelligt, men jeg har
> ikke kunnet løse det.
>
Enten hjælper det at sætte en højde på .topbjaelken
eller sætte dobbelte " i <div class='topbjaelken'> du har '
Og du kan droppe disse:
<p> </p>
<p> </p>
<p>
i <div class="topbjaelken">
Så den ser sådan ud:
<div class="topbjaelken"> div>
--
Venlig hilsen Marianne
design af:
www.singingwolfs.dk - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk
| |
C. Nielsen (24-05-2006)
| Kommentar
Fra : C. Nielsen |
Dato : 24-05-06 11:32 |
|
"Tidemann" <tidemann@2Youtdcadsl.dk (Slet 2You
> "C. Nielsen" skrev
>> Siden er http://www.gekkographic.dk/hvem_er_gekko.htm
>> Det ser fint ud i firefox , men i IE kan man slet ikke se topbjælken >
> Enten hjælper det at sætte en højde på .topbjaelken
> eller sætte dobbelte " i <div class='topbjaelken'> du har '
> Og du kan droppe disse:
> <p> </p>
> <p> </p>
> <p>
>
> i <div class="topbjaelken">
>
> Så den ser sådan ud:
> <div class="topbjaelken"> div>
Tak for forslaget.
Jeg har prøvet at få det til at virke , men det vil ikke lykkes.
Hvis jeg sætter en height vil vil siden ikke validere. Hvis jeg ændre ' til
" ses billedet slet ikke.
Hvad er forskellen på at bruge ' og så " ?
Venlig hilsen
C. Nielsen
www.gekkographic.dk
"smile and the world smiles back, most of the time "
| |
Bertel Lund Hansen (24-05-2006)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 24-05-06 13:04 |
|
C. Nielsen skrev:
> Hvad er forskellen på at bruge ' og så " ?
Der er ingen som helst. Man kan også blanden dem medmindre man
bruger forskelligt start- og sluttegn. Læg dig fast på hvad du
foretrækker og brug det.
Selv bruger jeg konsekvent ' i HTML fordi jeg så kan bruge " i de
programmeringssprog der producerer HTML uden at tegnene
konflikter.
--
Bertel
http://bertel.lundhansen.dk/ http://fiduso.dk/
| |
|
|