Logga inAnvändarnamnLösenord
Logga in mig automatiskt    
Bli medlem
Bli medlem
Logga in för att läsa dina meddelanden
Logga in för att läsa dina meddelanden
Forumindex » Webbdesign och utveckling

Skapa nytt ämne   Svara på ämnet
<h1> taggen kraschar min design
Visa föregående ämne :: Visa nästa ämne  



Författare Meddelande
Sandra
Medlem


Blev medlem: 26 November 2005
Inlägg: 42

InläggSkrivet: Wed Dec 07, 2005 10:05 am    Rubrik: <h1> taggen kraschar min design Svara med citat

Måste jag ge upp idéen att använda <h1> taggar, eller finns det något sätt att få dem att inte påverka de andra elementen på webbplatsen?

Puss
/Sandra
Till överst på sidan
Visa användarens profil Skicka personligt meddelande
webbyrå_creo
Nykomling


Blev medlem: 30 November 2005
Inlägg: 10

InläggSkrivet: Wed Dec 07, 2005 9:01 pm    Rubrik: Svara med citat

Hänger inte med hur du menar riktigt?

Förklara gärna lite mer detaljerat.

/Jonas
Till överst på sidan
Visa användarens profil Skicka personligt meddelande Skicka e-post
Sandra
Medlem


Blev medlem: 26 November 2005
Inlägg: 42

InläggSkrivet: Thu Dec 08, 2005 12:16 am    Rubrik: Svara med citat

Hej webbyrå_creo,

Vad som händer är att h1-taggen "puttar ner" allt annat som skall ligga bredvid, till en rad under.
Vilket får mina grafik-bilder att hamna ojämnt.
Jag hoppas att detta var en bättre förklaring *hoho* Embarassed

Puss
/Sandra
Till överst på sidan
Visa användarens profil Skicka personligt meddelande
webbyrå_creo
Nykomling


Blev medlem: 30 November 2005
Inlägg: 10

InläggSkrivet: Thu Dec 08, 2005 7:24 am    Rubrik: Svara med citat

Efter alla h1-taggar blir det alltid en automatiskt radbrytning innan nästa element kommer.

/Jonas
Till överst på sidan
Visa användarens profil Skicka personligt meddelande Skicka e-post
webbdesign
Site Admin


Blev medlem: 05 September 2005
Inlägg: 226

InläggSkrivet: Thu Dec 08, 2005 9:28 am    Rubrik: Svara med citat

Problement uppstår då hx-taggen är ett ett block-element.
Dessa block-element kan inte dela rad med ett annat objekt.
Men inga problem - det fixar vi genom att ändra display-attributen till inline med CSS.

Kod:
<h1 style="display:inline">Webbdesign och utveckling</h1> - guider inom bl.a. HTML, CSS, MySQL, php.


Du kan självklart lägga in denna stylekoden i headern t.ex:

Kod:
<style type="text/css">
h1{
display:inline;
}
</style>


Vänligen
Anders
Till överst på sidan
Visa användarens profil Skicka personligt meddelande Skicka e-post Besök användarens hemsida
Sandra
Medlem


Blev medlem: 26 November 2005
Inlägg: 42

InläggSkrivet: Thu Dec 08, 2005 10:20 am    Rubrik: Svara med citat

Tack för hjälpen! Very Happy
Mitt problem löstes direkt med display:inline.

Tack och puss
/Sandra
Till överst på sidan
Visa användarens profil Skicka personligt meddelande
Per Edenbrink
Medlem


Blev medlem: 10 November 2005
Inlägg: 36

InläggSkrivet: Thu Dec 08, 2005 1:00 pm    Rubrik: Svara med citat

Oj! Vilken funktionell attribut - display:inline!

Jag har varit med om samma sak som Sandra flera gånger då jag hållit på med webbdesign.
Om jag vetat detta hade jag sluppit mycket arbete med att göra egna span-taggar istället för h1.

Bra svar!
Jag visste att det skulle bli värt att läsa här idag på lunchen Smile
Till överst på sidan
Visa användarens profil Skicka personligt meddelande


Visa tidigare inlägg:   
Skapa nytt ämne   Svara på ämnet    Forumindex » Webbdesign och utveckling Alla tider är GMT + 1 timme (svensk vintertid)
Sida 1 av 1

 
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet

Slumpade medlemslänkar

    Tillbaka till guiderna: Webbdesign
    w3c.org | 456bereastreet.com | PHP.net | MySQL.com
    Powered by phpBB © 2001, 2002 phpBB Group iCGstation v1.0 Template By Ray © 2003, 2004 iOptional Swedish translation by virtuality © 2005