Inlägg

Inlägg som Tinnity123 har skrivit i forumet
Av Tinnity123

Hjälp med formatering av javascript...

Har lagt in ett Java Dom med datum och tid på min webbsida, problemet är hur jag centrerar den raden? testade med att lägga som en script class och formatera det via css men den ligger fortfarande kvar i vänstra övre härnet trots olika försök att centrera... Någon som vet jag gör för fel?

Av Tinnity123
Skrivet av Florrpan:

Du måste länka in CSS filen i din HTML fil.

Exempel: Lägga detta i innanför <head></head>

<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />

Här läser du hur man använder det:
http://getbootstrap.com/css/

Men det verkar som du hoppat över många steg när det gäller hemsidebyggande.
Du bör veta vad HTML och CSS är, och hur dom arbetar med varandra. Sedan veta hur klasser mm fungerar i CSS, och hur dom används för att designa element i HTML.

Jo men det vet jag, och det här är mitt första projekt. Jag har läst det i ett par veckor på deltid och försöker lära mig, jag kan inte lägga in en färdig mall till det här projektet eftersom jag ska bygga det själv. Vad ska jag använda för kodprogram tycker du?

Skickades från m.sweclockers.com

Av Tinnity123
Skrivet av Florrpan:

Bootstrap är inget program...
Det är ett biblotek som innehåller ett färdigskriven CSS kod som du enkelt och snabbt kan använda för att bygga en hemsida med.
Dvs, du måste länka in filerna i en HTML fil och börja skriva HTML struktur med bootstraps CSS-klasser.

Jag har ingenting för att öppna dessa filer med:( bara css och där ligger allt io en enda lång text... kanske är det här för avancerat?

Av Tinnity123
Skrivet av Florrpan:

Bootstrap är inget program...
Det är ett biblotek som innehåller ett färdigskriven CSS kod som du enkelt och snabbt kan använda för att bygga en hemsida med.
Dvs, du måste länka in filerna i en HTML fil och börja skriva HTML struktur med bootstraps CSS-klasser.

Jaha:) åh va pinsamt! Vad ska jag ha för program att koda i? tyckte dw va skönt för att avsluta taggar men det kanske finns något enklare och bättre? tog även bort notepad++

Av Tinnity123

Hur laddar man ner Bootstrap?

Kan bara ladda ner massa zip-filer?

Av Tinnity123

[qut, e=Florrpan;14719051]Det skrek NEJ NEJ NEJ i mitt huvud så fort jag såg att du använder CENTIMETER istället för pixlar/procent när du bestämmer höjd/bredd på elementen. Samtidigt använder du marginaler i pixlar för att positionera elementen.
Retina skärmar har en större pixeltäthet och, vad jag misstänker, visas även centimeter annorlunda på grund av det.

Detta är helt och hållet fel.
Du borde ta och läsa upp om CSS boxmodellen, specifikt hur man använder "float".

Här är ett exempel jag har gjort:

http://fuskbugg.se/file/xAbKVc/boxmodel.jpg

http://jsfiddle.net/eFC75/3/

