Avatar billede mccookie Seniormester
02. januar 2005 - 21:52 Der er 24 kommentarer og
4 løsninger

Vedr. oprettelse af homepage med css

Dette er en sammenlægning af 3 spm.

Nemlig:
http://www.eksperten.dk/spm/576163
http://www.eksperten.dk/spm/576150
http://www.eksperten.dk/spm/576137

Der er 10 point til hver af de 3, roenving, olebole, og lyf, som kvittering for hjælp i de 3 ovenstående spm.

Derudover har jeg nu oprettet et nyt spm. og håber nogen kan hjælpe mig.

Jeg er igang med at oprette en ny website og er stødt ind i nogle forskellige problemer.....

I de 3 ovenstående spm. har jeg sandet at der er stor forskel på <div> <span> og så videre......

www.strandboerne.dk/newdesign/main_pic/side.jpg

Jeg ville gerne have lidt hjælp til opbygning af css og lidt html.

Jeg har lavet et udkast på: www.strandboerne.dk/newdesign og ideen til det færdige resultat i form af billedet

mvh.
Henning
Avatar billede lyf Nybegynder
02. januar 2005 - 22:34 #1
Det er jo en lidt større omgang, men du kan starte med at fjerne position: relative; fra main. Den er der ingen grund til at have. Du skulle også gøre det til en vane, at bruge id istedet for class hvis der kun er én af dem, som fx main.

Jeg kan heller ikke se nogen grund til, at lave en class der hedder p.alm_tekst. Hvorfor ikke bare bruge p og style den (uden nogen class)?

Istedet for at skrive dit toplogo som et img tag i din HTML, så lav en <div id="toplogo"> hvor du bruger billedet som baggrund. Du centrere det i main ved margin: 0 auto; som sædvanligt. Der er heller ingen grund til, at sætte et P tag rundt omkring toplogoet længere.

Du kunne også tag et kig her: http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_02/
Avatar billede lyf Nybegynder
02. januar 2005 - 22:35 #2
Hovs, glemte at give dig det bedste link:
http://css-discuss.incutio.com/?page=ThreeColumnLayouts og tag et kig på den her også:
http://phrogz.net/CSS/columns3.html
Avatar billede mccookie Seniormester
03. januar 2005 - 01:56 #3
Jepper....Toplogo er nu lagt ind som et baggrundsbillede i et div tag.

Et andet spm.
Hvad er forskellen på class og id?

Pkt.1:
Avatar billede mccookie Seniormester
03. januar 2005 - 02:10 #4
Pkt.1: OK
Avatar billede mccookie Seniormester
03. januar 2005 - 02:12 #5
Tænker på om den kolonne jeg gerne vil have i venstre side, evt. kunne laves som en boks og så positioneres derefter? Det tror jeg egentligt at det er det jeg har tænkt....

Smutter i seng nu.... Cheffen forventer mig imorgen/senere kl. 7.00
Avatar billede mccookie Seniormester
03. januar 2005 - 02:40 #6
Ups..... sent igen....

Har afprøvet ideen med en boks midt i det hele.... er det den rigtige vej frem ??
Avatar billede frol Nybegynder
03. januar 2005 - 10:05 #7
Menuen til venstre kunne laves som en liste. Se eksempler / skabeloner på bl.a.: http://css.maxdesign.com.au/listamatic/

Ud fra et semantisk synspunkt, er jeg ikke sikker på at toplogoet skal lægges ind som baggrundsbillede: det _er_ jo en vigtig del af sidens indhold (i modsætning til det andet logo, som bare er en slags vandmærke).
Avatar billede lyf Nybegynder
03. januar 2005 - 11:30 #8
Der er ingen forskel på class og id, andet end det er god kodeskik at bruge ID i de tilfælde hvor det er et element der kun bliver brugt én gang.

Det begynder at ligne noget med din kode ;-) Du vil have 3 kolonner i midten. Så skal du lave 3 divs og style dem. Du kunne evt bruge float til dette.

Jeg har lavet noget du kan bygge videre på her: www.zyph.dk/eksempler/simple3col
Avatar billede mccookie Seniormester
03. januar 2005 - 15:50 #9
Ok.. jeg retter lidt til med class og id's

Jeg har nu oprettet 2 bokse som jeg naturligvis skal placerer på siden.

Den ene er placeret relative og den anden absolute.

Er lidt i tvivl om det er smart det jeg laver lige nu!

Råd savnes

Ps. Dit eksempel giver gode ideer ;)
Avatar billede lyf Nybegynder
03. januar 2005 - 17:15 #10
Du vil have 3 kolonner, ikke? Så prøv at byg det op ligesom jeg viser i eksemplet. Der er ingen grund til at bruge positition der :)
Avatar billede mccookie Seniormester
03. januar 2005 - 19:35 #11
Nu har jeg brugt dit forslag.... desværre er der nogle problemer med det...

Hvis du kigger i det blå felt, så burde billedet være indenfor i det blå - Det er det ikke øvsa.....

Hvad kan jeg gøre?
Avatar billede lyf Nybegynder
03. januar 2005 - 21:03 #12
Det er meget simpelt. Sæt dette ind i din CSS under #middle.

display: table;
Avatar billede mccookie Seniormester
03. januar 2005 - 22:03 #13
Det virker da ikke ;(
Avatar billede mccookie Seniormester
03. januar 2005 - 22:16 #14
Billedet skulle havde været før det sidste ord!!!!!
Avatar billede lyf Nybegynder
04. januar 2005 - 15:16 #15
Billedet er ihvertfald kommet indenfor i det blå, som du bedte om :] Hvis du vil have det øverst i boksen må du placere det før teksten i din HTML. Et element kan ikke floate op ad.
Avatar billede mccookie Seniormester
04. januar 2005 - 17:24 #16
Hey lyf>>

Jeg har lige installeret en firefox mozilla browser.....
Fuck den henter siderne hurtigt ;) IMPONERET!!!!!!!

Men normal bruger jeg IE (Vanedyr) og det er jo desværre ca. 95% af vores brugere.....

Hvordan får jeg den til at té sig ordentligt i IE??
Avatar billede mccookie Seniormester
04. januar 2005 - 17:28 #17
Sådan her står det nu:

<div id="middle">
          <img id="billede" src="http://www.strandboerne.dk/newdesign/main_pic/spejder1.gif" alt="KFUM-spejderne" /> volgus rectum videt,  est ubi peccat. Si veteres ita miratur laudatque  poetas,   
          </div>

Nu kommer lige det øverste af hovedet med i IE....
Avatar billede mccookie Seniormester
04. januar 2005 - 22:02 #18
Så er billedet helt perfekt;)
Avatar billede mccookie Seniormester
04. januar 2005 - 22:05 #19
Hvordan placerer jeg elementer under det grønne felt og det røde felt??
Avatar billede mccookie Seniormester
04. januar 2005 - 23:20 #20
Pointstatus:

Olebole: 10p (Gammel spm.)
Roenving: 10p (Gammel spm.)
Lyf: 10p + 50p
Frol: 10p
Avatar billede mccookie Seniormester
05. januar 2005 - 17:11 #21
Frol og lyf gider i poste et svar?
Avatar billede frol Nybegynder
05. januar 2005 - 17:24 #22
Godt nytår!
Avatar billede mccookie Seniormester
05. januar 2005 - 17:29 #23
http://www.strandboerne.dk/newdesign/

En hurtig til 10 ekstra point.

Kan ikke få marginerne rundt om boksene til at være 5px
Avatar billede mccookie Seniormester
05. januar 2005 - 17:30 #24
lige nu er det perfekt i mozilla..... men lort i IE
Avatar billede mccookie Seniormester
05. januar 2005 - 19:18 #25
Avatar billede mccookie Seniormester
06. januar 2005 - 15:12 #26
JEg vil meget gerne lukke dette spm. lyf smid et svar
Avatar billede lyf Nybegynder
06. januar 2005 - 15:33 #27
Jeg smider og smider, tak :) Kan ikke lige se fejlen i IE på dit billede?
Avatar billede mccookie Seniormester
07. januar 2005 - 00:36 #28
lukker ;)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester