Søg
Avatar billede dingemann Novice
20. februar 2010 - 17:01 Der er 9 kommentarer og
1 løsning

Basis-skelet i HTML

Det er ikke fordi jeg er doven eller andet. Jeg har skam siddet og fedtet med det her i snart to dage og revet fat i venner osv til hjælp. Men jeg har efterhånden også stødt på en del problemer med min HTML som ikke umiddelbart er så let at løse.
Min løsning er forholdsvist let hvis vi kaster os over i tabel-layout men det er jo som alle nok ved, et no-go. Og samtlige HTML-ninjaer vil blive foraget hvis jeg ender ud med en tabel-løsning.

Derfor: det er egentlig rimelig simpelt. Jeg vil ha http://www.dnup.dk/background2.png lavet om til html. Det skal være muligt at trække i højden og skygge-borderen skal selvfølgelig trækkes med. Ligeledes havde jeg forestillet mig at mønsteret skulle kunne udskiftes med http://www.dnup.dk/repeatpatch.png
Mit problem har blandt andet været at hjørnet øverst til venstre er unikt med sin skygge. Kig evt på http://www.dnup.dk/html.zip for at se hvor langt jeg nåede plus evt billeder i beskåret format.
Avatar billede danco Nybegynder
21. februar 2010 - 20:10 #1
Som jeg umiddelbart forstår det er det en ret simpel opgave du er ud i.
Det du gør at du dele billedet op i 3 dele.
1 del: Hjørnet, Så du får det med 20x20 pixel eller hvad du nu skal bruge.
2. del: en lille del af den horisontale linje på ca 5x5 pixel, eller hvad du har behov for.
3. del: en lille del af den vertikale linje, også 5x5 pixel.

Derefter har du dynamiske dele hvor du med simpel css (repeat-x og repeat-y) kan forlænge linjerne.
Og ja jeg vil nok også foreslå at du skipper tables og i stedet gør brug af divisions. det er ligeledes med at til at gøre dit layout mere dynamisk og fleksibelt for fremtidige tilpasninger.
Avatar billede dingemann Novice
21. februar 2010 - 23:25 #2
jeg har været igang med tre-delingen af billedet. Problemet er bare at hvis jeg vil skifte mønsteret ud - altså baggrundsmønsteret, så bliver det lidt svært hvis jeg nøjes med en tre-deling.
Avatar billede danco Nybegynder
22. februar 2010 - 07:48 #3
Jamen så er handler det vel bare om klippe 4 tern ud fra baggrunden (2x2) og fortsætte dem derhenad.
Så kan du til enhver tid skifte det ud med noget andet eller bruge en helt blank baggrund hvis det er det du ønsker
Avatar billede dingemann Novice
22. februar 2010 - 19:16 #4
okay! Jeg har nu læst din tekst nogle gange. Jeg har også bedt en ven læse det og vi er begge enige om at det ikke giver mening det du skriver.

Kan du tegne en hurtig paint-tegning af div'erne - sætte tal på og så forklare tallene herinde fx...
Avatar billede danco Nybegynder
22. februar 2010 - 20:14 #5
Baggrunden i din ramme har let synlige tern, det jeg mener er at du klipper ud i et mindre stykke svarende til 4 tern, derefter kan du bruge repeat på den.

Jamen hvad du ellers skal bruge af divs afhænger jo fuldstændig af dine behov. Men mon ikke det ville være passende at have en til bunden, højre side og midten (med tern). Disse tre divs pakker du så ind i en container.
Det er jeg ikke sikker på hvordan jeg skulle tegne i paint.
Avatar billede dingemann Novice
26. februar 2010 - 10:31 #6
Selvom jeg ikke brugte dit svar til noget må du gerne få point alligevel. Jeg har dog mere eller mindre løst problemet med CSS lidt jQuery...
Avatar billede danco Nybegynder
26. februar 2010 - 11:31 #7
jamen hvis du ikke kunne bruge mit svar til noget skal jeg jo ikke have point.
Jeg er dog ikke sikker på hvordan du har løst layout problemet med jQuery.
Avatar billede dingemann Novice
27. februar 2010 - 09:50 #8
vil du ha kode?
Avatar billede dingemann Novice
19. august 2010 - 18:03 #9
lukker
Avatar billede dingemann Novice
19. august 2010 - 18:03 #10
tis
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
Seneste spørgsmål Seneste aktivitet
27/1222:02 Låse brugt iPad op Af drstein i iOS, iPhone & iPad
27/1219:21 Hvor finder jeg en oversigt over mine spørgsmål Af KurtG i Hjælp og fejl
27/1211:31 TP-Link Wifi extender opsat som accesspoint giver 50% up- og download, Af Uvanga i Wifi
26/1213:05 Hvorfor bliver tiff-filer større ved konvertering til samme format Af KurtG i Billedbehandling
23/1221:36 Gøre Ikonerne lidt større i proceslinjen (Windows 10) Af Ikke-ekspert i Windows
White papers
Flere white papers »