/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Lidt hjælp søges...
Fra : SFJ


Dato : 02-01-07 16:56

Hej i NG,

Mit websted www.ide-sign.dk er opbygget i php (af mig selv, med nogen
hjælp).

Der er dog et par ting ved designet der irriterer mig, og som jeg aldrig har
været i stand til at løse. Måske I kan?

#1: Jeg ville gerne have hele siden rykket lidt ned, så der var noget
baggrund synlig over indholdet - jeg syntes det står lidt presset som det er
nu.

#2: Dag og datoen måtte godt blive rykket lidt ind fra højre kant.

#3: Dette punkt er straks mere vanskeligt. På dette link:
http://www.ide.execit.dk/index.php?i=30 kan ses hvorledes vi har leget lidt
med at ændre designet til brede skærme. Problemet er at de bokse der kommer
frem hhv. på venstre og højre side står inde i min 'body' - altså inde i det
hvide felt. Jeg vil gerne have dem til at stå udenfor, som det f. eks. ses
www.fyens.dk. Og så skulle det selvfølgelig helst virke i IE, hvilket det
ikke gør p.t.
Jeg vil gerne have det til at se sådan her ud på brede skærme:
http://www.ide-sign.dk/uploads/Wide.jpg. På smalle skærme skal boksene så
ligge under den nederste menu-linie.


Tjaa, det er sådan nogle 'bugs' jeg har haft længe, men nu kunne jeg godt
tænke mig der skete noget....

MVH Søren



 
 
Jørgen Farum Jensen (02-01-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 02-01-07 20:34

SFJ skrev:

> #1: Jeg ville gerne have hele siden rykket lidt ned, så der var noget
> baggrund synlig over indholdet - jeg syntes det står lidt presset som det er
> nu.

Sæt en margin-top på dit #wrapper-element:
#wrapper {
margin-top:1em;
....
}
> #2: Dag og datoen måtte godt blive rykket lidt ind fra højre kant.

Sæt en padding-right på din #datobar:
#datobar {
padding-right:1em;
....
}


> #3: Dette punkt er straks mere vanskeligt. På dette link:
> http://www.ide.execit.dk/index.php?i=30 kan ses hvorledes vi har leget lidt
> med at ændre designet til brede skærme. Problemet er at de bokse der kommer

Du float'er to elementer med fikserede bredder og
forskellige marginer og padding - det skal næsten
gå galt... Hvis 2 left-float'ede elementers bredde
overstiger bredden af det overordnede element, vil det
element, der kommeer til sidst i kildekoden flyde
ned under det foregående element.

Prøv at give dit wrapper-element en bredde på for
eksempel 90% og dernæst dine to float'ede elementer
en bredde på for eksempel 70% og 25% og giv disse
elementer padding og margin (i det vandrette) for de
resterende 5 procent (altsammen bliver så i forhold til
wrapper-elementets 90%).

Et alternativ fsv. angår disse to elementer er
at left-float'e det ene, give det en rigelig margin-right,
og right-float'e det andet op i marginen.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i websidekonstruktion:
http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

SFJ (04-01-2007)
Kommentar
Fra : SFJ


Dato : 04-01-07 17:04


"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:459ab39d$0$871$edfadb0f@dread12.news.tele.dk...
> Sæt en margin-top på dit #wrapper-element:
> #wrapper {
> margin-top:1em;
> ...
> }
Super, det ser fint ud. Har sat den til 4em, nu må vi se om det er for
meget.

>> #2: Dag og datoen måtte godt blive rykket lidt ind fra højre kant.
>
> Sæt en padding-right på din #datobar:
> #datobar {
> padding-right:1em;
> ...
> }
Njaaa, knap så godt, se selv: www.ide-sign.dk


>> #3: Dette punkt er straks mere vanskeligt. På dette link:
>> http://www.ide.execit.dk/index.php?i=30 kan ses hvorledes vi har leget
>> lidt
>> med at ændre designet til brede skærme. Problemet er at de bokse der
>> kommer
>
> Du float'er to elementer med fikserede bredder og
> forskellige marginer og padding - det skal næsten
> gå galt... Hvis 2 left-float'ede elementers bredde
> overstiger bredden af det overordnede element, vil det
> element, der kommeer til sidst i kildekoden flyde
> ned under det foregående element.
>
> Prøv at give dit wrapper-element en bredde på for
> eksempel 90% og dernæst dine to float'ede elementer
> en bredde på for eksempel 70% og 25% og giv disse
> elementer padding og margin (i det vandrette) for de resterende 5 procent
> (altsammen bliver så i forhold til wrapper-elementets 90%).
>
> Et alternativ fsv. angår disse to elementer er
> at left-float'e det ene, give det en rigelig margin-right,
> og right-float'e det andet op i marginen.
Der fik du mig godt nok hægtet af i svinget....

> Med venlig hilsen
> Jørgen Farum Jensen

Mange tak for hjælpen so far. Det pyntede at få lidt 'luft' foroven.

MVH Søren



Morten (02-01-2007)
Kommentar
Fra : Morten


Dato : 02-01-07 21:56

> #3: Dette punkt er straks mere vanskeligt. På dette link:
> http://www.ide.execit.dk/index.php?i=30 kan ses hvorledes vi har leget lidt
> med at ændre designet til brede skærme. Problemet er at de bokse der kommer
> frem hhv. på venstre og højre side står inde i min 'body' - altså inde i det
> hvide felt. Jeg vil gerne have dem til at stå udenfor, som det f. eks. ses
> på www.fyens.dk. Og så skulle det selvfølgelig helst virke i IE, hvilket det
> ikke gør p.t.
> Jeg vil gerne have det til at se sådan her ud på brede skærme:
> http://www.ide-sign.dk/uploads/Wide.jpg. På smalle skærme skal boksene så
> ligge under den nederste menu-linie.
>
Hej Søren.
Prøv evt. at kigge på den kode, jeg skrev i denne tråd:
http://groups.google.com/group/dk.edb.internet.webdesign.html/browse_thread/thread/45fdb8ebf4dfbaac?hl=da

Den løser ikke opgaven korrekt i forhold til dit ønske om visningen
på smalle skærme, men den er validérbar, kører i IE såvel som FF.
Og det du skal lægge mærke til er, at jeg floater de to yderste bokse
til henholdsvis left og right, men tilgengæld centrerer jeg så den
midterste. Det giver nogle flotte lige marginer boksene imellem.

vh
Morten
===
XHTML og CSS kursus på aftenskole i Århus:
www.klit.net/hjemmesidekurser.htm


SFJ (04-01-2007)
Kommentar
Fra : SFJ


Dato : 04-01-07 17:06

Hej Søren.
Prøv evt. at kigge på den kode, jeg skrev i denne tråd:
http://groups.google.com/group/dk.edb.internet.webdesign.html/browse_thread/thread/45fdb8ebf4dfbaac?hl=da

Det vil jeg så gøre ved førstkommende lejlighed hvorder bliver lidt tid til
overs

Er der nogen steder hvor man kan se koden "in action"?

MVH Søren



Morten (08-01-2007)
Kommentar
Fra : Morten


Dato : 08-01-07 20:10


SFJ skrev:
> Er der nogen steder hvor man kan se koden "in action"?

Nej, men du kan bare kopiere body koden til en html fil, og
stylesheetet til en css fil, og så lige lave en head med linket til
css-filen.


Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408526
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste