Søg
Avatar billede kgp43 Nybegynder
16. juni 2004 - 09:19 Der er 7 kommentarer og
1 løsning

Opbygning af side

Hejsa,

Jeg er ved at lære CSS og har lært det mest basale (borders, text styles etc), men har problemer med at overskue layout. Den bedste hjælp vil være at se hvordan i vælger at opbygge en side.

Sådan vil jeg gøre det:
Side: http://www.tackleprices.com/merchant

- Opret en div til venstre frame med en højre border
- Opret en div til den midterste menu (top og buttom border). Ligge den ind som baggrund og give den en venstre margin, så den starter hvor venstre "menu" slutter.
- Opret en div til billedet
- Opret en div til "[ Register ]" teksten
- Opret en div til "Tackleprices | Merchant Area" teksten
- Opret en div til "Enter your username and password to login" teksten.
- Opret en div til "Username" teksten
- Opret en div til "Username" feltet
- Opret en div til "Password" teksten
- Opret en div til "Password" feltet
- Opret en div til Submit knappen

Er det virkelig normalt at gøre det på denne måde, eller kan det gøres på en nemmere måde?
Avatar billede kgp43 Nybegynder
16. juni 2004 - 10:46 #1
Opret en div til den midterste menu (top og buttom border). Ligge den ind som baggrund og give den en venstre margin, så den starter hvor venstre "menu" slutter.

- Her mener jeg "z" possition og ikke "baggrund" :P
Avatar billede kgp43 Nybegynder
16. juni 2004 - 10:47 #2
Hvis det skal gøres på den måde jeg har beskrevet ovenfor, så bliver det da lynhurtigt uoverskueligt.. eller gør det?
Avatar billede skovenborg Nybegynder
16. juni 2004 - 11:50 #3
måske lidt overdrevet at ligge alle form-elementerne ind i hver sin div ;-)

Hvis jeg starter med et design så starter jeg kun med at få hoveddiverne til at virke ordentlig - så man har et design at gå ud fra. I dette tilfælde å det være din venstre og højre "frame" som er grunddesignet.
Hvordan de forskellige detaljer indeni de forskellige div's ser ud og er opbygget kan man vente og se med. Hæng dig ikke op i at de skal være ind i divs - i tilfældet med form er det også okay med en lille tabel (det er det de er til for jo ;-)

Håber det kan give et par ideer, for ellers ser det jo fint ud - om det kan give problemmer undervejs er jeg dog ikke i tvivl om, det gør det altid når man designer sådan nogen sider. Bare hæng i så går det nok til sidst (eller spørg herinde hvis det går helt galt ;-)

mvh skovenborg
Avatar billede kgp43 Nybegynder
16. juni 2004 - 11:53 #4
okay, men hvis det skal laves 100% uden brug af tables (vil prøve kun at bruge dem til data), skal det så lavet så den måde jeg har beskrevet, eller kan det gøres på en anden måde?
Avatar billede skovenborg Nybegynder
16. juni 2004 - 11:59 #5
hvis det bare er den venstre div som skal være 100%, mens den højre (menuen) er ligemeget så ser det meget fornuftigt ud. Bare husk:
body,html {height:100%;}
hvis du ikke kendte den i forvejen - og så hust doctypen (som du også ganske fint har med her)
Avatar billede kgp43 Nybegynder
16. juni 2004 - 12:01 #6
Det har jeg på plads (på siderne efter login), har bare ikke rettet login siden til endnu :)

ligger du et svar, så får du point.
Avatar billede skovenborg Nybegynder
16. juni 2004 - 12:32 #7
okay - hvis der er mere skal du så lige sige til ;-)
Avatar billede kgp43 Nybegynder
16. juni 2004 - 14:20 #8
Det vil jeg gøre :)
Takker for hjælpen
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
IT-JOB

Netcompany A/S

IT Consultant

Capgemini Danmark A/S

AI Data Architect

Qpurpose ApS

Algorithmic Software Engineer (Python)

Riskpoint A/S (Riskpoint Solutions Limited)

IT Business Analyst

Statens IT

Teknisk stærk IT-konsulent
Seneste spørgsmål Seneste aktivitet
I går 20:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
I går 11:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
I går 11:16 problem med mailbesked Af Pestilensen i Excel
I går 10:45 Powerbank Af postpeter@outlook.dk i Fri debat
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
White papers
Flere white papers »