Søg
Avatar billede tinebn Nybegynder
28. december 2007 - 22:06 Der er 16 kommentarer og
1 løsning

for meget tekst så passer det ikke over baggrundbillede

Hvordan gør jeg det nemmest??
Har et baggrundsbillede der er width 864 px og height 550 px!!
Banner og baggrundsfarve er lavet i et billede.

Hvis så teksten er for lang, så ryger den ud over billedet og flytter sig både over banner teksten og under billedets bund!

skal jeg dele billedet op i små bidder?
lægge baggrundsfarven i tabellen ?

Synes snart jeg har prøvet alt, måske det er fordi, jeg griber det forkert an ?
Avatar billede Slettet bruger
28. december 2007 - 22:20 #1
Det ville sikkert være nemmere hvis vi kunne så et link til en side så vi selv kan se koden.

Umiddelbart ville jeg nok sige at du sikkert greb det forkert an, de fleste anvender ikke tabeller til at designe med mere.

Jeg ville måske nok dele banner og baggrundsfarve op i to og så sørge for at baggrunden er over det hele uanset hvor stor siden er.

Men som sagt det ville være nemmere at se en side med koden. Helst en test side, store mængder kode i en forum posting er ikke videre rart at arbejde med.
Avatar billede tinebn Nybegynder
29. december 2007 - 12:16 #2
Hej
Her er min test kode......... http://www.nissepiger.dk/geisha/coaching.php
Tror faktisk at det jeg prøver på er umuligt!!
hvis man ikke designer i tabeller merer- hvordan gør man så i nye tider?
Avatar billede viggosmor Nybegynder
29. december 2007 - 13:55 #3
CSS er vejen frem!
Avatar billede roenving Novice
29. december 2007 - 14:09 #4
Tabeller er særdeles brugbare til nogle ting, og kan sagtens bruges til bestemte design-mæssige tasks, men forne tiders nestede tabeller har givet anledning til en tabel-o-fobi, som du kan møde i forskellig udstrækning ...

-- lav grund-designet i noget let overskueligt med en div:

<body>
<div id="site">
  <!-- indhold her -->
</div>
</body>

-- med følgende css:

html,body{margin:0;padding:0;height:100%;/*evt. baggrundsfarve for det, der er udenfor site-diven*/}
#site{width:864px;margin:0 auto;height:100%;/*baggrund for hoveddelen af sitet*/}

-- så kan du lave indholdet i site-diven i kolonner med divs og css eller med en enkelt tabelrække med to-tre celler !-)
Avatar billede roenving Novice
29. december 2007 - 14:11 #5
-- og baggrunden laves mest fordelagtigt med en sammensat baggrund, hvor dit baggrundsbillede og baggrundsfarven er uafhængig:

background:url(ditbaggrundsbillede.jpg) top center #a22;}
Avatar billede tinebn Nybegynder
29. december 2007 - 17:41 #6
Hej Roenving
den forklaring tror jeg godt jeg forstår..

Inden jeg går igang..... hvor jeg ikke evner at se..... hvis nu jeg skal splitte det baggrundspillede op.... skal jeg lave en top banner det er ok..... men hvordan får jeg så pigen til at sidde lige netop der.... er det også et billede for sig som så kan overlappe topbanneret??

Eller kan jeg bare ikke bruge den opsætning så jeg må flytte hende ?
Avatar billede roenving Novice
30. december 2007 - 12:00 #7
Lige nu har jeg forstået, at du vil have hende i top til højre, og den position kan et baggrundsbillede godt have:

background:url(ditbaggrundsbillede.jpg) top right #a22;

-- hvis du både vil have banner og billede, kan du gøre det ved at sætte dem sammen til et billede, eller du kan sætte et element ind, der indeholder banneret !-)
Avatar billede tinebn Nybegynder
14. januar 2008 - 15:10 #8
Hej Roenving

Jeg er nået et stykke vidrer og blevet meget bedre, min tekst styre stadig hvordan mit design kommer til at se ud! er det hvordan jeg sætter height og width i tabellen?
er lidt i tvivl om jeg har sat diverne rigtigt også !

Kan du hjælpe mig med det?
Avatar billede tinebn Nybegynder
13. februar 2008 - 20:53 #9
Hej

Jeg har stadig ikke formået at få teksten til at gøre som jeg vil...
tabel har jeg lagt i et div z-index 1 er det rigtigt at gøre?
jeg kan ikke styre den tabel..

*/<body align="center">
<div id="site" >

<table>
<!-- Z-index1 -->
<div id="table">
<tr >
<td  height="25%">

</td>
</tr>
<tr >
<td height="70%">

</td>
</tr>
<tr >
<td height="1%" bgcolor="#F5CBCB">
<!-- LINIE LYSERØD -->
</td>
</tr>
<tr >
<td >
<!-- links-bjælke -->
links
</td>
</tr>
</div>
</table>

</div>
</body>
*/
Avatar billede roenving Novice
15. februar 2008 - 13:15 #10
Hvad laver diven inde i table-tagget ?-)
Avatar billede tinebn Nybegynder
16. februar 2008 - 11:20 #11
ok ,det får jeg lige placeret et andet sted :-))
Avatar billede tinebn Nybegynder
17. februar 2008 - 20:48 #12
hej
kan dette bruges ?
det virker bedrer end noget af det andet jeg har prøvet :-)

/*<body align="center">
<div id="site" >
<!-- Z-index1 -->
<div id="table">
<table width="864" height="97%">
<tr height="92%" valign="top" >
<td >
*/

css
/*
z-index: 1;
    height:87%;
    margin-top:13%;
    width: 864px;
*/

jeg har ikke brugt koden /* top right #a22*/ ? hvad gør den #a22 ?
Avatar billede roenving Novice
18. februar 2008 - 23:14 #13
top right er baggrundsbilledets placering, #a22 er baggrundsfarven for den del, der ikke dækkes af baggrundsbilledet (og en kortform af #aa2222 !-)
Avatar billede tinebn Nybegynder
19. februar 2008 - 14:04 #14
mange mange tak for hjælpe.:-)
smider du du lige et svar , så jeg kan få lukket sprg.
Avatar billede roenving Novice
19. februar 2008 - 14:12 #15
Velbekomme '-)
Avatar billede roenving Novice
03. marts 2008 - 16:39 #16
-- og tak for point ;~}
Avatar billede tinebn Nybegynder
03. marts 2008 - 20:12 #17
velbekommen..... Jeg er ikke altid så hurtig ;-)
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
I går 13:59 2 skærme til en stationær computer Af BIRGER i Skærme
26/0119:26 Opstart af ny computer Af Bent i Windows
25/0120:06 Hjemmeside der virker både på mobil og computer Af Strawberry i PHP
25/0117:08 Problemer med borger.dk Af valby i Windows
25/0114:19 Fejl Af buls i Windows
White papers
Flere white papers »