Avatar billede boxer Praktikant
12. april 2007 - 09:12 Der er 9 kommentarer og
1 løsning

Billeder og tekst i tabel ønsket udskiftet med brug af CSS

Hej

Jeg har et spørgsmål som jeg ikke er helt sikker på hvordan skal formuleres.
Det går ud på at fjerne formatering ved brug af tabeller og erstatte det med CSS.

Det drejer sig om logoet her:
http://www.stokerpiller.dk/

Det drejer sig om: Billede - tekst - Billede

Det jeg har forsøgt indtil videre blev ikke kønt :o)
Spørg hvis det ikke er godt nok forklaret...

MvH
Boxer
Avatar billede roenving Novice
12. april 2007 - 12:52 #1
F.eks.

<div id="banner" style="width:768px;margin:0 auto;text-align:center;">
  <img id="banner1" src="../billede.jpg" style="width:100px;float:right;">
  <img id="banner2" src="../billede.jpg" style="width:100px;float:left;">
  <h1>Stokerpiller.dk</h1>
  <h3>Alt om Træpiller, Stoker, Stokerfyr & Biobrændsel</h3>
</div>
Avatar billede boxer Praktikant
12. april 2007 - 17:30 #2
Takker Roenving - smid et svar. :o)

Jeg endte med:
<a title="Vind en palle træpiller" href="konkurrence.shtml"><img id="banner1" src="billeder/vind.gif" /></a>
<a title="Vind en palle træpiller" href="konkurrence.shtml"><img id="banner2" src="billeder/vind.gif" /></a>
<h5>Stokerpiller.dk</h5><h4>Alt om Træpiller, Stoker, Stokerfyr &amp; Biobrændsel</h4>

+

  img#banner1 {
  border: 0px;
  width: 160px;
  height: 100px;
  float: right; }

  img#banner2 {
  border: 0px;
  width: 160px;
  height: 100px;
  float: left; }

i mit CSS
Avatar billede roenving Novice
12. april 2007 - 23:44 #3
Velbekomme '-)

-- men 100 point er da klart i overkanten, behold du de fleste selv !-)
Avatar billede boxer Praktikant
13. april 2007 - 00:03 #4
Arh, jeg tror ikke jeg løber tør foreløbig :o)
Avatar billede roenving Novice
13. april 2007 - 00:29 #5
Nah, det var zq heller ikke det, jeg var bange for (og jeg er jo heller ik' li'e i farezonen på den led !-)

-- mere en principiel holdning om, at specielt de faste brugere af Eksperten understøtter Ekspertens point-politikker, altså at et spørgsmål af denne art ikke er specielt svært, men måske involverer noget paratviden, som ikke alle har, så det kan rates fra almindeligt til svært efter eget udgangspunkt, men aldrig som ekstremt svært, som netop 100 point signalerer ...

-- els tak for point ;~}
Avatar billede boxer Praktikant
13. april 2007 - 01:03 #6
Ok.
Det kan jo blive en lang diskussion, for den der ved det er svaret jo altid nemt :o)
Og nu havde jeg jo lovet 100p.....
Avatar billede roenving Novice
13. april 2007 - 01:16 #7
*lol*

-- jeg vil absolut gerne diskutere med dig ...

-- men bemærk præcis min kommentar om paratviden, det er jo ikke lige det, jeg mangler på dette område ...

-- og jeg har ingen problemer med at acceptere, at du giver mig 3-6 gange så meget, som jeg synes er rimeligt, men altså at tage udgangspunkt i, at du havde lovet et eller andet, hrm ...

-- hvis du havde snakket med en af dine venner om at sætte nye sutter på bilen, så havde i vel aftalt at mødes et sted, hvor det var lidt nemmere end midt på villavejen, og så havde du vel stanget ham 100 eller 1000 kroner mere end dækkene havde kostet, og ikke det, som autoværkstedet ville have !-)
Avatar billede boxer Praktikant
13. april 2007 - 23:00 #8
"-- jeg vil absolut gerne diskutere med dig ..."
Jeg er slet ikke i tvivl ;o)


"
-- hvis du havde snakket med en af dine venner om at sætte nye sutter på bilen, så havde i vel aftalt at mødes et sted, hvor det var lidt nemmere end midt på villavejen, og så havde du vel stanget ham 100 eller 1000 kroner mere end dækkene havde kostet, og ikke det, som autoværkstedet ville have !-)"
Jep, men på dette område ved jeg jo også hvad det kræver :o)


Nu vil jeg helst ikke være medvirkende til at du skal have søvnløse nætter, så du får lige et tillægsspørgsmål du kan gruble lidt over:

Jeg har en side (kan desværre ikke linke pr. da serveren er nede) hvor jeg har 6 billeder + tekst. De er sat op i en tabel med billeder til venstre og tekst til højre.
Hvordan konverterer jeg eksemplet brugt i mit logo således det kan bruges i mit indhold?



Iøvrigt er jeg enig med dig i at det kan virke underminerende for pointsystemet med for mange point.
Når jeg henvender mig med et problem har jeg oftest siddet i timevis og forsøgt selv.
Det kan være ret frustrerende, derfor mange point i håb om en hurtig løsning.
Avatar billede roenving Novice
14. april 2007 - 17:38 #9
Mener du, at du skal lave tekster, der hører til billederne, som skal følges med de billeder ?-)

-- selv ville jeg absolut benytte mig af en tabel (den kan nemlig præcis det, der er brug for !-), men lige det er ikke specielt besværligt at lave uden tabeller, det kræver bare, at floats afsluttes efter hvert billede ...

F.eks.

<span style="float:right;">
  Teksten der skal følge med billedet
</span>
<img src="HerErEtBillede.jpg" style="float:left;width:360px;">
<div style="clear:both;line-height:0;font-size:0;"></div>
<span style="float:right;">
  Teksten der skal følge med billedet -- 2
</span>
<img src="HerErEtBillede2.jpg" style="float:left;width:360px;">
<div style="clear:both;line-height:0;font-size:0;"></div>

-- det vil selvfølgelig være hensigtsmæssigt at benytte en klasse til clear-tingen, men dette er jo også et eksempel !-)

Absolut utestet !o]
Avatar billede boxer Praktikant
16. april 2007 - 17:29 #10
Det nemmeste er jo også tabellen. Det er blot mit indtryk at tabeller er ret udskældte.
Jeg holder mig til tabellen denne gang.

Tak 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
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