Här är en kod jag knackade ihop jättefort som visar hur otroligt simpelt det är att göra grundstrukturen på en hemsida. Använd den som du behagar.
Notera: Du kan ändra "kartong" bredden till vad du vill. Eftersom dina lådor är i procent så kommer dom anpassa sid automatiskt.[/quoja

Tack, känns så trist att jag suttit med detta projekt en vecka och deadline är om några dagar... har ju aldrig gjort detta förr:( ska försöka göra om allt. Synd att jag inte frågade er tidigare. Allt såg ju bra ut på min skärm och validerade korrekt.

Skickades från m.sweclockers.com

Av Tinnity123
Skrivet av zyberzero:

Det ser ut som fan i Google Chrome 35.0.1916.153 (Officiell version 274914) på Windows 8.1

Det ser jävligt ut i IE 11.0.9600.17126

Du positionerar text med en massa radbrytningar (<br/>-taggar) vilket jag kan tycka inte är helt rätt. Du blandar CSS i både stilattribut och i din stilmall. Nu var det visst bara en förekomst, men iallafall.

Loggan tar i mitt tycke för stor plats; nästan halva min skärm (sitter på en bärbar maskin med liten skärm) så jag får dubbla scrollbars.

Jag tror i att det mesta ligger i hur du positionerar medelst marginaler, olika webbläsare har fortfarande inte kommit överrens om standardvärden på olika attribut - tillexempel padding och margins. Testa att köra utvecklingsverktyget i olika webbläsare (tryck F12 i de flesta) så kan du se varifrån de olika elementen hämtar parametrar.

Ska testa, för mig ser det ju jätte bra ut:/ vad använder proffsen ist för <br?

Skickades från m.sweclockers.com

Av Tinnity123
Skrivet av celoz:

Hela HTML koden är en jävla hög av

<br><br><br><br><br>

Kolla in vad bootstrap är och ladda ner det. Lär dig det (tar 1 dag) och kasta det du har just nu i papperskorgen.

Varför det blir annorlunda beror på olika skärmupplösningar, och din sida hanterar inte detta (kallas "responsivdesign")
bootstrap gör detta åt dig.

Avinstallera dreamweaver fort som ögat när du väl är igång och ladda ner sublime text eller phpstorm.

Ska kolla in det direkt, använder inga speciella funktioner i dw ändå:)

Skickades från m.sweclockers.com

Av Tinnity123
Skrivet av phroggyy:

Nu vet jag inte hur det ska se ut, men här sitter jag på en Macbook Pro (15" Retina, OS X 10.10) och ser ingen text som korsar, se bild

http://i.imgur.com/2Hq9yhi.jpg

S ser det ut för mig också:)

Av Tinnity123
Skrivet av fAkkFejz:

Ser väl Ok ut i mitt Firefox förrutom att Livsmedel står lite utanför linjen, annars ok med resten.
http://i.imgur.com/BF3a5IT.png

'

Ser helt fel ut, min är på ett annat sätt, hur postar jag bilder?

Av Tinnity123

Problem med positionering av text (HTML5)

Har testat min sida i safari, firefox, chrome samt explorer och på min skärm ser allt likadant ut. När vi öppnar upp samma sida på ex en mac book pro så visarden helt fel, även på en annan pc. Text flyter in i varandra osv. fattar ingenting då vad jag kan se så är det inställt i dreamweaver att fungera på allt... Blir tokig. catalinaimre.se hjälp snälla!

Av Tinnity123
Skrivet av Florrpan:

um, räckte det inte med en vanlig lista?

<ul>
<li><a href="#"><img src="#"></a></li>
<li><a href="#"><img src="#"></a></li>
<li><a href="#"><img src="#"></a></li>
</ul>

Sen ser det ut som att du måste lära dig hur man använder ID och CLASS.
CLASS får återanvändas på flera element på samma sida, medan ID endast får användas en gång.

Exakt så känner jag, börjar hajja lite av dem nu, visste inte att man kunde använda i en lista:) Ser det bättre ut menar du?

Av Tinnity123
Skrivet av matti4s:

Ser ut som att du misslyckats med att byta ut exempel URLen mot din egna.
Lägg gärna in koden du använder här så blir det lättare att rätta till felet.

Absolut:)

Här:

<a href="http://www.facebook.com/sharer.php?u=http://www.catalinaimre...."
target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" /></a>

<a href="http://twitter.com/share?url=http://www.catalinaimre.se&amp text=Simple Share Buttons"
target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter" /></a>

Ser du nått galet?

Av Tinnity123
Skrivet av Airikr:

Ok? Vad säger felmeddelanden mer exakt. Du måste ge oss så mycket uppgifter om felet som möjligt, om vi ska få chansen till att hjälpa dig.

De här blir jag inte av med...:(

Error Line 48, Column 65: The string following & was interpreted as a character reference. (& probably should have been escaped as &.)
…witter.com/share?url=http://www.catalinaimre.se&amp text=Simple Share Buttons"

Error Line 49, Column 16: Bad value http://twitter.com/share?url=http://www.catalinaimre.se& text=Simple Share Buttons for attribute href on element a: Tab, new line or carriage return found.
target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/twit…
Syntax of IRI reference:
Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.
Error Line 50, Column 52: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
<a href="index.html"><img src="hem.jpg" id="link" /></a>

Av Tinnity123

Tack fantastiska människa!

Av Tinnity123

Tips på bra koder för att dela å Facebook och Twitter?

De koder jag lagt in ger mig error på validation... hittar ingen bra guide och går jag vida Facebbok och twitter så funkar inte koderna alls?

Av Tinnity123

Hjälp en N00b med CSS3/Html5

Behöver hjälp med en grej jag suttit med hela dagen.

Vill få mina bilder/knappar att hamna under varandra, nu ligger dom på rad och flyter ut i min "article"
Vad har jag gjort för fel i koden eller css:en?

<a href="index.html">
<img src="apple1.jpg" alt="Hem" style="float:left;" />
</a>

<a href="http://www.facebook.com/sharer.php?u=http://www.catalinaimre...."
target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" /></a>

<a href="http://twitter.com/share?url=http://www.catalinaimre.se&amp text=Simple Share Buttons"
target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter" /></a>
<img id="box">
<img src="blue.png" id="link" />
</img>

CSS

#share-buttons img {
width: 35px;
padding: 50px;
border: 0;
box-shadow: 0;
display: inline;
margin-bottom:0px;
}

img#box {
float:right;
margin-bottom:0px;
padding-top:150px;
}

Hjääääälp