Billede gør template for stor

Her kan du spørge om hjælp til design, templates og css.
Locked
User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Billede gør template for stor

Post by kancaie » Mon Jul 14, 2008 8:06 pm

Hej..
Er der en måde hvorpå jeg kan tvinge mit template til at holde den str. jeg har angivet, så hvis at der placeret indhold der er bredere end templated så kommer der en rullebare på istedet for ??

/Rex
Last edited by kancaie on Tue Jul 15, 2008 11:16 pm, edited 3 times in total.
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

solsikkehaven
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 4757
Joined: Thu Aug 18, 2005 5:24 am
Location: Vestjylland, Danmark
Contact:

Re: Billede gør template for stor

Post by solsikkehaven » Tue Jul 15, 2008 5:57 am

Morten Knudsen
http://mortenknudsen.dk - WordPress hjemmesideløsninger til vestjyske virksomheder og foreninger
http://wpguru.dk - WordPress Guru - tips & tricks til WordPress

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: Billede gør template for stor

Post by kancaie » Tue Jul 15, 2008 4:15 pm

solsikkehaven wrote:overflow: auto;

??

http://www.quirksmode.org/css/overflow.html
Øhh tak, det vidste jeg da egentlig godt :-[ når jeg får det fortalt igen...

Det virker bare ikke i IE6 :( - men undre det nogle ??
/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: Billede gør template for stor

Post by kancaie » Tue Jul 15, 2008 4:45 pm

Hov der
Kan man egentlig ikke implementere det i php/html koden, fremfor i css'et, på den måde skulle det jo virke i alle browsere.

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

User avatar
zimmik
Joomla! Hero
Joomla! Hero
Posts: 2096
Joined: Thu Aug 18, 2005 12:57 pm
Location: Skanderborg, Denmark
Contact:

Re: Billede gør template for stor

Post by zimmik » Tue Jul 15, 2008 5:30 pm

Du kan prøve at skrive

Code: Select all

img { max-width: 100% !important; }
Så burde alle billeder på siden ikke kunne blive bredere, end den div / table-celle det er indsat i.
// Simon Milling Mikkelsen

Husk!: Google, og forummets søgefunktion er din ven!

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: Billede gør template for stor

Post by Gadensgaard » Tue Jul 15, 2008 8:27 pm

Simon skal ";" ikke flyttes til før !important?

img { max-width: 100%; !important }

User avatar
tresan
Joomla! Ace
Joomla! Ace
Posts: 1010
Joined: Thu Feb 09, 2006 3:00 pm
Location: Odense - DK
Contact:

Re: Billede gør template for stor

Post by tresan » Tue Jul 15, 2008 8:32 pm

Nej.
Ronni K. G. Christiansen (@redwebdk)
http://www.redcomponent.com/ - One big family of Joomla extentions & templates
http://redweb.dk - Joomla Webdesign & Development
redHOST.dk - 100% Joomla Webhotel - Dansk support med Joomla viden!

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: Billede gør template for stor

Post by kancaie » Tue Jul 15, 2008 9:28 pm

zimmik wrote:Du kan prøve at skrive

Code: Select all

img { max-width: 100% !important; }
Så burde alle billeder på siden ikke kunne blive bredere, end den div / table-celle det er indsat i.
Jeg kan ikk få det til at virke i IE6, og FF skrumper billedet så det slet ikke kan ses :(

Er er der virkelig ikk en måde man kan gøre det på så det gælle for alle browsere ?

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

User avatar
tresan
Joomla! Ace
Joomla! Ace
Posts: 1010
Joined: Thu Feb 09, 2006 3:00 pm
Location: Odense - DK
Contact:

Re: Billede gør template for stor

Post by tresan » Tue Jul 15, 2008 9:34 pm

!important medvirker at IE6 ikke kan læse linien.
Du skal derfor lave en linie til IE6 ud over den med !important.

Det er desuden ikke sikkert at en width på 100% på image er særligt definerende - det kommer an på hvor img loades.
Så hvis du vil bestemme størrelsen på et billede til alle browsere skal du lave selve angivelsen af bredde og højde på selve billedet.
Ronni K. G. Christiansen (@redwebdk)
http://www.redcomponent.com/ - One big family of Joomla extentions & templates
http://redweb.dk - Joomla Webdesign & Development
redHOST.dk - 100% Joomla Webhotel - Dansk support med Joomla viden!

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: Billede gør template for stor

Post by kancaie » Tue Jul 15, 2008 9:59 pm

tresan wrote:!important medvirker at IE6 ikke kan læse linien.
Du skal derfor lave en linie til IE6 ud over den med !important.

Det er desuden ikke sikkert at en width på 100% på image er særligt definerende - det kommer an på hvor img loades.
Så hvis du vil bestemme størrelsen på et billede til alle browsere skal du lave selve angivelsen af bredde og højde på selve billedet.
Hmm tja jeg kan se at jeg har meget at lære endnu, mht til css og html/php kodning.
Men er der virkelig ikke en måde hvorpå at man man sætte en 100% fast str. på en celle, så ikke at indhold kan gå udover den ??

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

User avatar
tresan
Joomla! Ace
Joomla! Ace
Posts: 1010
Joined: Thu Feb 09, 2006 3:00 pm
Location: Odense - DK
Contact:

Re: Billede gør template for stor

Post by tresan » Tue Jul 15, 2008 10:18 pm

overflow: hidden;

Så gemmes det overskydende.

Men hvis et billed er sat til en større bredde og højde så betyder det så bare at det gemme og ikke at det resizes.

Det kommer altså i høj grad an på den konkrete situation hvordan problemstillingen løses optimalt.
Ronni K. G. Christiansen (@redwebdk)
http://www.redcomponent.com/ - One big family of Joomla extentions & templates
http://redweb.dk - Joomla Webdesign & Development
redHOST.dk - 100% Joomla Webhotel - Dansk support med Joomla viden!

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: Billede gør template for stor

Post by kancaie » Tue Jul 15, 2008 10:48 pm

tresan wrote:overflow: hidden;

Så gemmes det overskydende.

Men hvis et billed er sat til en større bredde og højde så betyder det så bare at det gemme og ikke at det resizes.

Det kommer altså i høj grad an på den konkrete situation hvordan problemstillingen løses optimalt.
Igen er problemet at IE6 ikke håndtere "overflow" af en eller anden mærkelig grund, det funger jo fint i FF :)

Meen jeg tager den lige med google, og måske jeg finder noget der kan hjælpe mig :)

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

User avatar
tresan
Joomla! Ace
Joomla! Ace
Posts: 1010
Joined: Thu Feb 09, 2006 3:00 pm
Location: Odense - DK
Contact:

Re: Billede gør template for stor

Post by tresan » Tue Jul 15, 2008 11:13 pm

Du skal huske at bruge

position:relative;

Når du bruger overflow for at få korrekt visning i IE6 og IE7.
Ronni K. G. Christiansen (@redwebdk)
http://www.redcomponent.com/ - One big family of Joomla extentions & templates
http://redweb.dk - Joomla Webdesign & Development
redHOST.dk - 100% Joomla Webhotel - Dansk support med Joomla viden!

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: Billede gør template for stor

Post by kancaie » Tue Jul 15, 2008 11:16 pm

Fixede den :p
brugte "bare" table-layout: fixed;

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)


Locked

Return to “Template, CSS og Design”