abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
    včera 23:22 | Komunita

    Ubuntu 24.04 (Noble Numbat) Beta bylo vydáno, staženo a po opravě opět vydáno. Oficiální oznámení v diskusním listu. Přehled novinek v poznámkách k vydání. Vydání ostré verze je naplánováno na 25. dubna.

    Ladislav Hagara | Komentářů: 0
    včera 21:11 | IT novinky

    Letošní Turingovou cenu (2023 ACM A.M. Turing Award) získal Avi Wigderson.

    Ladislav Hagara | Komentářů: 0
    včera 15:33 | Zajímavý software

    Na itch.io si lze nově (𝕏) zahrát nebo i zdarma stáhnout počítačovou hru ROTA. Postavena na herním enginu Godot a její zdrojové kódy jsou k dispozici na GitHubu pod licencí GPLv3.

    Ladislav Hagara | Komentářů: 1
    včera 00:22 | Komunita

    O finance Gentoo Linuxu se v USA bude nově starat nezisková organizace Software in the Public Interest (SPI). Aktuálně je pod křídly této organizace 44 projektů. V Evropě se o peníze Gentoo Linuxu stará Förderverein Gentoo e.V..

    Ladislav Hagara | Komentářů: 1
    10.4. 21:22 | IT novinky

    Společnost Proton AG stojící za Proton Mailem a dalšími službami přidala do svého portfolia Standard Notes, tj. open source aplikaci a službu s end-to-end šifrováním pro psaní poznámek. K vyzkoušení je webové demo.

    Ladislav Hagara | Komentářů: 18
    10.4. 13:33 | IT novinky

    V Norimberku probíhá embedded world 2024. Firmy představují novinky. Canonical představil Ubuntu Pro for Devices aneb desetiletou podporu Ubuntu na IoT zařízení a oznámil spolupráci se společností Qualcomm.

    Ladislav Hagara | Komentářů: 0
    10.4. 09:33 | Nová verze

    Turris OS, operační systém pro síťová zařízení Turris postavený na OpenWrt, byl vydán v nové verzi 7.0. Postavený je na OpenWrt 22.03.

    Ladislav Hagara | Komentářů: 5
    10.4. 03:00 | IT novinky

    Společnost Fairphone stojící za stejnojmennými mobilními telefony představila (pdf) bezdrátová špuntová sluchátka Fairbuds. Opravitelná, s vyměnitelnými bateriemi a tříletou zárukou. Cena 149 eur.

    Ladislav Hagara | Komentářů: 8
    9.4. 20:44 | IT novinky

    Intel na konferenci Intel Vision 2024 představuje své novinky. Důraz klade na AI. Představil AI akcelerátor Gaudi 3.

    Ladislav Hagara | Komentářů: 0
    9.4. 19:11 | IT novinky

    Společnost SiFive představila RISC-V vývojovou desku HiFive Premier P550 s SoC Eswin EIC7700 s čtyřjádrovým SiFive Performance P550 Core Complex. Deska bude v prodeji od července letošního roku. SiFive a Canonical spolupracují na podpoře Ubuntu.

    Ladislav Hagara | Komentářů: 4
    KDE Plasma 6
     (47%)
     (18%)
     (3%)
     (32%)
    Celkem 266 hlasů
     Komentářů: 4, poslední 6.4. 15:51
    Rozcestník

    Problém se stylopisem

    2.8.2020 00:41 | Přečteno: 1742× | poslední úprava: 2.8.2020 00:53

    Ahoj,

    potřeboval bych poradit s obtékáním obrázku. Chtěl bych to mít takhle. Ale pořád mi vychází toto

    Stylopis vypadá takto:

    body{                                                                                                                         
        background-color:  black ;                                                                                                
        height:100%;                                                                                                              
    }                                                                                                                             
    
                                                                                                                                  
    h1,h2,h3,h4{                                                                                                                  
        color: #f1c40f ;                                                                                                          
        margin-left: 3%;                                                                                                          
    }                                                                                                                             
    
                                                                                                                                  
    p{                                                                                                                            
        color:  #58d68d;                                                                                                          
        margin-left: 3%;                                                                                                          
        margin-right:5%;                                                                                                          
        text-align:justify;                                                                                                       
    }                                                                                                                             
    
                                                                                                                                  
    ul,li{                                                                                                                        
        color:#58d68d;                                                                                                            
        margin-left:1%;                                                                                                           
    }                                                                                                                             
    
                                                                                                                                  
    a:link {color:#00FF40}                                                                                                        
    a:visited {color:#00FF40}                                                                                                     
    a:link, a:visited {text-decoration: none}                                                                                     
                                                                                                                                  
    }                                                                                                                             
    

                                                                                                                                  
     img {                                                                                                                        
         float: rightt;                                                                                                           
                                                                                                                                  
                                                                                                                                  
     }           
    
    Zkoušel jsem to mnohokrát. Nicméně, chybu se mi nepodařilo najít.

    Rád bych se časem dopracoval k něčemu jako generátoru html stránek, ale abych to mohl vůbec zkoušet, musím to umět udělat ručně. Obsahu stránek si nevšímejte, je to jen výplň. Na funkčním textu se ladí o něco líp.

           

    Hodnocení: 0 %

            špatnédobré        

    Tiskni Sdílej: Linkuj Jaggni to Vybrali.sme.sk Google Del.icio.us Facebook

    Komentáře

    Vložit další komentář

    2.8.2020 01:20 Bherzet | skóre: 19 | blog: Bherzetův blog
    Rozbalit Rozbalit vše Re: Problém se stylopisem
    Jestli to bude stačit nevím, ale tady máš překlep:
    img {
         float: rightt;
    }
    
    2.8.2020 01:32 Bherzet | skóre: 19 | blog: Bherzetův blog
    Rozbalit Rozbalit vše Re: Problém se stylopisem
    LOL. Na to formátování si dávej pozor. Na jednom řádku ti tam přebývá složená závorka, která tam nepatří, a ten img, který je za ní, to pak vůbec nezpracuje. Tohle funguje:
    body {
        background-color:  black;
        height: 100%;
    }
    
    h1, h2, h3, h4 {
        color: #f1c40f;
        margin-left: 3%;    
    }
    
    p {
        color:  #58d68d;
        margin-left: 3%;
        margin-right: 5%;
        text-align: justify;
    }
    
    ul, li {
        color: #58d68d;
        margin-left: 1%;
    }
    
    a:link {
        color: #00FF40
    }
    
    a:visited {
        color: #00FF40
    }
    
    a:link, a:visited {
        text-decoration: none
    }
    
    img {
        float: left;
    }
    
    
    Jendа avatar 2.8.2020 02:51 Jendа | skóre: 78 | blog: Jenda | JO70FB
    Rozbalit Rozbalit vše Re: Problém se stylopisem
    2.8.2020 10:32 Jack Hokus | skóre: 34 | blog: LostHeaven
    Rozbalit Rozbalit vše Re: Problém se stylopisem
    Zdravím,

    děkuju, bylo to v tom. Moc jste mi pomohl. Nevím, jestli bych to našel.

    http://www.jackhokus.cz/
    2.8.2020 10:19 Jack Hokus | skóre: 34 | blog: LostHeaven
    Rozbalit Rozbalit vše Re: Problém se stylopisem
    Ahoj,

    bohužel nestačilo, ale děkuju

    Petr
    http://www.jackhokus.cz/
    Gréta avatar 3.8.2020 13:01 Gréta | skóre: 36 | blog: Grétin blogísek | 🇮🇱==❤️ , 🇵🇸==💩 , 🇪🇺==☭
    Rozbalit Rozbalit vše Re: Problém se stylopisem

    vypadá to že už mu to jakoby funguje ;D

    Jmenuji se Petr a vítám Vás na stránce zasvěcené jednomu z mých experimentů. Cílem tohoto experimentu je zjistit, jak by se pomocí programu Markdown daly co nejefektivněji vytvářet www stránky

    nejdřiv se to html asi jako budeš muset naučit a až pak si snim dělat nějaký hokusy pokusy si myslim :D ;D

    3.8.2020 21:39 Jack Hokus | skóre: 34 | blog: LostHeaven
    Rozbalit Rozbalit vše Re: Problém se stylopisem
    Ahoj,

    jasně, že jo. Ale, napadlo mne to, tak jsem to zkusil. Většinou zkouším věci, které neumím.
    http://www.jackhokus.cz/
    Gréta avatar 5.8.2020 00:53 Gréta | skóre: 36 | blog: Grétin blogísek | 🇮🇱==❤️ , 🇵🇸==💩 , 🇪🇺==☭
    Rozbalit Rozbalit vše Re: Problém se stylopisem

    zase ti to nefunguje. když v tom css dáš vobrázku margin-right na 100% tak to ten text bude tlačit do pryč :O ;D

    html validátor ti furt vrací chybky. zkus to upravit takle :O ;D

    <!DOCTYPE html>
    <html lang="cs">
    
    <!-- tady si to měl všecko nějak divně pomíchaný :O ;D -->
    
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/petr.css">
        <title>Stránka částečně vytvořená v Markdownu</title>
        <link rel="stylesheet" type="text/css" href="petr.css">
    </head>
    
    <body>
    
    
      <h3>Slovo na úvod</h3>
      
    
        <p>
            <!-- v img tagu ti jakoby chyběl povinej attribut 'alt' -->
            <img src="Fotky/ja2.jpg" alt="bouchání dřevěným kladívkem do šroubováku">
            Jmenuji se Petr a vítám Vás na stránce zasvěcené jednomu z mých experimentů. 
            Cílem tohoto experimentu je zjistit, 
            jak by se pomocí programu Markdown daly co nejefektivněji vytvářet www stránky.
        </p>
    
      <p> Základ těchto stránek jsem nahodil v Markdownu. Hlavně části, které
       obsahují složitější konstrukce. Pokud jde o krátké věci, když je
       třeba dopsat jen odstavec, tak je hodím přímo do zdrojového
       kódu. Časem bych se rád dostal do stavu, kdy bude veškerá práce na
       webu probíhat pomocí Markdownu. Skákat z jednoho prostředí do
       druhého je nesprávná myšlenka.</p>
       
    
    <p>K tomuto nápadu mne přivedl <a href="https://www.heronovo.cz/">Tomáš
       Crhonek</a>. Pokud inspiraci a nejen o ni, vděčím Tomášovi za
       mnohé. Zkoušel jsem   psát stránky v čistém html. Jde to, ale není
       to nic moc. hlavně psaní  dlouhých tagů jako třeba tak pro odkaz,
       je docela obtížné. Když je  takových tagů více, text je docela
       špatně čitelný. "Zdrojový text",  mohu-li to tak říct, psaný v
       Markdownu je   naproti tomu velmi dobře  čitelný. </p> 
    
       <p><a href="http://37.205.12.143/~petr/">Jít zpět</a></p>
    
     <hr>   
    
    </body>
    </html>
    
    Gréta avatar 5.8.2020 00:59 Gréta | skóre: 36 | blog: Grétin blogísek | 🇮🇱==❤️ , 🇵🇸==💩 , 🇪🇺==☭
    Rozbalit Rozbalit vše Re: Problém se stylopisem

    joa todleto *.css hele tam neni na tom serveru takže asi jako mužeš škrtnout tendleten řádeček <link rel="stylesheet" type="text/css" href="css/petr.css">

    4.8.2020 21:28 taktak
    Rozbalit Rozbalit vše Re: Problém se stylopisem
    Pokud inspiraci a nejen o ni, vděčím Tomášovi za mnohé.
    ... mozna by to chtelo zacit i v srozumitelne skladbe vety;)
    Josef Kufner avatar 3.8.2020 14:22 Josef Kufner | skóre: 70
    Rozbalit Rozbalit vše Re: Problém se stylopisem
    Hello world ! Segmentation fault (core dumped)
    7.8.2020 20:54 Jack Hokus | skóre: 34 | blog: LostHeaven
    Rozbalit Rozbalit vše Re: Problém se stylopisem progres
    Ahoj,

    tak jsem to posunul trochu dopředu. Validací na html to zdá se prošlo. Na css zřejmě taky. Takže děkuju za předchozí rady a návrhy.

    http://www.jackhokus.cz/
    8.8.2020 17:45 Radovan
    Rozbalit Rozbalit vše Re: Problém se stylopisem progres
    "posuere eu"

    lmao
    Jendа avatar 8.8.2020 18:03 Jendа | skóre: 78 | blog: Jenda | JO70FB
    Rozbalit Rozbalit vše Re: Problém se stylopisem progres
    8.8.2020 20:32 Radovan
    Rozbalit Rozbalit vše Re: Problém se stylopisem progres
    Ukaž to Stopkovi xD
    Jendа avatar 8.8.2020 22:16 Jendа | skóre: 78 | blog: Jenda | JO70FB
    Rozbalit Rozbalit vše Re: Problém se stylopisem progres
    On je vegan? (zjistil jsem, že si tohle o lidech nedokážu zapamatovat -- je to ještě horší, než když jsem si byl furt nejistý, kterým vyučujícím na matfyzu se tyká a kterým ne!)
    8.8.2020 22:25 Radovan
    Rozbalit Rozbalit vše Re: Problém se stylopisem progres
    Je - nebo alespoň byl, záhadně zmizel po zveřejnění pracovních dokumentů a třeba mu na Pankráci vegansky nevaří.

    Btw naštěstí u veganů to poznáš, řeknou ti to.

    Založit nové vláknoNahoru

    ISSN 1214-1267   www.czech-server.cz
    © 1999-2015 Nitemedia s. r. o. Všechna práva vyhrazena.